{% extends '::baseAjax.html.twig' %} 
{% block ajax_body %}
    <div class="optional-panel size-selection-col js_rq_shipping_quantity  quntity-count" 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>{% block color_attributeary_loadshippingquantitybox %}{% endblock color_attributeary_loadshippingquantitybox %}
          <span class="pull-right">{{ 'request_quote.shipping_type.selected_quantity'|trans }}: <total>{% block totalqty_loadshippingquantitybox %}{% endblock totalqty_loadshippingquantitybox %}<total></span>
        </a>
      </div>
      <div class="option-body">{#}
      {% if color_info is defined and (color_info.is_trim_color == '1' or color_info.is_ink_color == '1' or color_info.is_barrel_color == '1') and (color_info.is_standard_color == '1') %}
		<div style=""></div>
	  {% else %}
      	<div style="background-image:url('{{ ob_project_product_color_base_url~colorId~'.jpg' }}');" class="color-input">
            <div class="colr-nm">{% block color_attributeary_loadshippingquantitybox %}{% endblock color_attributeary_loadshippingquantitybox %}</div>
         </div>
      {% endif %}   
        <div class="select-quntity-col js_qty_box selector-quantity">
          {% if Qty.size is defined and 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] %}
              {% if Qty.actual_quantity is defined %}
                {% set actualQty = Qty.actual_quantity[qIndex] %}
              {% else %}
                {% set actualQty = -1 %}
              {% endif %}             
              <div class="selector-btn" data-size-id="{{ thisSizeId }}">
               <div class="selector-input">
                <span>{% block sizeattributeary_loadshippingquantitybox %}{% endblock sizeattributeary_loadshippingquantitybox %} : {#<em>{% block qty_loadshippingquantitybox %}{% endblock qty_loadshippingquantitybox %}</em>#}</span>
                <input {{ readOnlyText }} type="text" value="{{ qty }}" data-max-qty="{{ actualQty > 0 ? actualQty : qty }}" data-min-qty="0" class="js_request_quote_shipping_qty_box js_request_quote_qty" data-color-id="{{ colorId }}" data-size-id="{{ thisSizeId }}" />
               </div>
              </div>
            {% endfor %}
          {% else %}
            {% for qIndex,qty in Qty.quantity %}
              {% if Qty.actual_quantity is defined %}
                {% set actualQty = Qty.actual_quantity[qIndex] %}
              {% else %}
                {% set actualQty = -1 %}
              {% endif %}
              
              <div class="selector-btn" data-size-id="0">
               {#} <span>{{ 'request_quote.quantity'|trans }} :{#} {#<em>{% block request_quote_qty_loadshippingquantitybox %}{% endblock request_quote_qty_loadshippingquantitybox %}</em>#}</span>
               <div class="sp-minus {{ darkGray }}"> <a class="js-quantity-selector" href="javascript:void(0)" data-multi="-1">-</a> </div>
               <div class="selector-input">
                <input {{ readOnlyText }} type="text" value="{{ qty }}" data-max-qty="{{ actualQty > 0 ? actualQty : qty }}" data-min-qty="0" class="js_request_quote_shipping_qty_box js_request_quote_qty" data-color-id="{{ colorId }}" data-size-id="0" />
                 </div>
                <div class="sp-plus {{ darkGray }}"> <a class="js-quantity-selector" href="javascript:void(0)" data-multi="1">+</a> </div>
              </div>
            {% endfor %}
          {% endif %}
        </div>
{#         <a class="ui-icon-delete" href="javascript:void(0);"><i class="fa fa-trash-o"></i><span class="remove">Remove</span></a>#}
     {#} </div>{#}
    </div>
    
{% endblock ajax_body %}