{% set grand_total=0 %}
{% set currency='' %}
{% block shopping_cart_row_heading_block %}
{% if shopping_cart_list|length > 0 %}
	{% set is_complete_flag=1 %}
	<div class="col-xs-12 col-12 p-b-20 ">
		{# shopping_cart_list |printr #}
		{% for data in shopping_cart_list %}
			{% if data.is_complete==0 %}
				{% set is_complete_flag=0 %}
			{% endif %}
			
			{% set colorArrayBox = []%}
			{% set sizeArrayBox = null %}
			{% if data.split is defined  %}
			{% set colorNameBox = '' %}
			{% set newQry = 0 %}
			{% set total_qty=0 %}
			{% for index,splitData in data.split %}
				{% if splitData.variation_master is defined %}
					{% for variationInformation in splitData.variation_master  %}
						{% set colorNameBox = variationInformation.attribute_value_color %}
						{% if variationInformation.variation_detail is defined %}
							{% set sizeArrayBox = variationInformation %}
						{% endif %}
						{% if colorArrayBox[colorNameBox] is not defined  %}
							{% set colorQtyBox = 0 %}
							{% if variationInformation.variation_detail is defined %}
								{% for  dataarray in variationInformation.variation_detail %}
									{% for  qty in dataarray %}
										{% set total_qty=total_qty+qty.quantity %}
											{% set colorQtyBox = qty.quantity %}
										{% set lineAmount = qty.quantity *  data.unit_price %}
									{% endfor %}
								{% endfor %}
							 {%else%}
								{% for qty in variationInformation.variation_quantity %}
									{% set colorQtyBox = qty.quantity %}
								{%endfor%}
							{% endif %}
							 {% set colorArrayBox = colorArrayBox|merge({(colorNameBox):(colorQtyBox)})%}
						{% else %} 
						   {% for key,value in colorArrayBox%}
							   {% if colorNameBox == key %}
								{% if variationInformation.variation_detail is defined %}
									{% for  dataarray in variationInformation.variation_detail %}
										{% for  qty in dataarray %}
											{% set total_qty=total_qty+qty.quantity %}
											 {% set colorQtyBox = qty.quantity %}
											{% set newQry = value +colorQtyBox  %}
											{% set lineAmount = qty.quantity *  data.unit_price %}
										{% endfor %}
									{% endfor %}
								 {%else%}
									{% for qty in variationInformation.variation_quantity %}
										 {% set colorQtyBox = qty.quantity %}
										 {% set newQry = value +colorQtyBox  %}
									 {%endfor%}
								 {% endif %}
								{% set colorArrayBox = colorArrayBox|merge({(colorNameBox):(newQry)})%}
							   {% endif %}
							{% endfor %}
						{% endif %}
					{% endfor %}
				{% endif %}
			{% endfor %}
			{% endif %}
			
			 {% set lineItmeTotal=0 %}
			 {% set charge_total=0 %}	
			 {% set currency=data.currency_symbol %}					
			 <div class="product-main-info">
					<div class="product-left">
					  <img src="{{ data.product_image }}" alt="" class="img-responsive" />
					</div>
					<div class="product-right">
					  <div class="product-top">
						<div class="product-title">
						  {{ data.product_name|raw }} <br>
						  <span class="sku">SKU: {{ data.sku_code }}</span> <br>
						  <span class="color">Color: <strong>
							{% if data.extra_color is defined and data.extra_color.mainColor is not defined and data.extra_color|length > 0 %}
								{% for color_type,color_name in data.extra_color  %}
									<b>{{ color_name.color_type }}</b> : {{ color_name.name }}<br/>
								{% endfor %}
							{% else %}
								{% for key,value in colorArrayBox %}
								   {{ key }}<br/>
								{% endfor %}
							{% endif %}   
						  </strong></span>
						</div>
						<div class="product-btn">
						  {% if data.active == 1 %} <a data-original-title="Edit" href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" class="edit js_open_modal_edit_to_cart" data-user="{{ ob_project_setting.user_id }}" data-url="{{ path('office_brain_orderbundle_order_edittocart', {'cart_id': data.cart_id}) }}">EDIT</a> {% endif %}
						  {% if data.active != 1 and data.is_deleted==1 %} <a data-original-title="Edit" href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" class="edit">EDIT</a> {% endif %}
						  <a data-original-title="Delete" href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="" class="js-btn-delete-cart-list remove" data-cart-id="{{ data.cart_id }}">
							<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
							  <!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
							  <path d="M135.2 17.7C140.6 6.8 151.7 0 163.8 0H284.2c12.1 0 23.2 6.8 28.6 17.7L320 32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 96 0 81.7 0 64S14.3 32 32 32h96l7.2-14.3zM32 128H416V448c0 35.3-28.7 64-64 64H96c-35.3 0-64-28.7-64-64V128zm96 64c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16z"/>
							</svg>
							Remove</a>
						</div>
					  </div>
					  
						  <div class="cart-item">
							<table class="table">
							   <thead>
								  <tr>
									 <th>Size</th>
									 <th>Qty</th>
									 <th>Unit Price</th>
									 <th>Total</th>
								  </tr>
							   </thead>
							   <tbody>
								{% if sizeArrayBox!=null or sizeArrayBox|length>0  %}
								  {% for skey,svalue in sizeArrayBox.variation_detail %}
									  {% if svalue[0].quantity!="" %}
										   {% set qtyValue = sizeArrayBox.variation_quantity[skey] %}
										   {% set lineItmeTotal = lineItmeTotal  + qtyValue.quantity * qtyValue.unit_price %}
										  <tr>
											 <td> {{ (svalue[0].attribute_id==11) ?  svalue[0].size_attr_val : '-' }}</td>
											 <td> {{ qtyValue.quantity}} </td>
											 <td> {{ data.currency_symbol|upper }}{{ qtyValue.unit_price|currency }}</td>
											 <td> <strong>{{ data.currency_symbol|upper }}{{ (qtyValue.quantity * qtyValue.unit_price)|currency }}</strong></td>
										  </tr>
									  {% endif %}
								  {% endfor %}
								{% else %}  
									{% set lineItmeTotal = lineItmeTotal  + data.amount %}
									<tr>
									 <td> - </td>
									 <td> {{ data.total_qty}} </td>
									 <td> {{ data.currency_symbol|upper }} {{ data.unit_price|currency }}</td>
									 <td> <strong>{{ data.currency_symbol|upper }}{{ data.amount|currency }}</strong></td>
								   </tr>
								{% endif %}
							   </tbody>
							</table>
						  </div>
					 
					 {% if data.imprint|length > 0 %}
					  <div class="cart-item">
						<div class="cart-title">Customization</div>
						<table class="table">
						   <thead>
							  <tr>
								 <th>Location</th>
								 <th>Method</th>
								 <th>Colors</th>
								 <th>Charges</th>
								 <th>Total</th>
							  </tr>
						   </thead>
						   <tbody>
							  {% for imprintInformation in data.imprint %}
							  <tr>
								 <td>
								 {% if data.imprint_position_and_methods[imprintInformation.imprint_area_id].position_area is defined %}
									{{ data.imprint_position_and_methods[imprintInformation.imprint_area_id].position_area }}
								 {% endif %}
								 </td>
								 <td>
									{% if data.imprint_position_and_methods[imprintInformation.imprint_area_id].imprint_method[imprintInformation.imprint_method_id] is defined %}
										{{ data.imprint_position_and_methods[imprintInformation.imprint_area_id].imprint_method[imprintInformation.imprint_method_id] }}
									{% endif %}
								 </td>
								 <td>
								   {% if imprintInformation. no_of_color != '' %}
										{% for index in imprintInformation.imprint_color %}
											{% if index.is_pms==1  %}
												<div class="cart-charges">
													<span class="color-bg" style="background:#{{ index.pms_color.pms_color_hashkey }}"></span> {{ index.pms_color.pms_color_code }}
												</div>
											{% endif %}
										{% endfor %}
								   {% endif %}
								 </td>
								 <td>
								{% set chargeLineTotal = 0 %}
								{% if imprintInformation.charges is defined and imprintInformation.charges|length != 0 %}
								   {% for charge in imprintInformation.charges %}
								   {% set chargeLineTotal = chargeLineTotal + charge.charges_amount %}
								   <div class="cart-charges">{{ charge.charges_type }}: <strong>{{  data.currency_symbol|upper }}{{ charge.charges_amount|currency  }}</strong></div>
								   {% endfor %}
								{% endif %}  
								{% set charge_total = charge_total+chargeLineTotal  %}
								 </td>
								 <td> <strong>{{  data.currency_symbol|upper }}{{chargeLineTotal|currency}}</strong></td>
							  </tr>
							  {% endfor %}
							  
							  {% set lineItmeTotal = lineItmeTotal+charge_total  %}
						   </tbody>
						</table>
					  </div>
					  {% endif %}
					  <div class="cart-item">
						<table class="table totle">
							  <tr>
								 <td>Item Total</td>
								 <td>{{  data.currency_symbol|upper }}{{lineItmeTotal|currency}}</td>
							  </tr>
						</table>
					  </div>
					</div>
				</div>
				{% set grand_total = grand_total+lineItmeTotal  %}
			{% endfor %}
	</div>
{% endif %}

<div class="col-12 col-xs-12">
		  <div class="order-total">
		  	<div class="cart-message-info">
		  		<div class="pro-info-msg cart-list-bottom">
					<span>
						<a href="javascript:void(0);"><b>Awesome News! </b>You won't have to pay at checkout. 
						To ensure accuracy, we'll send you a proof to review before payment is due.</a>
					</span>
				</div>
				<div class="pro-questions-about cart-list-bottom">
					<span>
						<a href="" data-toggle="modal" data-target="#questions_about_your_cart">
						<svg xmlns="http://www.w3.org/2000/svg" fill="#03517b" viewBox="0 0 30 30" width="15px" height="15px">    <path d="M15,3C8.373,3,3,8.373,3,15c0,6.627,5.373,12,12,12s12-5.373,12-12C27,8.373,21.627,3,15,3z M16,21h-2v-7h2V21z M15,11.5 c-0.828,0-1.5-0.672-1.5-1.5s0.672-1.5,1.5-1.5s1.5,0.672,1.5,1.5S15.828,11.5,15,11.5z"></path></svg>
						Questions about your artwork?
						</a>
					</span>
				</div>
		  	</div>
		  </div>

		  <div class="order-total">
			<div class="order-total-info">
			  <table class="table ">
					<tr>
					   <td>Subtotal</td>
					   <td>{{  currency|upper }}{{grand_total|currency}}</td>
					</tr>
					<tr>
					   <td>Shipping</td>
					   <td>Calculated at next step</td>
					</tr>
					<tr>
					   <td>Tax</td>
					   <td>Calculated at next step</td>
					</tr>
					<tr>
					   <td>Order Total</td>
					   <td class="js_check_complete" data-complete="{{ is_complete_flag }}">{{  currency|upper }}{{grand_total|currency}}</td>
					</tr>
			  </table>
			</div>
		  </div>

		  <div class="proceed-aheckout">
			{% set disabledCheckout = false %}
			{% for data in shopping_cart_list %}
				{% if data.active == '' %}
					{% set disabledCheckout = true %}
				{% endif %}
			{% endfor %}
			
			{% if disabledCheckout == true %}
				<a class="proceed-checkout-btn disabled" href="javascript:void(0);">{{ 'header_transaction.cart.cart_list.proceed_to_checkout'|trans({},'goldstar') }}</a>
			{% else %}
				{% if app.user!=NULL %} <a class="js_proceed_checkout" href="javascript:void(0);" data-url="{{ path('office_brain_orderbundle_order_checkoutdetail') }}">Proceed to Checkout</a>
				{% else %} 
				{# <a class="js_proceed_checkout_guest" href="javascript:void(0);" data-url="{{ path('office_brain_orderbundle_order_checkoutdetailguest') }}">Proceed to Checkout</a>#}
				<a class="js_proceed_checkout" href="javascript:void(0);" data-url="{{ path('office_brain_orderbundle_order_checkoutdetail') }}">Proceed to Checkout</a>
				{% endif %}
			{% endif %}
		  </div>
        </div>	
{% endblock shopping_cart_row_heading_block %}

{% block shopping_cart_checkout_block %}{% endblock shopping_cart_checkout_block %}