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

{% block bread_crumb_after_home %}
	<li> <strong> Download Product Image</strong> </li>
{% endblock bread_crumb_after_home %}

{% block main_content %}
{% set total_cols = 4 %}
<div class="container">
	<div class="innerpage row download-image">
		<div class="shopping-cart-block">
			{% use 'OfficeBrainCustomBundleThemeBundle:IdmeTheme:BaseUIElements/breadCrumb.html.twig' %}
			{% block bread_crumb %} {{ parent() }} {% endblock bread_crumb %}
			<div class="row">
			    <div class="col-sm-12 col-md-12 col-lg-12 col-xs-12">
			        <h1 class="main-title"><i class="fa fa-file-image-o"></i>DOWNLOAD PRODUCT IMAGE</h1> 
			    </div>
			</div>
		</div>
		
		<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 download-image-block">
			<div class="row">
				<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
					<p>All of our product images are available for download for use in ads, flyers, and websites. You may download product images individually by selecting a product category, or in picture sets using the links below.</p>
				</div>
        		<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 download-image-block-left">
	                <div class="images-library-search search-width">
						<input type='text' placeholder='Search by SKU no' class="input" name="search_query" id="sku">
						<button class="button" id="skuwise"><i class="fa fa-search"></i></button>
					</div>
	{#                         <p>Select a product category to download product images</p>#}
	{#                         <div class="image-library-img-category-select space-bottom-5">#}
	{# 							<select class="image-library-img-category-select-box" name="" id="parentCategory">#}
	{# 								{% for category in en %}#}
	{# 									<option {% if loop.index==0 %}selected="selected"{% endif %} value='{% if category.haschildid is null %}{{ category.pms_id }}{% else %}{{ category.haschildid}}{% endif %}'>{{ category.cat_name }}</option>#}
	{# 								{% endfor %}#}
	{# 							</select>#}
	{# 						</div>#}
	{# 						<br />#}
	                <p>You can also download our product images in individual zip files based on the image dimensions. These are the same images used on this website and are perfect for adding our product line to your own online catalog.</p>
                </div>
        		
	        	<div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 download-image-block-right padding-left-0">
	        		<div class="table-responsive">
	        			<div class="images-library-right" id="ajaxdata">
	        				<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>
									<tr>
										<td colspan="{{  total_cols }}">No data found</td>
									</tr>
								</tbody>
							</table>
	        			</div>
	        		</div>
	        	</div>
	        	<div class="clearfix"></div>
	        	<div class="col-lg-12">
		          <div class="clearfix  space-bottom-25"></div>
		          	<div id="variation_images">
			        	<div class="images-library-category-img-part space-bottom-30 hide js-removeclass">
			        		<div class="images-library-category-img-under space-bottom-10">
			        			<div class="images-library-category-img-titles" id="titlehead"></div>
								<div class="images-library-category-image-part"></div>
			        		</div>
			        	</div>
			        </div>
		        </div>
	    	</div>
		</div>
    </div>
</div>
{# <script type="text/javascript">#}
{# $( document ).ready(function() { #}
{# 	var data= $('#parentCategory').val();#}
{# 	var url = Routing.generate('office_brain_search_bundle_subcategory_product_list', {'_locale':SITE_CULTURE});#}
{# 	$.ajax({#}
{#     	url: url,#}
{#     	type: 'get',#}
{#     	data: {'data':data,'search_type':'1'},#}
{#     	success: function(html) {$('#ajaxdata').html(html);}#}
{# 	});#}
{# });#}
{# </script>#}

<!--[if gte IE 9]>
  <style type="text/css">
    .tooltip {
       filter: none;
    }
  </style>
<![endif]-->
{% endblock main_content %}