{% extends '::baseAjax.html.twig' %}
{% block ajax_body %}
{% if data|length>0 %}
    {% for splitkey,config in data %}
    <div class="optional-panel in js_shipping_method_detail shipment" id="js_shipping_method_detail_{{splitkey}}" data-shipping-counter="{{ splitkey }}">
    	<div class="option-head">
    		<a href="javascript:void(0);"><i class="fa fa-caret-down"></i>
    		{{'request_quote.shipping_type.shipping_address'|trans }}<span id="js_shipping_header{{splitkey}}">&nbsp;{{splitkey+1}}</span></a>
    			{% if splitkey >= 1 and shipping_type == 'split' %}
    			<span><a class="remove-add js_remove_request_quote_shipping_address" data-shipping-box-id="{{ splitkey }}" href="javascript:void(0);"><i class="fa fa-trash-o"></i><span class="remove ">{{ 'request_quote.remove'|trans }}</span></a></span>
    			{% endif %}
    	</div>
    	<div class="option-body js-shippingMethod-{{ splitkey }}-section" style="display: block;">
    		<div class="row">
    			<div class="col-xs-12">
    				<div class="js_shipping_qty_box_main" data-shipping-counter="{{ splitkey }}">
    					{% set readOnlyText = '' %}
    					{% set darkGray = '' %}
    					{% if shipping_type != 'split' %}
    						{% set readOnlyText = 'readonly=readonly' %}
    						{% set darkGray = 'disabled' %}
    					{% endif %}	
    					{% for cartId,checkoutDetail in config.color_quantity %}
    						<div class="js_cart_product_name_{{ cartId }}" data-cart-id="{{ cartId }}">{{ (shipping_array[cartId].product_name is defined)?shipping_array[cartId].product_name:'' }}</div>
        					{% for colorId,Qty in checkoutDetail %}
        						{% set colorId = colorId|replace({ 'id:': '' }) %}
        						{% set extraColors = null %}
                        		{% if config.extra_color_quantity is defined and config.extra_color_quantity[cartId] is defined and config.extra_color_quantity[cartId] is not null %}
                        			{% set extraColors = config.extra_color_quantity[cartId] %}
                        		{% endif %}
        						{{ include('OfficeBrainOrderBundle:Order:removeLoadCheckoutShippingQuantityBox.html.twig', { 'config': configure ,'Qty': Qty, 'colorId' : colorId, 'product_attributes': shipping_array[cartId]['product_attributes'], 'productId' : config.productId[cartId], 'cartId' : cartId}) }}
        					{% endfor %}
    					{% endfor %}
    				</div>
    				<input type="hidden" id="productId" value="{{config.product_id}}" />
    				<input type="hidden" id="cartId" value="{{config.cart_id}}" />
    		
    				<span>{{ 'request_quote.shipping_type.select_shipping_add'|trans }}</span>
    				<div class="row">
    					<div class="radio-but radio">
        					<div class="col-lg-12 col-md-6 col-sm-5 col-xs-12 radio-but" >
        						<input type="radio" name="request_quote_shippingaddress_from_{{ splitkey }}" {% if config.shipping_from=="shipping_book" %} checked="checked" {% endif %} value="shipping_book" /> <label class="lbl">{{ 'request_quote.shipping_type.select_from_shipping_address'|trans }}</label>
        					</div>
    					</div>
    				</div>
    			</div>
    		</div>
    		
    		<div class="shipping-scroll remove-border-padding" data-contact-id="0" id="js_shipping_addresses_{{ splitkey }}">
    			{% if app.user %}
    				{% if config.selected_address_id is defined %}
    					{{ render(controller('OfficeBrainOrderBundle:Order:getShippingAddressById', { 'shipping_type':shipping_type,'contact_id': config.selected_address_id, 'counter':splitkey,'product_id':config.product_id })) }}
    				{% endif %}	
    			{% else %}
    				{{ render(controller('OfficeBrainOrderBundle:Order:orderGuestShipping', { 'product_id':config.product_id, 'method': shipping_type, 'counter':splitkey })) }}
    			{% endif %}	
    		</div>
    		
    		{% if userId > 0 %}
    			<div class="search-mail-block">
    				<div class="search-col">
    					<input type="text" name="auto_complete_shipping_email" class="auto_complete_shipping_email" data-counter="{{ splitkey }}" placeholder="Search by Name or email" />
              			<input type="submit" value="" >
    				</div>
    			</div>
    		{% endif %}
    		
    		{% if userId > 0 %}
    			<a class="js_open_modal_req_info_detail btn" data-url="{{ path('office_brain_orderbundle_order_saveorderaddress',{'counter' : splitkey })}}"
    					title="" data-placement="top" data-toggle="tooltip" href="javascript:void(0)" data-original-title="{{'request_quote.shipping_type.add_new_address'|trans }}"  data-product-id="{{config.product_id}}">
    				{{'request_quote.shipping_type.add_new_address'|trans }}
    			</a>
    		{% else %}
    			<a class="js_open_modal_guest_request_order_detail btn" data-url="{{ path('office_brain_orderbundle_order_saveorderaddress',{'counter' : splitkey })}}"
    					title="" data-placement="top" data-toggle="tooltip" href="javascript:void(0)" data-original-title="{{'request_quote.shipping_type.add_new_address'|trans }}"  data-product-id="{{config.product_id}}">
    				{{'request_quote.shipping_type.add_new_address'|trans }}
    			</a>
    		{% endif %}
    		
       
            {% if ob_project_setting.configuration_rule.transaction.shopping_cart.product_detail_popup.option.shipping.option.inhand_date.status==1  %}
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 ship-col-left">
              <p>{{ 'request_quote.shipping_type.inhand_date'|trans }} : </p>
              <div id="datetimepicker{{ splitkey }}" class="input-append input-group date-block shipping-datepicker">
                <input data-format="MM/dd/yyyy" type="text" class="form-control js_rq_ship_handdate" readonly="readonly" data-shipping-counter="{{ splitkey }}" value="{{ config.shipping_detail.on_hand_date }}"></input> 
                  <span class="add-on input-group-addon datepicker-color"> 
                  <i class="fa fa-calendar"></i>
                </span>
              </div>
            </div>
            {% endif %}
        
    		{%if shipping_estimator is defined and shipping_estimator == 'yes' %}
    			<div class="row shipping-option js_shippin_carrier_option_avalible">
    				{% if ob_project_setting.configuration_rule.transaction.shopping_cart.product_detail_popup.option.shipping.option.shipping_carrier.status==1  %}
    				<div class="col-lg-6 col-md-12 col-sm-6 col-xs-12 ship-col-left">
    					<p>{{ 'request_quote.shipping_type.shipping_carrier'|trans }} :</p>
    					<div class="selection-common-box">
    						<div class="dropdown dropdown_size">
    						{% if config.shipping_detail.shipping_carrier!='null' %}
            						{% if config.shipping_detail.shipping_carrier is defined %}
            							<button data-value="{{ config.shipping_detail.shipping_carrier }}"  class="btn dropdown-toggle js_rq_ship_shippingcarrier" type="button" _id="dropdownMenu16" data-toggle="dropdown" aria-expanded="true" id="shipping_carrier_std_button_{{config.product_id}}_{{ splitkey }}">
            						{% else %}
            							<button data-value=""  class="btn dropdown-toggle js_rq_ship_shippingcarrier" type="button" _id="dropdownMenu16" data-toggle="dropdown" aria-expanded="true" id="shipping_carrier_std_button_{{config.product_id}}_{{ splitkey }}">
            						{% endif %}
    							
    								{% if config.shipping_detail.shipping_carrier is defined %}
    									{{ config.shipping_detail.shipping_carrier }}
    								{% else %}
    									{{ 'request_quote.shipping_type.select_carrier'|trans }}
    								{% endif %}	
    								<span class="caret"></span>
        							</button>
        							<ul class="dropdown-menu {% if ob_project_setting.configuration_rule.transaction.shopping_cart.product_detail_popup.option.shipping.option.shipping_method.status==1  %} js_select_shipping_carrier_method {% else %} js_select_shipping_carrier_method_for_account  {% endif %}" role="menu" aria-labelledby="dropdownMenu17" data-call-from="std" data-productid="{{config.product_id}}" id="shipping_carrier_std_dropdown_{{config.product_id}}" data-shipping-counter="{{ splitkey }}" data-request-type="request_order">
        								{% for index , status in ob_project_setting.configuration_rule.transaction.shipping_estimator.option.registered_user.option.rate.option.service.option.service_selected  %}
        										<li data-value="{{index}}"><a href="javascript:void(0)">{{status}}</a></li>
        								{% endfor %}
        							</ul>
    						{% else %}	
    							<button class="btn dropdown-toggle js_rq_ship_shippingcarrier" type="button" _id="dropdownMenu16" data-toggle="dropdown" aria-expanded="true" id="shipping_carrier_std_button_{{config.product_id}}_{{ splitkey }}">
    								{{ 'request_quote.shipping_type.select_carrier'|trans }}
    								<span class="caret"></span>
    							</button>
    							<ul class="dropdown-menu {% if ob_project_setting.configuration_rule.transaction.shopping_cart.product_detail_popup.option.shipping.option.shipping_method.status==1  %} js_select_shipping_carrier_method {% else %} js_select_shipping_carrier_method_for_account  {% endif %}" role="menu" aria-labelledby="dropdownMenu17" data-call-from="std" data-productid="{{config.product_id}}" id="shipping_carrier_std_dropdown_{{config.product_id}}" data-shipping-counter="{{ splitkey }}" data-request-type="request_order">
    								{% for index , status in ob_project_setting.configuration_rule.transaction.shipping_estimator.option.registered_user.option.rate.option.service.option.service_selected  %}
    									<li data-value="{{index}}"><a href="javascript:void(0)">{{status}}</a></li>
    								{% endfor %}
    							</ul>
    						{% endif %}
    						</div>
    					</div>
    				</div>
    				{% endif %}
    				
    				<div class="col-lg-6 col-md-12 col-sm-6 col-xs-12 ship-col-right">
    					{% if ob_project_setting.configuration_rule.transaction.shopping_cart.product_detail_popup.option.shipping.option.shipping_method.status==1  %}
    						<p>{{ 'request_quote.shipping_type.method'|trans }} :</p>
    						<div class="selection-common-box">
    							<div class="dropdown dropdown_size">
    							{% if config.shipping_detail.shipping_method!='null' %}		
        							{% if config.shipping_detail.shipping_charge is defined %}
        								{% set dataCharge= config.shipping_detail.shipping_charge %}
        							{% else %}
        								{% set dataCharge= '' %}
        							{% endif %}
        							
        							{% if config.shipping_detail.shipping_method is defined %}
        								{% set dataMethod= config.shipping_detail.shipping_method %}
        							{% else %}
        								{% set dataMethod= '' %}
        							{% endif %}
        							
        							<button data-value="{{ dataCharge }} " data-service="{{ dataMethod }}" class="btn dropdown-toggle js_rq_ship_shippingmethod" type="button" id="shipping_method_std_button_{{config.product_id}}_{{ splitkey }}" data-toggle="dropdown" aria-expanded="true">
        								{% if config.shipping_detail.shipping_charge is defined %}
        									{{ config.shipping_detail.shipping_method }}{{ '$'~config.shipping_detail.shipping_charge }}
        								{% else %}
        									{{ 'request_quote.shipping_type.select_method'|trans }}
        								{% endif %}
        								<span class="caret"></span>
        							</button>
        							<ul class="dropdown-menu js_rq_ship_shipmethod_ul js_set_selected_value" id="shipping_method_std_dropdown_{{config.product_id}}_{{ splitkey }}" role="menu" aria-labelledby="dropdownMenu17" data-shipping-counter="{{ splitkey }}">
        							</ul>
    							{% else %}	
    								<button class="btn dropdown-toggle js_rq_ship_shippingmethod" type="button" id="shipping_method_std_button_{{config.product_id}}_{{ splitkey }}" data-toggle="dropdown" aria-expanded="true">
    									{{ 'request_quote.shipping_type.select_method'|trans }}
    									<span class="caret"></span>
    								</button>
    								<ul class="dropdown-menu js_rq_ship_shipmethod_ul js_set_selected_value" id="shipping_method_std_dropdown_{{config.product_id}}_{{ splitkey }}" role="menu" aria-labelledby="dropdownMenu17" data-shipping-counter="{{ splitkey }}">
    									
    								</ul>
    							{% endif %}
    							</div>
    						</div>
    					{% endif %}
    					
    					{% if ob_project_setting.configuration_rule.transaction.shopping_cart.product_detail_popup.option.shipping.option.shipper_account.status==1  %}
    						<p>{{ 'request_quote.shipping_type.account'|trans }} :</p>
    						<div class="selection-common-box">
    							<input type="text"  class="form-control js_rq_ship_shipper_account" name="shipper_account">
    						</div>
    					{% endif %}
    				</div>
    				
    				{% set fullWidth='col-lg-12' %}
    				{% if ob_project_setting.configuration_rule.transaction.shopping_cart.product_detail_popup.option.shipping.option.ship_date.status==1  %}
    				{% set fullWidth='col-lg-5' %}
    				<div class="col-lg-6 col-md-12 col-sm-6 col-xs-12 ship-col-left">
    					<p>{{ 'request_quote.shipping_type.ship_date'|trans }} :</p>
    					<div id="datetimepicker7"
    						class="input-append date input-group date-block shipping-datepicker">
    						<input data-format="dd/MM/yyyy" type="text" value="{{ config.shipping_detail.ship_date }}"
    							class="form-control js_rq_ship_shipdate" readonly="readonly" data-shipping-counter="{{ splitkey }}"></input> <span
    							class="add-on input-group-addon datepicker-color"> <i
    							class="fa fa-calendar"></i>
    						</span>
    					</div>
    				</div>
    				{% endif %}
    				{% if ob_project_setting.configuration_rule.transaction.shopping_cart.product_detail_popup.option.shipping.option.inhand_date.status==1  %}
    				<div class="{{ fullWidth }} col-md-12 col-sm-6 col-xs-12 ship-col-right">
    					<p>{{ 'request_quote.shipping_type.in_hand_date'|trans }} :</p>
    					<div id="datetimepicker8"
    						class="input-append date input-group date-block shipping-datepicker">
    						<input data-format="dd/MM/yyyy" type="text" value="{{ config.shipping_detail.on_hand_date }}"
    							class="form-control js_rq_ship_handdate" readonly="readonly" data-shipping-counter="{{ splitkey }}"></input> <span
    							class="add-on input-group-addon datepicker-color"> <i
    							class="fa fa-calendar"></i>
    						</span>
    					</div>
    				</div>
    				{% endif %}
    			</div>
    		{% else %}
    			{# <div class="text-left">
    				{{ 'order.shipping_type.no_shipping_estimator'|trans }}
    			</div> #}
    		{% endif %}
    	</div>
    </div>
    {% endfor %}
{% endif %}
<script type="text/javascript">
if ($('.js_rq_ship_shippingcarrier').length>0){
	$('.js_select_shipping_carrier_method').each(function(){
    	var carrier = $(this).parent().find('button').attr('data-value');
 		$(this).find("li[data-value='"+carrier+"']").click();
	});	  
}
</script>
{% endblock ajax_body %}