{% extends "::baseAjax.html.twig" %}
{% block ajax_body %}
{% set total_cols = 3 %}
<table width="100%" cellspacing="0" cellpadding="0" border="0" class="images-library-table-title">
	<thead>
	    <tr>
	        <th valign="middle" class="item-name">Item Name</th>
	        {% if ob_project_search_configuration_rule.product_detail.product_image_download.option.template is defined and ob_project_search_configuration_rule.product_detail.product_image_download.option.template.status == 1 %}
    			<th valign="middle" class="templat">Template</th>
    			{% set total_cols = 3 %}
			{% endif %}
			<th valign="middle" class="web">Web</th>
			<th valign="middle" class="high-res">High Res</th>
	    </tr>
	</thead>

	<tbody>
		{% if productdata['search_result_array']['data'] is defined and productdata['search_result_array']['data']|length>0 %}
			{% for index,data  in productdata['search_result_array']['data'] %}
				<tr>
					<td valign="middle" class="item-name">{{ data.title }}</td>
					{% if ob_project_search_configuration_rule.product_detail.product_image_download.option.template is defined and ob_project_search_configuration_rule.product_detail.product_image_download.option.template.status == 1 %}
						<td valign="middle" align="right" class="templat"><a href="javascript:void(0);" class="download_pdf_image" data-sku="{{ data.sku }}" data-supplier="{{ data.supplier_id }}" data-type="Template File">Download</a></td>
					{% endif %}
					<td valign="middle" align="right" class="web"><a href="javascript:void(0);" id="download_image_library" data-path="{{ data.variation_image_path_txt | json_encode() }}" data-type="Web">Browse</a></td>
					<td valign="middle" align="right" class="high-res"><a href="javascript:void(0);" class="download_pdf_image" data-sku="{{ data.sku }}" data-supplier="{{ data.supplier_id }}" data-type="High">Download</a></td>
				</tr>
			{% endfor %}
		{% else %}
			<tr>
				<td colspan="{{ total_cols }}">No data found</td>
			</tr>
		{% endif %}
	</tbody>
</table>
{% endblock ajax_body %}