{% block shopping_checkout_shipping_block %}
    <div class="tab-padding">
    	<div class="col-sm-12 col-md-12 col-lg-12 col-xs-12">
    		<h1 class="billing-add">{{'checkout.select_shipping_information'|trans({},'goldstar') }}</h1>
    		<div class="ob-contact-info-block">
				<div id="Shipping-method-col">
					<input type="radio" class="js_select_shipping_type hide" data-edit="{{ 0 }}" name="request_quote_shipping_type" value="standard" id="order_standard_shipping" checked="checked"/> <label class="lbl" for="order_standard_shipping">{{ 'order.standard_shipping'|trans }}</label>
        			<div class="panel-body js-shippingMethod-section">
        				<div class="shipping-method cart-det">        					
        					<div id="js_shipping_method">
								{% set searchpopaddress='' %}
								<div class="optional-panel in js_shipping_method_detail shipment" id="js_shipping_method_detail_{{config.shipping_counter}}" data-shipping-counter="{{ config.shipping_counter }}">
								  <div class="option-body js-shippingMethod-{{ config.shipping_counter }}-section" style="display: block;">
									<div class="row hide">
									  <div class="col-xs-12">
										 <div class="js_shipping_qty_box_main" data-shipping-counter="{{ config.shipping_counter }}">
											{% set readOnlyText = '' %}
											{% if config.shipping_type != 'split' %}
											  {% set readOnlyText = 'readonly=readonly' %}
											  {% set darkGray = 'disabled' %}
											{% endif %}
										</div>
										{% if userId > 0 %}
										  <span>{{ 'request_quote.shipping_type.select_shipping_add'|trans }}</span>
										{% endif %}
										<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_{{ config.shipping_counter }}" id="lbl_shipping_book_{{ config.shipping_counter }}" value="shipping_book" class="radio-check {{searchpopaddress }}" checked='checked' /> <label class="lbl_shipping_book_{{ config.shipping_counter }}">{{ '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_{{ config.shipping_counter }}">
									</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="{{ config.shipping_counter }}" 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' : config.shipping_counter })}}" 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' : config.shipping_counter })}}" 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{{ config.shipping_counter }}" 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="{{ config.shipping_counter }}"
										value="{{ "now"|date("m/d/Y") }}"></input> 
										  <span class="add-on input-group-addon datepicker-color"> 
										  <i class="fa fa-calendar"></i>
										</span>
									  </div>
									</div>
									{% endif %}
									
								  
									<input type="hidden" id="productId" value="{{config.product_id}}" />
									<input type="hidden" id="cartId" value="{{config.cart_id}}" />
			
			{% for cartId,checkoutDetail in shipping_array %}
			{% set prodImg = checkout_product_id_list[checkoutDetail.config.product_id] %}
			{% set prodSku = checkout_product_id_Sku_list[checkoutDetail.config.product_id] %}
			<div class="product-main-info">
				<div class="product-left">
					<img src="{{prodImg}}" alt="">
				</div>
				<div class="product-right">
					<div class="cart-item">
						<table class="table">
						   <thead>
							  <tr>
								 <th>Title</th>
								 <th>SKU</th>
							  </tr>
						   </thead>
						   <tbody>
							  <tr>
								 <td> {{checkoutDetail.product_name|raw}}</td>
								 <td> {{prodSku}}</td>
							  </tr>
							  <tr>
								 <td colspan="2">
									{% for colorId,Qty in checkoutDetail.color_qty %}
										{% set colorId = colorId|replace({ 'id:': '' }) %}
										{% set extraColors = null %}
										{% if checkoutDetail.extra_color_qty is not null %}
											{% set extraColors = checkoutDetail.extra_color_qty %}
										{% endif %}
										{{ include('OfficeBrainOrderBundle:Order:loadCheckoutShippingQuantityBox.html.twig', { 'config': config ,'Qty': Qty, 'colorId' : colorId, 'product_attributes': checkoutDetail.product_attributes, 'productId' : checkoutDetail.config.product_id, 'extraColors' : extraColors }) }}
									{% endfor %}
								 </td>
							  </tr>
							  <tr>
								 <td colspan="2">
									 {%if checkoutDetail.shipping_estimator is defined and checkoutDetail.shipping_estimator == 'yes' %}
									  
									  
									  <div class="row shipping-option js_shippin_carrier_option_avalible" data-cart-id="{{ cartId }}">
										
										{% 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">
												  <button class="btn dropdown-toggle js_rq_ship_shippingcarrier" type="button" _id="dropdownMenu16" data-toggle="dropdown" aria-expanded="true" id="shipping_carrier_std_button_{{checkoutDetail.config.product_id}}_{{ config.shipping_counter }}">
													{{ '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="{{checkoutDetail.config.product_id}}" id="shipping_carrier_std_dropdown_{{checkoutDetail.config.product_id}}" data-shipping-counter="{{ config.shipping_counter }}" 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>
												</div>
											  </div>
										</div>
										{% endif %}
										
										<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 ship-col-left">
											  {% 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">
													<button class="btn dropdown-toggle js_rq_ship_shippingmethod" type="button" id="shipping_method_std_button_{{checkoutDetail.config.product_id}}_{{ config.shipping_counter }}" 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_{{checkoutDetail.config.product_id}}_{{ config.shipping_counter }}" role="menu" aria-labelledby="dropdownMenu17" data-shipping-counter="{{ config.shipping_counter }}">
													  
													</ul>
												  </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-7' %}
										<div class="col-lg-5 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 input-group date-block shipping-datepicker">
											<input data-format="MM/dd/yyyy" type="text"
											  class="form-control js_rq_ship_shipdate" readonly="readonly" data-shipping-counter="{{ config.shipping_counter }}"></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-lg-12 col-md-12 col-sm-12 col-xs-12 ship-col-left">
										  <p>{{ 'request_quote.shipping_type.in_hand_date'|trans }} : </p>
										  <div id="datetimepicker8" 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="{{ config.shipping_counter }}"></input> 
											  <span class="add-on input-group-addon datepicker-color"> 
											  <i class="fa fa-calendar"></i>
											</span>
										  </div>
										</div>
										{% endif %}
										
								</div>
								{%endif%}
								 </td>
							  </tr>
						   </tbody>
						</table>
					  </div>
				</div> 
			</div>
			{% endfor %}
	
	
	
								{#	{% for cartId,checkoutDetail in shipping_array %}
									<div class="js_cart_product_name_{{ cartId }}" data-cart-id="{{ cartId }}" >{{ (checkoutDetail.product_name is defined)?checkoutDetail.product_name:'' }}</div>
									{% for colorId,Qty in checkoutDetail.color_qty %}
										{% set colorId = colorId|replace({ 'id:': '' }) %}
										{% set extraColors = null %}
										{% if checkoutDetail.extra_color_qty is not null %}
											{% set extraColors = checkoutDetail.extra_color_qty %}
										{% endif %}
											{{ include('OfficeBrainOrderBundle:Order:loadCheckoutShippingQuantityBox.html.twig', { 'config': config ,'Qty': Qty, 'colorId' : colorId, 'product_attributes': checkoutDetail.product_attributes, 'productId' : checkoutDetail.config.product_id, 'extraColors' : extraColors }) }}
									{% endfor %}
								{% endfor %}
								#}	
									
									{# {% for cartId,checkoutDetail in shipping_array %}
									 {%if checkoutDetail.shipping_estimator is defined and checkoutDetail.shipping_estimator == 'yes' %}
									  
									  
									  <div class="row shipping-option js_shippin_carrier_option_avalible" data-cart-id="{{ cartId }}">
										
										{% 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">
												  <button class="btn dropdown-toggle js_rq_ship_shippingcarrier" type="button" _id="dropdownMenu16" data-toggle="dropdown" aria-expanded="true" id="shipping_carrier_std_button_{{checkoutDetail.config.product_id}}_{{ config.shipping_counter }}">
													{{ '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="{{checkoutDetail.config.product_id}}" id="shipping_carrier_std_dropdown_{{checkoutDetail.config.product_id}}" data-shipping-counter="{{ config.shipping_counter }}" 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>
												</div>
											  </div>
										</div>
										{% endif %}
										
										<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 ship-col-left">
											  {% 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">
													<button class="btn dropdown-toggle js_rq_ship_shippingmethod" type="button" id="shipping_method_std_button_{{checkoutDetail.config.product_id}}_{{ config.shipping_counter }}" 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_{{checkoutDetail.config.product_id}}_{{ config.shipping_counter }}" role="menu" aria-labelledby="dropdownMenu17" data-shipping-counter="{{ config.shipping_counter }}">
													  
													</ul>
												  </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-7' %}
										<div class="col-lg-5 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 input-group date-block shipping-datepicker">
											<input data-format="MM/dd/yyyy" type="text"
											  class="form-control js_rq_ship_shipdate" readonly="readonly" data-shipping-counter="{{ config.shipping_counter }}"></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-lg-12 col-md-12 col-sm-12 col-xs-12 ship-col-left">
										  <p>{{ 'request_quote.shipping_type.in_hand_date'|trans }} : </p>
										  <div id="datetimepicker8" 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="{{ config.shipping_counter }}"></input> 
											  <span class="add-on input-group-addon datepicker-color"> 
											  <i class="fa fa-calendar"></i>
											</span>
										  </div>
										</div>
										{% endif %}
										
								</div>
								{%endif%}
								{% endfor %}
								#}
								
								
							  </div>
							</div>


        					</div>
        				</div>
        			</div>
        		</div>
    		</div>
    	</div>
    	
    	<div class="col-sm-12 col-md-12 col-lg-12 col-xs-12"> <span class="required-field">* Required Fields</span> </div>
    	<div class="btn-box-main">
        	<input class="btn btn-default js-shipping-info-submit" value="Save & Continue" type="button"> 
        </div>
    </div>
{% endblock shopping_checkout_shipping_block %}