{% extends '::baseAjax.html.twig' %} {% block ajax_body %}
{% set searchpopaddress='' %}
{% if ob_project_transaction_configuration_rule.request_quote.product_detail_popup.option.shipping.option.contact_address_book.option.popup_search.status==1 %}
{% set searchpopaddress='js-pop-select-address-from' %}
{% endif %}
<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-head">
		<a href="javascript:void(0);"><i class="fa fa-caret-down"></i> {{
			'request_quote.shipping_type.shipping_address'|trans ({},'goldstar') }}{#<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 pull-right" data-shipping-box-id="{{ config.shipping_counter }}" href="javascript:void(0);"><i class="fa fa-trash-o"></i></a></span>
			{% endif %}
	</div>
	
        {#
        <div class="optional-panel size-selection-col js_rq_shipping_quantity" data-color-id="{{ colorId }}" >
                                <div class="option-head">
                                    <a href="javascript:void(0);" class="pull-right"> <em
                                        style="background-image:url('{{ ob_project_product_color_base_url~colorId~'.jpg' }}');"></em> {{ ColorAttributeAry.values[colorId] }} <span
                                        class="caret-icon pull-right"></span> 
                                        <span class="pull-right">{{ 'request_quote.shipping_type.selected_quantity'|trans }}: {{ TotalQty }}</span>
                                    </a> 
                                </div> 
                                <div class="option-body">
                                    <div class="row select-quntity-col">
                                        {% if config.allow_size == 1 and Qty.size|length>0 and Qty.size[0] > 0 %}
                                            {% for qIndex,qty in Qty.quantity %}
                                                {% set thisSizeId = Qty.size[qIndex] %}
                                                <div class="col-lg-4 col-md-6 col-sm-4 col-xs-12">
                                                    <span>{{ SizeAttributeAry.values[thisSizeId] }} : <em>{{ qty }}</em></span>
                                                    {#<div class="checkbox">
                                                        <input id="rq_color_qty_{{ colorId }}_{{ thisSizeId }}" class="css-checkbox" type="checkbox">
                                                        <label for="rq_color_qty_{{ colorId }}_{{ thisSizeId }}" class="css-label font-style-normal"></label>
                                                    </div># }
                                                    <input {{ readOnlyText }} type="text" value="{{ qty }}" data-max-qty="{{ qty }}" data-min-qty="0" class="js_request_quote_shipping_qty_box js_request_quote_qty" data-color-id="{{ colorId }}" data-size-id="{{ thisSizeId }}" data-shipping-counter="{{ config.shipping_counter }}" />
                                                </div>
                                            {% endfor %}
                                        {% else %}
                                            {% for qIndex,qty in Qty.quantity %}
                                                <div class="col-lg-4 col-md-6 col-sm-4 col-xs-12">
                                                    <span>{{ 'request_quote.quantity'|trans }} : <em>{{ qty }}</em></span>
                                                    {#<div class="checkbox">
                                                        <input id="rq_color_qty_{{ colorId }}" class="css-checkbox" type="checkbox">
                                                        <label for="rq_color_qty_{{ colorId }}" class="css-label font-style-normal"></label>
                                                    </div># }
                                                    <input {{ readOnlyText }} type="text" value="{{ qty }}" data-max-qty="{{ qty }}" data-min-qty="0" class="js_request_quote_shipping_qty_box js_request_quote_qty" data-color-id="{{ colorId }}" data-size-id="0" data-shipping-counter="{{ config.shipping_counter }}" />
                                                </div>
                                            {% endfor %}
                                        {% endif %}
                                    </div>


                                </div>
                            </div>   #}
            
       
	<div class="option-body" style="display: block;">
		<div class="row">
			<div class="col-xs-12">
			 <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('OfficeBrainRequestQuoteBundle:RequestQuote:loadShippingQuantityBox.html.twig', { 'config': config ,'Qty': Qty, 'colorId' : colorId, 'product_attributes': product_attributes}) }}
             {% endfor %}
        </div>
        <input type="hidden" id="productId" value="{{config.product_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 {{ (shipping_detail_info.shipping_from is defined and shipping_detail_info.shipping_from == 'shipping_book') ? 'checked=checked' : '' }} type="radio" name="request_quote_shippingaddress_from_{{ config.shipping_counter }}"  value="shipping_book" class="{{searchpopaddress}} js-quote-radio-check" /> <label class="lbl">{{'request_quote.shipping_type.select_from_shipping_address'|trans }}</label>
					</div>
					</div>
					{#<div class="col-lg-6 col-md-6 col-sm-5 col-xs-12 radio-but">
						<input {{ (shipping_detail_info.shipping_from is defined and shipping_detail_info.shipping_from == 'contact_book') ? 'checked=checked' : '' }} type="radio" name="request_quote_shippingaddress_from_{{ config.shipping_counter }}" value="contact_book" class="{{searchpopaddress}} js-quote-radio-check"  /> <label class="lbl">{{
							'request_quote.shipping_type.select_from_contact_book'|trans }}</label>
					</div>#}
				</div>  
			</div>
		</div>
		<div class="shipping-scroll remove-border-padding" data-contact-id="0" id="js_shipping_addresses_{{ config.shipping_counter }}">
            {% render url('office_brain_requestquotebundle_requestquote_getshippingaddressbyid', { '_locale' : app.request.locale, 'contact_id' : shipping_detail_info.selected_address_id}) %} 
        </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>
{# 		<button class="btn">{{'request_quote.shipping_type.add_new_address'|trans }}</button>#}
			<!--  #TODO Need to remove this  -->
			{# <a  class="js_open_modal_req_info_detail" data-url="{{ path('office_brain_requestquotebundle_saverequestquoteaddress'), "" }}" 
			<a  class="js_open_modal_req_info_detail" data-url="{{ path('office_brain_requestquotebundle_editrequestquoteaddress',{'contactBookId':6}) }}"
				title="" data-placement="top" data-toggle="tooltip" href="javascript:void(0)" data-original-title="View Detail">
				<i class="fa fa-eye"></i>
			</a> #}
			<!-- End -->
		
		<div class="search-mail-block">
			<div class="search-col">
				<input type="text" name="auto_complete_shipping_email" id="auto_complete_shipping_email" class="auto_complete_shipping_email" data-counter="{{ config.shipping_counter }}" placeholder="Search by Name or email">
				<input type="submit" value="">	
{# 				<input type="text" class="js_typeahead_search" autocomplete="off" spellcheck="false" id="js_request_quote_search_email_{{ config.shipping_counter }}" data-shipping-counter="{{ config.shipping_counter }}" placeholder="{{ 'request_quote.shipping_type.search_by_email_name'|trans }}"> <input type="submit" value="">#}
			</div>
			{#<a href="javascript:void(0);"><i class="fa fa-plus-circle"></i></a>#}
		</div>
		
		{% if ob_project_setting.configuration_rule.transaction.request_quote.product_detail_popup.option.shipping.option.inhand_date.status==1  %}
			<div class="col-md-12 col-sm-6 col-xs-12 ship-col-right">
				{{ 'transaction.order_confirmation.in_hand_date'|trans({},'goldstar') }} :
				<div  id="datetimepicker8"
					class="input-append date input-group date-block">
					<input {{ (shipping_detail_info.ship_handdate is defined) ? 'value='~shipping_detail_info.ship_handdate~'' : '' }} data-format="MM/dd/yyyy" type="text"
						class="form-control js_rq_ship_handdate" data-shipping-counter="{{ config.shipping_counter }}" id="js_rq_ship_handdate_{{ config.shipping_counter }}"></input> <span
						class="add-on input-group-addon datepicker-color"> <i
						class="fa fa-calendar"></i>
					</span>
				</div>
			</div>
		{%endif%}
		
		
		
		{#note : need to dynamic user qty, state , zip code , is resident and country according shipping address#} 
		<!-- ShippingEstimatorHelper.php file officebrain_shippingestimatorbundle_getshippingratedata function -->
		{%if shipping_estimator == 'yes' %}
		<div class="row shipping-option js_shippin_carrier_option_avalible">
			{% if ob_project_setting.configuration_rule.transaction.request_quote.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 {{ (shipping_detail_info.shipping_detail.shipping_carrier is defined) ? 'data-value="'~shipping_detail_info.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}}">
								{% if shipping_detail_info.shipping_detail.shipping_carrier is defined %}
									{{ shipping_detail_info.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.request_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 }}" data-request-type="request_quote">
								{% 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-6 col-md-12 col-sm-6 col-xs-12 ship-col-right">
				{% if ob_project_setting.configuration_rule.transaction.request_quote.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 {{ (shipping_detail_info.shipping_detail.shipping_charge is defined) ? 'data-value="'~shipping_detail_info.shipping_detail.shipping_charge~'"' : '' }} 
							{{ (shipping_detail_info.shipping_detail.shipping_method is defined) ? 'data-service="'~shipping_detail_info.shipping_detail.shipping_method~'"' : '' }}
							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 shipping_detail_info.shipping_detail.shipping_charge is defined %}
									{{ shipping_detail_info.shipping_detail.shipping_method }}{{ '$'~shipping_detail_info.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}}" role="menu" aria-labelledby="dropdownMenu17" data-shipping-counter="{{ config.shipping_counter }}">
								
							</ul>
						</div>
					</div>
				{% endif %}
				
				
				{% if ob_project_setting.configuration_rule.transaction.request_quote.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" value="{{ shipping_detail_info.shipping_detail.shipper_account }}">
						</div>
				{% endif %}
			</div>
			
			{% set fullWidth='col-lg-12' %}
			{% if ob_project_setting.configuration_rule.transaction.request_quote.product_detail_popup.option.shipping.option.ship_date.status==1  %}
			{% set fullWidth='col-lg-6' %}
				<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">
						<input {{ (shipping_detail_info.shipping_detail.ship_date is defined) ? 'value='~shipping_detail_info.shipping_detail.ship_date~'' : '' }} data-format="MM/dd/yyyy hh:mm:ss" type="text"
							class="form-control js_rq_ship_shipdate" 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.request_quote.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({},'goldstar') }} : </p>
					<div  id="datetimepicker8"
						class="input-append date input-group date-block">
						<input {{ (shipping_detail_info.shipping_detail.on_hand_date is defined) ? 'value='~shipping_detail_info.shipping_detail.on_hand_date~'' : '' }} data-format="MM/dd/yyyy" type="text"
							class="form-control js_rq_ship_handdate" 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>
		
		
			{% if ob_project_setting.configuration_rule.transaction.request_quote.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-right">
					<p>{{ 'request_quote.shipping_type.in_hand_date'|trans({},'goldstar') }} : </p>
					<div  id="datetimepicker8"
						class="input-append date input-group date-block">
						<input {{ (shipping_detail_info.shipping_detail.on_hand_date is defined) ? 'value='~shipping_detail_info.shipping_detail.on_hand_date~'' : '' }} data-format="MM/dd/yyyy" type="text"
							class="form-control js_rq_ship_handdate" 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%}
			{%else%}
			  <div class="text-left">
			     {{ 'request_quote.shipping_type.no_shipping_estimator'|trans }}
			  </div>
		{%endif%}
	</div>
</div>

<script type="text/javascript"> 
    var nowDate = new Date();
	var today = new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), 0, 0, 0, 0);
    $('.date').each(function(){
	    $(this).datetimepicker({
			format: 'MM/dd/yyyy',
			pickTime: false,
			startDate: today
			}).on('changeDate', function(e){
				var total_cnt = $('.date').length;
				for(var i=0;i < total_cnt; i++){
					var cnt = $('#js_rq_ship_handdate_'+i).data('shipping-counter');
					var selectedDt = $('#js_rq_ship_handdate_'+i).val();
					$('.js_summary_ship_method_'+cnt+ ' .js_rq_select_ship_handdate').html(' : '+selectedDt);
				}
				$(this).datetimepicker('hide');
			});
	});
   
    
</script>	

{% endblock ajax_body %}