{% extends (app.request.isXmlHttpRequest) ? "::baseAjax.html.twig" : "OfficeBrainCustomBundleThemeBundle:IdmeTheme:User/myAccountFullPageLayout.html.twig" %}
{% block bread_crumb_after_home %}
    <li><a href="{{ url('office_brain_userbundle_user_my_account_info') }}">{{ 'my_account'| trans({},"app") }}</a><i class="fa fa-angle-right fa-fw"> </i></li>
    <li><a href="{{ url('office_brain_orderbundle_order_orderlist') }}">{{ "my_order_list.sub_bread_crumb1"|trans({},'goldstar') }}</a><i class="fa fa-angle-right fa-fw"> </i></li>
	<li><strong>Order Details</strong></li>
{% endblock bread_crumb_after_home %}
{% block page_main_content %}
	<div class="row quote-button">
		<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 pull-right">
			<a href="{{ url('office_brain_orderbundle_order_orderlist') }}" class="pull-right ui-link"><i aria-hidden="true" class="fa fa-angle-left"></i> Back To My Orders</a>
		</div>
	</div>
	<h1 class="main-title register"><i class="heading-icon order-icon"></i>My Orders</h1>
{% endblock page_main_content %}



{% block bottom_page_content %}
{% set currency= (data.0.currency.symbol is defined) ? data.0.currency.symbol|upper : '$' %}
{% set ob_city_dropdown = ob_project_setting['configuration_rule']['site_management']['option']['address']['option']['city']['option']['dropdown']['status'] %}
{% set ob_city_textbox = ob_project_setting['configuration_rule']['site_management']['option']['address']['option']['city']['option']['textbox']['status'] %}
{% set ob_state_dropdown = ob_project_setting['configuration_rule']['site_management']['option']['address']['option']['state']['option']['dropdown']['status'] %}
{% set ob_state_textbox = ob_project_setting['configuration_rule']['site_management']['option']['address']['option']['state']['option']['textbox']['status'] %}
{% set ob_country_dropdown = ob_project_setting['configuration_rule']['site_management']['option']['address']['option']['country']['option']['dropdown']['status'] %}
{% set ob_country_textbox = ob_project_setting['configuration_rule']['site_management']['option']['address']['option']['country']['option']['textbox']['status'] %}

	<div class="order-details">
		<div class="table-responsive checkout-place-order">
			<table class="table order-table">
				<thead>
					<tr>
						<th>
							<h3>Order placed</h3>
							<span>{{ order.createdAt| dateFormat  }}</span>
						</th>
						<th>
							<h3>Order total</h3>
							<span>{{currency}} {{ order.price|currency }}</span>
						</th>
{# 						<th>#}
{# 							<h3>status</h3>#}
{# 							 <span>-</span>#}
{# 						</th>#}
						<th>
							<h3>order id</h3>
							<span>{{ order.orderNo }}</span>
						</th>
						<th>&nbsp;</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td class="order-title">Billing &amp; Payment</td>
					</tr>
					<tr>
						<td>
							<div class="billing-payment">
								<div class="top-title"> Billing Address </div>
								<div class="address-inner-block selected">
									<div class="address-info-block">
										<div class="addr-addr-text">
										    <p>{{ order.OrderBillingDetail.name }}
										    	{% if order.OrderBillingDetail.email !='' %}
												    <br> {{ order.OrderBillingDetail.email }}
												{% endif %}
												    <br> {{ order.OrderBillingDetail.street1 }}, 
												{% if order.OrderBillingDetail.street2 !='' %}
												     {{ order.OrderBillingDetail.street2 }}
												{% endif %}
                                                
												{% if ob_city_dropdown %}
													{% if order.OrderBillingDetail.cityId !='' %}
													    <br> {{ order.OrderBillingDetail.cityId|city }},
													{% endif %}
												{% endif %}
												
												{% if ob_city_textbox %}
													{% if order.OrderBillingDetail.cityName != '' %}
														<br> {{ order.OrderBillingDetail.cityName }},
													{% endif %}
												{% endif %}
												
												{% if ob_state_textbox %}
                                                    {% if order.OrderBillingDetail.stateName is defined and order.OrderBillingDetail.stateName != '' %}
														{{ order.OrderBillingDetail.stateName }},
													{% endif %}
                                                {% elseif ob_state_dropdown %}
                                                    {% if order.OrderBillingDetail.stateId !='' %}
    												    {{ order.OrderBillingDetail.stateId|state }},
    												{% endif %}
                                                {% endif %}
                                                
                                                {% if ob_country_textbox %}
                                                    {% if order.OrderBillingDetail.countryName is defined and order.OrderBillingDetail.countryName != '' %}
														{{ order.OrderBillingDetail.countryName }}
													{% endif %}
                                                {% elseif ob_country_dropdown %}
                                                	{% if order.OrderBillingDetail.countryId !='' %}
    												    {{ order.OrderBillingDetail.countryId|country }}
    												{% endif %}
                                                {% endif %}
												
												{% if order.OrderBillingDetail.zipCode !='' %}
												    <br> {{ order.OrderBillingDetail.zipCode}}
												{% endif %}
												<!-- <br> <span class="small-text">(Residential Address)</span> -->
											</p>
										</div>
									</div>
									<div class="address-contact-info-block">
										<ul>
											 
										      {% if order.OrderBillingDetail.phone !='' %}
											     <li><span class="grey-text">T :</span> {{ order.OrderBillingDetail.phone }}</li>
											  {% endif %}
											   {% if order.OrderBillingDetail.extension != '' %}
                                            	  <li><span class="grey-text"> Ext :</span> {{ order.OrderBillingDetail.extension }}</li>
                                              {% endif %}
                                              {% if order.OrderBillingDetail.mobile !='' %}
											     <li><span class="grey-text">M :</span> {{ order.OrderBillingDetail.mobile }}</li>
											  {% endif %}
											  {% if order.OrderBillingDetail.fax !='' %}
											     <li><span class="grey-text">Fax:</span> {{ order.OrderBillingDetail.fax }} </li>
											  {% endif %}
											  {% if order.OrderBillingDetail.email !='' %}
											     <li><span class="grey-text">Email:</span> {{ order.OrderBillingDetail.email }}</li>
											  {% endif %}
										</ul>
									</div>
								</div>
							</div>			
						</td>
						<td>
		                     <div class="billing-payment">
		                        <div class="top-title">Payment Method</div>
		                        <div class="address-inner-block selected ">
		                            <div class="address-info-block">
		                                <div class="addr-addr-text">
		                                	<p>
		                                		{% if order.customerNumber is defined and order.customerNumber != '' %}
												    {{ 'goldstar_theme.order_invoice.customer_number'|trans({},'goldstar') }} : {{ order.customerNumber }} <br />
												{% endif %}
												{% if order.poNumber is defined and order.poNumber != '' %}
												    {{ 'order_status.po_number'|trans({},'goldstar') }} : {{ order.poNumber }} <br /><br />
												{% endif %}
												<span class="grey-text">{{ 'goldstar_theme.order_invoice.amount'|trans({},'goldstar') }} </span>: {{currency}} {{ order.price|currency }}
											</p>
		                                </div>
		                            </div>
		                        </div>
		                    </div>
						</td>
						<td></td>
						<td></td>
					</tr>
				</tbody>
			</table>
<table class="shopping-cart-itemlist"><tr><td>
<section class="cart-det">
        <div class="col-xs-12 col-12 p-b-20 ">
		{% set currency='' %}
		{% set grand_total=0 %}
		{% set sub_total= 0 %}
		{% set shipping_total=0 %}
		{% set totalDiscountAmount = 0 %}
		
	{% for index,product in data %}
	{%  set colorValue= '' %}
	{%  set sizeArrValue= '' %}
	{% if product.attributes is defined %}			
		{% for attr in product.attributes %}
			{% if attr.id=="11" and attr.values is defined %}
				{%  set sizeArrValue= attr.values %}
			{% endif %}
			{% if attr.id=="10" %}
				{%  set colorValue= attr.values %}
			{% endif %}
		{% endfor %}
	{% endif %}	
	

	{% set productConfiguration= order.orderItemLine[index].productDetailConfiguration %}
	{% set currency=order.orderItemLine[index].currencySymbol|upper %}
	{% if order.orderItemLine[index].orderProduct|length>0 %}
	{% set colorArrayBox = [] %}
		{% for i, prod in order.orderItemLine[index].orderProduct %}
			{% set shipping_total = shipping_total+prod.orderShippingDetail.shippingCharge %}
			
			{% set lineItmeTotal=0 %}
			{% set charge_total=0 %}
			 
			{% set totQty=0 %}
			{% set total_quantity_for_tax_calculate=0 %}
			
           {% set colorNameBox = '' %}
           {% set newQry = 0 %}
           {% set colorQtyBox = 0 %}
		   
			{% if prod.orderVariationMaster|length>0 %}
				{% for varMaster in prod.orderVariationMaster %}
					{% if colorValue[varMaster.attributeValueId] is defined %}
						{% set colorNameBox = colorValue[varMaster.attributeValueId] %}
					{%  endif %}
					 {% if colorArrayBox[colorNameBox] is not defined  %}
						  {% set colorArrayBox = colorArrayBox|merge({(colorNameBox):(colorQtyBox)})%}
					 {% else %} 
							{% for key,value in colorArrayBox%}
								  {% if colorNameBox == key %}
										{% for varQty in varMaster.orderVariationMapping.orderVariationQuantity %}
										 {% set newQry = value +colorQtyBox  %}
									{% endfor %}
									{% set colorArrayBox = colorArrayBox|merge({(colorNameBox):(newQry)})%}
								  {% endif %}
							  {% endfor %}
					{% endif %}
				{%  endfor %}
			{% endif %}
			
			
			
			{% if prod.orderVariationMaster|length>0 %}
				{% for varMaster in prod.orderVariationMaster %}
				   {% if varMaster.orderVariationMapping|length>0 %}
					   {% if varMaster.orderVariationMapping.orderVariationQuantity|length>0 %}
						   {% for varQty in varMaster.orderVariationMapping.orderVariationQuantity %}
							   {% set colorQtyBox = colorQtyBox+ varQty.quantity %}
						   {% endfor %}
						   
					   {% endif %}
				   {% endif %}
				{%  endfor %}
			{% endif %}
				
				  <div class="product-main-info">
					<div class="product-left">
					  <img src="{{ product.basic_information.default_image_url }}" alt="">
					</div>
					<div class="product-right">
					  <div class="product-top">
						<div class="product-title">
						  {{ product.basic_information.title|raw }} <br>
						  <span class="sku">SKU: {{ product.basic_information.sku_number }}</span> <br>
						  <span class="color">Color: <strong>
							{% if order.orderItemLine[index].extraColor != '' %}
								{% set extra_color_ary =  order.orderItemLine[index].extraColor|displayOtherColor(product.attributes) %}
								{% for eca in extra_color_ary %}
									{{ eca }} <br/>
								{% endfor %}
							{% else %}
								{% for key,value in colorArrayBox %}
								   {{ key }}<br/>
							   {% endfor %}
							{% endif %}
						  </strong></span>
						</div>
					  </div>

					  <div class="product-details-info">
						<div class="product-details-left">
						  <span><strong>Shipping Type </strong> {{(prod.orderShippingDetail.shippingType!='null' and prod.orderShippingDetail.shippingType!='') ? prod.orderShippingDetail.shippingType|capitalize : '-'  }}</span><br>
						  <span><strong>Shipping Carrier </strong> {{(prod.orderShippingDetail.carrierType!='null' and prod.orderShippingDetail.carrierType!='') ? prod.orderShippingDetail.carrierType|capitalize : '-'  }} </span><br>
						  <span><strong>Shipping Service </strong> {{(prod.orderShippingDetail.serviceType!='null' and prod.orderShippingDetail.serviceType!='') ? prod.orderShippingDetail.serviceType|capitalize : '-'  }} </span><br>
						  <span><strong>Shipping Charge </strong> {{currency}} {{(prod.orderShippingDetail.serviceType!='null' and prod.orderShippingDetail.serviceType!='') ? prod.orderShippingDetail.shippingCharge|currency : '0.00'  }}  </span><br>
						</div>
						<div class="product-details-right">
							<span><strong>Shipping Address </strong> <br>
							  <span> {{ prod.orderShippingDetail.name }}<br>
									{{ (prod.orderShippingDetail.email!='')?(prod.orderShippingDetail.email)|raw:'' }}<br>
									{{ (prod.orderShippingDetail.street1!='')?(prod.orderShippingDetail.street1)|raw:'' }},
									{{ (prod.orderShippingDetail.street2!='')?(prod.orderShippingDetail.street2 )|raw:'' }}<br>
									{{ (prod.orderShippingDetail.cityName!='')?(prod.orderShippingDetail.cityName~',')|raw:'' }}
									{{ (prod.orderShippingDetail.stateName!='')? (prod.orderShippingDetail.stateName~',')|raw:'' }}
									{{ (prod.orderShippingDetail.countryName!='')?(prod.orderShippingDetail.countryName):'' }}<br>
									{{ (prod.orderShippingDetail.zipCode!='')?(prod.orderShippingDetail.zipCode ):'' }}</span>
									{% if prod.orderShippingDetail.phone !='' %}
										<br>T : {{ prod.orderShippingDetail.phone }} <br/> 
									{% endif %}
									{% if prod.orderShippingDetail.extension !='' %}
										EXT : {{ prod.orderShippingDetail.extension }}<br/> 
									{% endif %}
									{% if prod.orderShippingDetail.fax !='' %}
										F : {{ prod.orderShippingDetail.fax }}<br/>
									{% endif %}
									{% if prod.orderShippingDetail.mobile !='' %}
										M : {{ prod.orderShippingDetail.mobile }}<br/>
									{% endif %}
									{% if prod.orderShippingDetail.website is defined and prod.orderShippingDetail.website !='' %}
										Web : {{ prod.orderShippingDetail.website }} 
									{% endif %}
							</span>
						</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 productConfiguration.color|length>0 %}
								{% for prodColorSize in productConfiguration.color %}
										{% for indx, qty in prodColorSize.quantity %}
											{% if qty!="" %}
											<tr>
											{% if(prodColorSize.size is defined) %}
												 <td>{{sizeArrValue[prodColorSize.size[indx]]}}</td>
											{% else %}
												 <td>-</td>
											{% endif %}
											<td>{{qty}}</td>
											 <td>{{ currency }} {{ order.orderItemLine[index].unitPrice|currency }}</td>
											 <td> <strong>
											 {% set qtyItemlineTotal = order.orderItemLine[index].unitPrice * qty %}
											 {% set lineItmeTotal = lineItmeTotal  + qtyItemlineTotal %}
											 {{ currency }} {{qtyItemlineTotal|currency}}
											 </strong></td>
											</tr>
											{% endif %}
										{% endfor %}
									
								{% endfor %}
							  {% endif%}
						   </tbody>
						</table>
					  </div>
					  {% if order.orderItemLine[index].orderProductImprintArea|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 imprintArea in order.orderItemLine[index].orderProductImprintArea %}
							  <tr>
								 <td>
								 {% if product.imprint_position_and_methods[imprintArea.imprintAreaId].position_area is defined %}
									{{ product.imprint_position_and_methods[imprintArea.imprintAreaId].position_area }}
								 {% endif %}
								 </td>
								 <td>
									{% if product.imprint_position_and_methods[imprintArea.imprintAreaId].imprint_method[imprintArea.imprintAreaMethodId] is defined %}
										{{ product.imprint_position_and_methods[imprintArea.imprintAreaId].imprint_method[imprintArea.imprintAreaMethodId] }}
									{% endif %}
								 </td>
								 <td>
								   {% if imprintArea.orderProductImprintColor|length>0 %}
										{% for index,imprintcolor in imprintArea.orderProductImprintColor %}
											{% if imprintcolor.isPmsColor==1 %}
												<div class="cart-charges">
													<span class="color-bg" style="background:#{{ imprintcolor.colorId }}"></span> {{ imprintcolor.colorName }}
												</div>
											{% endif %}
										{% endfor %}
								   {% endif %}
								 </td>
								 <td>
								{% set chargeLineTotal = 0 %}
								{% if order.orderItemLine[index].orderProductCharges|length != 0 %}
								   {% for charge in order.orderItemLine[index].orderProductCharges %}
								   {% set chargeLineTotal = chargeLineTotal + charge.chargesAmount %}
								   <div class="cart-charges">{{ charge.chargesType }}: <strong>{{ currency }}{{ charge.chargesAmount|currency  }}</strong></div>
								   {% endfor %}
								{% endif %}  
								{% set charge_total = charge_total+chargeLineTotal %}
								 </td>
								 <td> <strong>{{ currency }}{{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>{{currency}}{{lineItmeTotal|currency}}</td>
							  </tr>
						</table>
					  </div>
					</div>
				</div>
				{% set sub_total = sub_total+lineItmeTotal  %}
			 {% endfor %}
        {% endif %}
        {% endfor %}
	</div>
	 <div class="col-12 col-xs-12">
				  {% set grand_total = sub_total+shipping_total+order.taxTotal  %}
                  <div class="order-total">
                    <div class="order-total-info">
                      <table class="table ">
                            <tr>
							   <td>Subtotal</td>
							   <td>{{  currency }}{{sub_total|currency}}</td>
							</tr>
                            <tr>
							   <td>Shipping</td>
							   <td>{{  currency }}{{shipping_total|currency}}
							   </td>
							</tr>
							<tr>
							   <td>Tax</td>
							   <td>{{  currency }}{{order.taxTotal|currency}}</td>
							</tr>
							<tr>
							   <td>Order Total</td>
							   <td>{{  currency }}{{grand_total|currency}}</td>
							</tr>
                      </table>
                    </div>
                  </div>
        </div>
      </div>
    </div>
    
</section>
</td>
    </tr>
    </table>   
		</div>
	</div>
	<script type="text/javascript">
		$(document).ready(function(){
			$('.SeeMore').click(function(){

				var $this = $(this);

				var pr = $this.closest('.shopping-cart-itemlist');
				$('#view-item-details2', pr).slideToggle( "slow" );
				
				$this.toggleClass('SeeMore');
				
				if($this.hasClass('SeeMore')){
					$this.text('See More');	
				} else {
					$this.text('See Less');
				}
				
			});
		});
	</script>
{% endblock bottom_page_content %}