{% extends '::adminBaseAjax.html.twig' %} 
{% block ajax_body %}
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <button aria-label="Close" data-dismiss="modal" class="close" type="button"><i class="fa fa-times"></i></button>
            <div class="modal-header">
                <h1 class="modal-title" ><i class="fa fa-truck"></i> {{'track_order.title' |trans}}</h1>
            </div>
            <div class="modal-body order-detail-block track-order">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="order-title">
                            <div class="col-lg-4 text-right">
                                {{ 'cart.cart_order_id' | trans}} : {{data.id}}
                            </div>
                            <div class="col-lg-4">
                                {{ 'orderadmin.created_date' | trans}} : {{ data.createdAt| dateFormat(ob_project_date_format) }}
                            </div>
                            <div class="col-lg-4 text-left">
                                {{ 'orderadmin.total_item' | trans}} : {{ data.orderItemLine| length }}
                            </div>
                            
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12">
                        <div id="accordion1" class="accordion-style1 panel-group list-accordion">
                        {% for index,product in orderInlineProductDetail %}
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h4 class="panel-title">
                                    <a class="accordion-toggle update-track-product" data-toggle="collapse" data-parent="#accordion" href="#collapse-track-{{loop.index}}">
                                        <i class="fa fa-chevron-down"></i>Product {{loop.index}}
                                    </a>
                                    <div class="track-update-btn"></div>
                                </h4>
                            </div>
                            <div class="clearfix"></div>
                            <div class="panel-collapse collapse in" id="collapse-track-{{loop.index}}">
                            {% if data.orderItemLine[index].orderProduct|length >0 %}
								{% for index1,shipping in data.orderItemLine[index].orderProduct %}
								{% set orderInlineId= data.orderItemLine[index].id %}
                                <div class="panel-body">
                                    <div class="row billing-information">
                                        <div class="col-sm-5 col-md-5 col-lg-5 col-xs-12">
                                            <div class="row">
                                            	<div class="col-lg-4">
                                            		<div class="track-img-shipping">
                                            			<img src="{{ product.basic_information.default_image_url }}" alt=""/>
                                            		</div>
                                            	</div>
                                            	<div class="col-lg-8">
                                            		<div class="name-of-product">
                                            			{{ product.basic_information.title }}
                                            		</div>
                                            		<div class="track-sku"><span>{{ 'cart.cart_sku_code' | trans }}</span>{{ product.basic_information.sku_number }}</div>
                                            	</div>
                                            </div>
                                        </div>
										<button class="customize-btn js_change_orderline_status" data-id="{{index1}}" data-orderinline-id={{orderInlineId}} data-shippingId="{{shipping.orderShippingDetail.id}}" id="js_btn_update_status_{{orderInlineId}}_{{index1}}"  {% if shipping.orderShippingDetail.statusCode == 'pending' or shipping.orderShippingDetail.statusCode == NULL %}disabled{%endif%}>Update</button>
		                                        <div class="col-sm-7 col-md-7 col-lg-7 col-xs-12">
		                                            <div class="row">
{# 		                                            	<div class="col-lg-3">#}
{# 		                                            		<div class="form-group">#}
{# 		                                            			<label for="text">{{'track_order.status' |trans}}</label>#}
{# 		                                            		</div>#}
{# 		                                            	</div>#}
		                                            	<div id="js_track_id_div_{{orderInlineId}}_{{index1}}" >
			                                            	<div class="col-lg-3">
			                                            		<div class="form-group">
											                        <label for="text">{{'track_order.tracking_title' |trans}}</label>
											                    </div>
			                                            	</div>
			                                            	<div class="col-lg-9">
			                                            		<div class="form-group">
			                                            			<input type="text" id="js_track_id_{{orderInlineId}}_{{index1}}" class="form-control" placeholder="{{'track_order.tracking_number' |trans}}" value="{{shipping.orderShippingDetail.trackingId}}"  {% if shipping.orderShippingDetail.statusCode == 'pending' or shipping.orderShippingDetail.statusCode == NULL %}disabled{%endif%}>
			                                            		</div>
			                                            	</div>
			                                            </div>
	                                            		<div id="js_ship_by_div_admin_{{orderInlineId}}_{{index1}}">
			                                            	<div class="col-lg-3">
			                                            		<div class="form-group">
			                                            			<label for="text">{{'track_order.ship_by' |trans}}</label>
			                                            		</div>
			                                            	</div>
			                                            	<div class="col-lg-3">
			                                            		<div class="form-group">
			                                            			<select class="form-control" id="js_ship_by_admin_{{orderInlineId}}_{{index1}}"  {% if shipping.orderShippingDetail.statusCode == 'pending' or shipping.orderShippingDetail.statusCode == NULL %}disabled{%endif%}>
											                            {% for index1 , shippingtype in ob_project_setting.configuration_rule.transaction.manage_order.list_admin.option.tracking.option  %}
											                            	<option value="{{index1}}" {% if shipping.orderShippingDetail.shippingTypeAdmin == index1 %}selected{%endif%}>{{shippingtype}}</option>
										                            	{% endfor %}
											                        </select>
			                                            		</div>
			                                            	</div>
			                                            </div>
				                                         <div class="col-lg-3">
	                                            			<div class="form-group">
	                                            				<label for="text">Status</label>
	                                            			</div>
	                                            		</div>
		                                            	<div class="col-lg-3">
		                                            		<div class="form-group">
		                                            			<select class="form-control js_change_status" data-id="{{index1}}" data-orderinline-id={{orderInlineId}} id="js_status_{{orderInlineId}}_{{index1}}">
		                                            				{% for index , status in ob_project_setting.configuration_rule.transaction.manage_order.list_admin.option.shippment_status.option.status_code  %}
											                            <option value="{{index}}" {% if shipping.orderShippingDetail.statusCode == index %}selected{%endif%}>{{status}}</option>
										                            {% endfor %}
										                        </select>
		                                            		</div>
		                                            	</div>
		                                            	<div id="js_error_{{orderInlineId}}_{{index1}}"></div>
		                                            </div>
		                                        </div>
		                                    </div>
		                                </div>
		                                <div id="tracking_detail_{{shipping.orderShippingDetail.id}}">
		                                	{{ render(controller('OfficeBrainOrderBundle:OrderAdmin:adminOrderTrackingDetail', { 'shippingId': shipping.orderShippingDetail.id , 'type' : 'track'})) }}
		                               	</div>
                            	
                            {% endfor %}
                            </div>
						{% endif %}
                        </div>
						
					{% endfor %}
                    </div>
                    </div>
                </div>
			</div>
		</div>
	</div>
</div>
{% endblock ajax_body %}