{% extends '::baseAjax.html.twig' %} 
{% block ajax_body %}
<div class="optional-panel in js_shipping_method_detail" data-shipping-counter="{{ config.shipping_counter }}">
	<div class="option-head">
		<a href="javascript:void(0);">
			<i class="fa fa-caret-down"></i>
				{{ 'request_quote.shipping_type.shipping_address'|trans }}
					{#}<span class="caret-icon pull-right"></span>{#}
		</a>
			{% if config.shipping_counter >= 1 and config.shipping_type == 'split' %}
			<span><a class="remove-add js_remove_request_quote_shipping_address" data-shipping-box-id="{{ config.shipping_counter }}" 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-{{ config.shipping_counter }}-section" style="display: block;">
		<div class="row">
			<div class="col-xs-12">
				<span>{{ 'request_quote.shipping_type.select_shipping_add'|trans }}</span>
				<div class="row">
					<div class="col-lg-6 col-md-6 col-sm-5 col-xs-12 radio-but">
					
						{% block edit_shipping_info_shiptype_shipping_book %}
						{% endblock edit_shipping_info_shiptype_shipping_book %}
						 <label class="lbl">
								{{'request_quote.shipping_type.select_from_shipping_address'|trans }}
						</label>
					</div>
{# 					<div  class="col-lg-6 col-md-6 col-sm-5 col-xs-12 radio-but">#}
{# 						{% block edit_shipping_info_shiptype_contact_book %}#}
{# 						{% endblock edit_shipping_info_shiptype_contact_book %} #}
{# 						<label class="lbl">#}
{# 							{{ 'request_quote.shipping_type.select_from_contact_book'|trans }}#}
{# 						</label>#}
{# 					</div>#}
				</div>
			</div>
		</div>
		<a class="js_open_modal_req_info_detail btn" data-url="{{ path('office_brain_requestquotebundle_saverequestquoteaddress',{'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 }}">
			{{'request_quote.shipping_type.add_new_address'|trans }}
		</a>
		
		<div class="search-mail-block">
			<div class="search-col">
				{% block edit_shipping_info_shipping_email %}
				{% endblock edit_shipping_info_shipping_email %}	
			</div>
		</div>
		<div class="shipping-scroll" data-contact-id="0" id="js_shipping_addresses_{{ config.shipping_counter }}">
			
			<div class="row">
				<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
					<div class="shipping-col">
						<span>{{ 'request_quote.shipping_type.shipping_address'|trans }}
							<a data-id="{{ quote_shipping_detail.selectedAddressId }}" href="javascript:void(0);" class="fa fa-pencil pull-right js_open_modal_req_info_detail" data-url="{{ path('office_brain_requestquotebundle_editrequestquoteaddress', { 'contactBookId' : quote_shipping_detail.selectedAddressId ,'counter':config.shipping_counter}) }}"></a></span>
						<p>
							{{ quote_shipping_detail.name  }}</br> 
							{% if quote_shipping_detail.email !='' %}{{ quote_shipping_detail.email }}</br> {% endif %}
							{% if quote_shipping_detail.companyName !='' %}{{ quote_shipping_detail.companyName }}</br> {% endif %}
							{% if quote_shipping_detail.street1  !='' %} {{ quote_shipping_detail.street1  }}, {% endif %}
							{% if quote_shipping_detail.street2	 !='' %} {{ quote_shipping_detail.street2 }}, {% endif %}
							
							{% if quote_shipping_detail.cityId  !='' or quote_shipping_detail.stateId !='' or quote_shipping_detail.zipCode !='' %}
								</br> 
								{% if quote_shipping_detail.cityId != '' %}{{ quote_shipping_detail.cityId|city }}, {% endif %}
								{% if quote_shipping_detail.stateId != '' %}{{ quote_shipping_detail.stateId|state }}, {% endif %}
								{% if quote_shipping_detail.zipCode != '' %}{{ quote_shipping_detail.zipCode }} {% endif %}
							{% endif %}
							{% if quote_shipping_detail.countryId !='' %} </br> {{ quote_shipping_detail.countryId|country }} {% endif %}
							{% if quote_shipping_detail.phone !='' or quote_shipping_detail.fax !='' %}
								</br> 
								{% if quote_shipping_detail.phone != '' %} T : {{ quote_shipping_detail.phone }}, {% endif %}
								{% if quote_shipping_detail.fax != '' %} F : {{ quote_shipping_detail.fax }} {% endif %}
							{% endif %}
							{% if quote_shipping_detail.website is defined and quote_shipping_detail.website !='' %}
								</br> 
								Web : {{ quote_shipping_detail.website }}
							{% endif %}
						</p>
					</div>
				</div>
			</div>
		</div>
		
		<div class="js_shipping_qty_box_main" data-shipping-counter="{{ config.shipping_counter }}">
		{% set readOnlyText = '' %}
		{% set darkGray = '' %}
		{% if config.shipping_type != 'split' %}
			{% set readOnlyText = 'readonly=readonly' %}
			{% set darkGray = 'disabled' %}
		{% endif %}	
{# 		{% for colorId,Qty in color_qty %}#}
{# 			{% set colorId = colorId|replace({ 'id:': '' }) %}#}
{# 			{{ include('OfficeBrainQuoteBundle:QuoteAdmin:loadShippingQuantityBox.html.twig', { 'config': config ,'Qty': Qty, 'colorId' : colorId, 'product_attributes': product_attributes}) }}#}
{# 		{% endfor %}#}

		{% block edit_shipping_info_load_shipping_qty_box %}
		{% endblock edit_shipping_info_load_shipping_qty_box %}
		
		</div>
		<input type="hidden" id="productId" value="{{config.product_id}}" />
		<!-- ShippingEstimatorHelper.php file officebrain_shippingestimatorbundle_getshippingratedata function -->
		{%if shipping_estimator == 'yes' %}
		<div class="row shipping-option js_shippin_carrier_option_avalible " >
			<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 {% if quote_shipping_detail.shippingType is defined %} data-value="{{ quote_shipping_detail.shippingType }}" {% endif %} 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}}">
							{% if quote_shipping_detail.shippingType is defined %}
								{{ quote_shipping_detail.shippingType }}
							{% 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.quote.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="{{ config.shipping_counter }}">
							{% 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>
			<div class="col-lg-6 col-md-12 col-sm-6 col-xs-12 ship-col-right">
				<p>{{ 'request_quote.shipping_type.method'|trans }} :</p>
				<div class="selection-common-box">
					<div class="dropdown dropdown_size">
						<button {% if quote_shipping_detail.serviceType is defined %} data-value="{{ quote_shipping_detail.serviceType }}" {% endif %} 
						{% if quote_shipping_detail.serviceType is defined %} data-service="{{ quote_shipping_detail.serviceType }}" {% endif %} 
						class="btn dropdown-toggle js_rq_ship_shippingmethod" type="button" id="shipping_method_std_button_{{config.product_id}}" data-toggle="dropdown" aria-expanded="true">
							{% if quote_shipping_detail.serviceType is defined %}
							     {{ quote_shipping_detail.serviceType }}
							{% 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}}" role="menu" aria-labelledby="dropdownMenu17" data-shipping-counter="{{ config.shipping_counter }}">
							
						</ul>
					</div>
				</div>
			</div>
			{% if ob_project_setting.configuration_rule.transaction.quote.product_detail_popup.option.shipping.option.ship_date.status==1  %}
			<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="datetimepicker11"
					class="input-append date input-group date-block">
					{% block edit_shipping_info_ship_date %}
					{% endblock edit_shipping_info_ship_date %}	
					<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.quote.product_detail_popup.option.shipping.option.inhand_date.status==1  %}
			<div class="col-lg-6 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">
					{% block edit_shipping_info_on_hand_date %}
					{% endblock edit_shipping_info_on_hand_date %}	
						<span class="add-on input-group-addon datepicker-color"> 
							<i class="fa fa-calendar"></i>
					</span>
				</div>
			</div>
			{% endif %}
		</div>
		
		{% endif %}
	</div>
</div>
{% endblock ajax_body %}