{% extends '::baseAjax.html.twig' %} {% block ajax_body %}
{% set searchpopaddress='' %}
{% if ob_project_transaction_configuration_rule.shopping_cart.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') }}&nbsp;{{ config.shipping_counter + 1 }} {#}<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></a></span>
      {% endif %}
  </div>
  
  <div class="option-body js-shippingMethod-{{ config.shipping_counter }}-section" style="display: block;">
{#  <a class="ui-icon-delete" href="javascript:void(0);"><i class="fa fa-trash-o"></i><span class="remove ">Remove</span></a>#}
    <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:': '' }) %}
          {% if Qty.split_quantity is defined %}
            {{ include('OfficeBrainOrderBundle:Order:loadShippingQuantityBox.html.twig', { 'config': config ,'Qty': Qty, 'colorId' : colorId, 'product_attributes': product_attributes}) }}
          {% else %}
            {{ include('OfficeBrainOrderBundle:Order:removeLoadShippingQuantityBox.html.twig', { 'config': config ,'Qty': Qty, 'colorId' : colorId, 'product_attributes': product_attributes}) }}
          {% endif %} 
        {% endfor %}
        </div>
        <input type="hidden" id="productId" value="{{config.product_id}}" />
        <span style="display: none">{{ '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="radio-check {{ searchpopaddress }}" /> <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="radio-check {{ searchpopaddress }}" /> <label class="lbl">{{#}
{#               'request_quote.shipping_type.select_from_contact_book'|trans }}</label>#}
{#           </div>#}
        </div>
      </div>
    </div>

    {% if app.user %}
      <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 %}
    
    <div class="shipping-scroll remove-border-padding" data-contact-id="0" id="js_shipping_addresses_{{ config.shipping_counter }}">
      {% if app.user %}
        {% render url('office_brain_orderbundle_order_getshippingaddressbyid', { '_locale' : app.request.locale, 'contact_id' : shipping_detail_info.selected_address_id, 'product_id': product_id}) %}
      {% else %}
        {{ render(controller('OfficeBrainOrderBundle:Order:orderGuestShippingCartItem', { 'product_id':product_id, 'method': config.shipping_type, 'counter':config.shipping_counter, 'cart-item-adress': cart_item_address_guest })) }}
      {% endif %}   
    </div>
    
    
    {% if app.user %}
    <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 }}">
      {{'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="{{product_id}}">
        {{'request_quote.shipping_type.add_new_address'|trans }}
      </a>
    {% endif %}
{#    <button class="btn">{{'request_quote.shipping_type.add_new_address'|trans }}</button>#}
      

{% 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><br/>
    <div  id="datetimepicker8"
        class="input-append date input-group date-block">
        <input {% if shipping_detail_info.ship_handdate is defined and shipping_detail_info.ship_handdate!='' and shipping_detail_info.ship_handdate !='null' %}  value="{{ shipping_detail_info.ship_handdate}}" {% endif %}  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 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-12 col-md-12 col-sm-12 col-xs-12 ship-col-left">
                    <p>{{ 'request_quote.shipping_type.shipping_carrier'|trans }} :</p><br>
                    <div class="selection-common-box">
                        <div class="dropdown dropdown_size">
                        {% if shipping_detail_info.shipping_detail.shipping_carrier is defined %}
                            <button 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}}_{{ config.shipping_counter }}">
                        {% 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}}_{{ config.shipping_counter }}">
                        {% endif %}
                            
                                {% if shipping_detail_info.shipping_detail.shipping_carrier is defined  and shipping_detail_info.shipping_detail.shipping_carrier !='' and shipping_detail_info.shipping_detail.shipping_carrier !='null'%}
                                    {{ 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.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="{{ 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-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 shipping_detail_info.shipping_detail.shipping_charge is defined and shipping_detail_info.shipping_detail.shipping_charge !='' %}
                                {% set dataCharge= shipping_detail_info.shipping_detail.shipping_charge %}
                            {% else %}
                                {% set dataCharge= '' %}
                            {% endif %}
                            
                            {% if shipping_detail_info.shipping_detail.shipping_method is defined and shipping_detail_info.shipping_detail.shipping_method !='' and shipping_detail_info.shipping_detail.shipping_method !='null' %}
                                {% set dataMethod= shipping_detail_info.shipping_detail.shipping_method %}
                            {% else %}
                                {% set dataMethod= '' %}
                            {% endif %}
                            
                            
                            <button data-value="{{ dataCharge }}" data-service="{{ dataMethod }}" class="hardik btn dropdown-toggle js_rq_ship_shippingmethod" type="button" id="shipping_method_std_button_{{config.product_id}}_{{ config.shipping_counter }}" data-toggle="dropdown" aria-expanded="true">
                                {% if shipping_detail_info.shipping_detail.shipping_charge is defined and shipping_detail_info.shipping_detail.shipping_charge !='' and shipping_detail_info.shipping_detail.shipping_charge !='0' %}
                                    {{ 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}}_{{ config.shipping_counter }}" role="menu" aria-labelledby="dropdownMenu17" data-shipping-counter="{{ config.shipping_counter }}">
{#                          <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.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" value="{{ shipping_detail_info.shipping_detail.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-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 and shipping_detail_info.shipping_detail.ship_date !='' and shipping_detail_info.shipping_detail.ship_date !='null') ? 'value='~(shipping_detail_info.shipping_detail.ship_date)~'' : '' }}  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.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><br/>
                <div  id="datetimepicker8"
                    class="input-append date input-group date-block">
                    <input {% if shipping_detail_info.shipping_detail.on_hand_date is defined and shipping_detail_info.shipping_detail.on_hand_date!='' and shipping_detail_info.shipping_detail.on_hand_date !='null' %}  value="{{ shipping_detail_info.shipping_detail.on_hand_date}}" {% endif %}  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>
        {%else%}
         <div class="text-left">
            {{ 'request_quote.shipping_type.no_shipping_estimator'|trans }}
         </div>
        {%endif%}
  </div>
</div>

{% endblock ajax_body %}