{% extends '::baseAjax.html.twig' %} {% block ajax_body %}
		{% set ColorAttributeAry = product_attributes[config.color_attribute_id] %}
		{% if product_attributes[config.size_attribute_id] is defined %}
			{% set SizeAttributeAry = product_attributes[config.size_attribute_id] %}
		{% else %}
			{% set SizeAttributeAry = null %}
		{% endif %}
		{% set TotalQty = 0 %}
		{% for qty in Qty.quantity %}
			{% set TotalQty = TotalQty + qty %}
		{% endfor %}
		
		{% if readOnlyText is not defined %}
			{% set readOnlyText = '' %}
			{% if config.shipping_type != 'split' %}
				{% set readOnlyText = 'readonly=readonly' %}
			{% endif %}	
		{% endif %}
		{% if darkGray is not defined %}
			{% set darkGray = '' %}	
			{% if config.shipping_type != 'split' %}
				{% set darkGray = 'disabled' %}
			{% endif %}
		{% endif %}
		<div class="optional-panel quntity-count 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 }}: <total>{{ TotalQty }}<total></span>{#}
			{#}	</a>
			</div>{#}

    	<div style="background-image:url('{{ ob_project_product_color_base_url~colorId~'.jpg' }}');" class="color-input">
    		<div class="colr-nm">{{ ColorAttributeAry.values[colorId] }}</div>
    	</div>
    	
	{#}<div class="option-body">{#}
				<div class="row 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.split_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 selector-input" data-color-id="{{ colorId }}" data-size-id="{{ thisSizeId }}" />
                 </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">
                        {#}<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="{{ (config.shipping_type == 'split')?'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 selector-input" data-color-id="{{ colorId }}" data-size-id="0" />
                        </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">
                        {#}<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="{{ (config.shipping_type == 'split')?'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 selector-input" data-color-id="{{ colorId }}" data-size-id="0" />
                        </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>
	</div>
{% endblock ajax_body %}