{% extends '::baseAjax.html.twig' %} 
{% block ajax_body %}
    <div class="optional-panel size-selection-col js_rq_shipping_quantity quntity-count" data-color-id="{{ colorId }}" data-product-id="{{ productId }}" data-cart-id="{{ cartId }}" >
	      {% 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 class="select-quntity-col js_qty_box selector-quantity">#}
		  <div class="select-quntity-col js_qty_box selector-quantity" style="margin-left: 0px;">
          {% 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 }} {% if config.shipping_type == 'split' %}style="background-color: #fff !important;" {% else %}style="background-color: #DDD !important;" {% endif %} type="text" value="{{ qty }}" data-max-qty="{{ actualQty > 0 ? actualQty : qty }}" data-min-qty="{{ qty }}" class="js_request_quote_qty_box_{{ config.color_attribute_id }}_{{ colorId }}_{{ cartId }} js_request_quote_shipping_qty_box js_request_quote_qty selector-input" data-color-id="{{ colorId }}" data-attribute-id="{{ config.color_attribute_id }}" data-size-id="{{ thisSizeId }}" data-product-id="{{ productId }}" data-cart-id="{{ cartId }}" />
                 </div>
              </div>
            {% endfor %}
          {% else %}
            {% if Qty.split_quantity is defined %}
                {% for qIndex,qty in Qty.split_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">
                    <div class="sp-minus {{ darkGray }}"> <a class="{{ (config.shipping_type == 'split')?'js-quantity-selector':'' }}" href="javascript:void(0)" data-multi="-1">-</a> </div>
                    <div class="selector-input">
                         <input {{ readOnlyText }} {% if config.shipping_type == 'split' %}style="background-color: #fff !important;" {% else %}style="background-color: #DDD !important;" {% endif %} type="text" value="{{ qty }}" data-max-qty="{{ actualQty > 0 ? actualQty : qty }}" data-min-qty="{{ qty }}" class="js_request_quote_qty_box_{{ config.color_attribute_id }}_{{ colorId }}_{{ cartId }} js_request_quote_shipping_qty_box js_request_quote_qty selector-input" data-color-id="{{ colorId }}" data-attribute-id="{{ config.color_attribute_id }}" data-product-id="{{ productId }}"" data-cart-id="{{ cartId }}" />
                    </div>
                    <div class="sp-plus {{ darkGray }}"> <a class="{{ (config.shipping_type == 'split')?'js-quantity-selector':'' }}" href="javascript:void(0)" data-multi="1">+</a> </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">
                    <div class="sp-minus {{ darkGray }}"> <a class="{{ (config.shipping_type == 'split')?'js-quantity-selector':'' }}" href="javascript:void(0)" data-multi="-1">-</a> </div>
                    <div class="selector-input">
                         <input {{ readOnlyText }} {% if config.shipping_type == 'split' %}style="background-color: #fff !important;" {% else %}style="background-color: #DDD !important;" {% endif %} type="text" value="{{ qty }}" data-max-qty="{{ actualQty > 0 ? actualQty : qty }}" data-min-qty="{{ qty }}" class="js_request_quote_qty_box_{{ config.color_attribute_id }}_{{ colorId }}_{{ cartId }} js_request_quote_shipping_qty_box js_request_quote_qty selector-input" data-color-id="{{ colorId }}" data-attribute-id="{{ config.color_attribute_id }}" data-product-id="{{ productId }}" data-cart-id="{{ cartId }}" />
                    </div>
                    <div class="sp-plus {{ darkGray }}"> <a class="{{ (config.shipping_type == 'split')?'js-quantity-selector':'' }}" href="javascript:void(0)" data-multi="1">+</a> </div>
                  </div>
                {% endfor %}
            {% endif%}
          {% endif %}
        </div>
		  	{% if extraColors is defined and extraColors is not null and extraColors != 'null' %}
		  		{% for qIndex,qty in extraColors %}
                    {% set extraColorId = qty['color'] %}
                    {% set extraColorAttributeId = qIndex|replace({ 'id:': '' }) %}
                    <div>
                    	<div class="pull-left"><div  style="background-image:url('{{ ob_project_product_color_base_url~extraColorId~'.jpg' }}');" class="color-input"></div></div>
                    	<div><div class="colr-nm">&nbsp; {% block extra_color_attributeary_loadshippingquantitybox %}{% endblock extra_color_attributeary_loadshippingquantitybox %}</div></div>
                    </div>
		  			
		  		{% endfor %}
		  	{% else %}
		  	<div>
                    	<div class="pull-left"><div  style="background-image:url('{{ ob_project_product_color_base_url~colorId~'.jpg' }}');" class="color-input"></div></div>
                    	<div><div class="colr-nm">&nbsp; {% block color_attributeary_loadshippingquantitybox %}{% endblock color_attributeary_loadshippingquantitybox %}</div></div>
                    </div>
        	
		  	{% endif %}
          {% endif %}
        
    </div>
{% endblock ajax_body %}