{% extends '::baseAjax.html.twig' %}
{% block ajax_body %}
{# if attributes|length>0 %}
	{% for attr in attributes%}
		{% if attr.id==attribute_id and attr.values[attribute_value_id]|length>0 %}
			<ul class="quantity-size" id="js_request_quote_qty_box_{{ attr.id }}_{{ attribute_value_id }}">
				<li><span>S</span><input type="text" value="0" class="js_request_quote_qty" data-qty="0" data-size="S" /></li>
				<li><span>M</span><input type="text" value="0" class="js_request_quote_qty" data-qty="0" data-size="M"/></li>
				<li><span>L</span><input type="text" value="0" class="js_request_quote_qty" data-qty="0" data-size="L"/></li>
				<li><span>XL</span><input type="text" value="0" class="js_request_quote_qty" data-qty="0" data-size="XL"/></li>
				<li><span>XXL</span><input type="text" value="0" class="js_request_quote_qty" data-qty="0" data-size="XXL"/></li>
				<li class="action-icon">
					<a href="javascript:void(0)" data-toggle="tooltip" data-placement="top" data-original-title="Save" class="js_save_request_quote_qty" for="js_request_quote_qty" data-product-id="{{ product_id }}" data-attribute-id="{{ attr.id }}" data-attribute-value-id="{{ attribute_value_id }}"><i class="fa fa-floppy-o"></i></a>
					<a href="javascript:void(0)" data-toggle="tooltip" data-placement="top" data-original-title="Delete" data-attribute-id="{{ attr.id }}" data-attribute-value-id="{{ attribute_value_id }}" class="js_request_quote_qty_remove"><i class="fa fa-trash-o"></i></a>
				</li>
				<li class="pull-right"><span class="color_name">{{ attr.values[attribute_value_id] }}</span>: <span class="total_qty">0</span></li>
			</ul>
		{% endif %}	
	{% endfor %}
{% endif #}

{% set sizePart='' %}
{% set colorName='' %}
{% if attributes|length>0 %}

	{% for attr in attributes%}
		{% if attr.label=="Colors" %}
			{%  set colorName= attr.values[attribute_value_id]%}
		{% endif %}
		
		{% if attr.label=="Size" %}
			{% for key,size in attr.values %}
				{% set sizePart=sizePart~'<li><span>'~size~'</span><input type="text" value="0" class="js_request_quote_qty" data-qty="0" data-size="'~key~'" /></li>' %}
			{% endfor %}
		{% endif %}
	{% endfor %}
	
	<ul class="quantity-size" id="js_request_quote_qty_box_{{ attribute_id }}_{{ attribute_value_id }}">
	{{ sizePart|raw }}
	<li class="action-icon">
		<a href="javascript:void(0)" data-toggle="tooltip" data-placement="top" data-original-title="Save" class="js_save_request_quote_qty" for="js_request_quote_qty" data-product-id="{{ product_id }}" data-attribute-id="{{ attribute_id }}" data-attribute-value-id="{{ attribute_value_id }}"><i class="fa fa-floppy-o"></i></a>
		<a href="javascript:void(0)" data-toggle="tooltip" data-placement="top" data-original-title="Delete" data-attribute-id="{{ attribute_id }}" data-attribute-value-id="{{ attribute_value_id }}" class="js_request_quote_qty_remove"><i class="fa fa-trash-o"></i></a>
	</li>
	<li class="pull-right"><span class="color_name">{{ colorName }}</span>: <span class="total_qty">0</span></li>
	</ul>
{% endif %}

{% endblock ajax_body %}