{% extends '::baseAjax.html.twig' %}
{% block ajax_body %}
{% if maximum_selectable_color>0 and (standard_imprint_color|length > 0 or pms_color is defined) %}
	<span class="question">What imprint colour(s) would you like:</span>
    <span style="font-size: 18px;font-weight: normal;">(Maximum # imprint colors: {{maximum_selectable_color}})</span>
    <div class="selection-common-box pull-left hide">
    	<div class="dropdown dropdown_size">
    		<input type="hidden" class="js_max_selectable_color_{{ product_id }}_{{ imprint_location_id }}" value="{{ maximum_selectable_color }}" />
           		{% if first_maximum_selectable_color is defined and first_maximum_selectable_color > 0 %}
           			{% set label_text = first_maximum_selectable_color~' Color' %}
           			{% set data_value_text = 'data-value='~first_maximum_selectable_color %}
           		{% else %}
           		    {% set label_text = 'Select Color' %}
           		    {% set data_value_text = '' %}
                {% endif %}
    			<button aria-expanded="true" data-toggle="dropdown" id="dropdownMenu16"
    	                         type="button" class="btn dropdown-toggle" {{ data_value_text }} >{{ label_text }}<span class="caret"></span></button>
             	<ul aria-labelledby="dropdownMenu17" role="menu" class="dropdown-menu js_set_selected_value js_select_color" data-product-id="{{ product_id }}" data-imprint-id="{{ imprint_location_id }}">
    	         	{% for i in range(1, maximum_selectable_color) %}
    					<li data-value="{{ i }}"><a href="javascript:void(0)">{{ i }} {{ 'request_quote.color'|trans }}</a></li>
    				{% endfor %}
    			</ul>
    	</div>
    </div>
{% endif %}

{% endblock ajax_body %}