{% extends 'OfficeBrainCustomBundleThemeBundle:'~ app.request.get('project_setting').instance_theme ~':themeModalBase.html.twig' %}

{% block modal_header_title %}
	Check Inventory
{% endblock modal_header_title %}

{% block modal_body %}
<div style="padding: 0 15px;" >
{% if app.user.id is defined and app.user.id > 0 %}
	<p style="color:black;font-size: 15px;">For large orders or low stock items, please contact your account representative for more information. Inventory is released for production on a first come, first served basis after order and art approval.</p>
{% endif %}	

{% if app.user.id is not defined %}
			<p style="color: black;font-size: 15px;">
				To view specific inventory quantities available now, please <a href="https://www.goldstarpens.com/en_us/login" target="_blank"><b>Login</b></a> or <a href="http://goldstarpens.com/en_us/distributor-registration" target="_blank"><b>Register</b></a> for an account. For large orders please contact your account representative for more information. 
			</p>
{% endif %}
</div>
<div class="modal-body">
	<div class="table-responsive table-checkinventory">
		<table style="width: 100%; border: 1px solid rgb(51, 51, 51);">
			<thead>
				<tr>
					{#}<th>Color</th>{#}
					<th>Color Swatch</th>
					<th>Color Name</th>
					{% if no_desc is not defined %}
					<th>Description</th>
					{% endif %}
					{% if app.user.id is defined and app.user.id > 0 %}
						<th>Quantity</th>
					{% endif %}
					{% if app.user.id is not defined %}
						<th>Status</th>
					{% endif %}	
				</tr>
			</thead>
			<tbody>
				{% for key,data in inventory_data %}
					{% for key,colorBg in productDataColorHex %}
					{% if data.partId == productDataPartID[key] %}
				<tr>
					{#}<td>{{colorBg}}</td>{#}
				    <td>
						<span style="background-color:{{ colorBg }};width: 35px!important;height: 35px!important;display: inline-block;position:relative;border: #2c2c2c 2px solid;"></span>
				    </td>
					<td>{{data.color}}</td>
					<td>
					{# {% for key,desc in productDataDesc %}
						{% if productDataColor[key] == data.color and productDataPartID[key] == data.partId %}
							{{ desc }}
						{% endif %}
					{% endfor %}#}
					{{ productDataDesc[key]}}
					</td>
					{% if app.user.id is defined and app.user.id > 0 %}
						<td>
							{% if data.qty > 100000 %}
								100,000+
							{% elseif data.qty == 0 %}
								-
							{% else %}
								{{ data.qty|number_format(0, '.', ',') }}
							{% endif %}
					       </td>
					{% endif %}
					
					{% if app.user.id is not defined %}
					<td style="padding: 0px">
						{% if data.qty > 20000  %}
							>20,000 <br/> In Stock
						{% elseif data.qty > 10000  %}
							>10,000 <br/> In Stock
					    {% elseif data.qty > 5000  %}
							>5,000 <br/> In Stock
					        {#} Catalog Qty. Available {#}	
					    {% elseif data.qty < 5000  %}
							Low Stock. Please Call.
					    {% else %}
					    	 -
						{% endif %}
					</td>
					{% endif %}
				</tr>
				{% endif %}
				{% endfor %}
			{% endfor %}
			</tbody>
		</table>

	</div>
</div>
{% endblock modal_body %}