{load_language_text section="categorie_listing"}

{block name="module_categorie_listing"}
	{block name="module_categorie_listing_filter_selection"}
		{$FILTER_SELECTION}
	{/block}
	
	{block name="module_categorie_listing_description"}
		{include file="get_usermod:{$tpl_path}snippets/category_description.html" img_alt=$CATEGORIES_ALT_TEXT category_title=$CATEGORIES_HEADING_TITLE category_name=$CATEGORIES_NAME}
	{/block}
	
	{if $module_content}
		{block name="module_categorie_listing_content"}
			<div class="subcategories-listing-container">
				<ul class="subcategories-listing">
					{foreach name=sub_categories item=module_data from=$module_content}
						{block name="module_categorie_listing_content_item"}
							<li class="subcategory-item">
								{if $SHOW_SUB_CATEGORIES_NAMES == '1' && $module_data.CATEGORIES_NAME != '' || $SHOW_SUB_CATEGORIES_IMAGES == '1'}
									<a href="{$module_data.CATEGORIES_LINK}"
									   title="{$module_data.CATEGORIES_ALT_TEXT|default:$module_data.CATEGORIES_NAME|strip_tags}">
										{if $SHOW_SUB_CATEGORIES_IMAGES == '1'}
											{block name="module_categorie_listing_content_item_image"}
												<span class="cat-image-container">
													{if $module_data.CATEGORIES_IMAGE}
														<img src="{$module_data.CATEGORIES_IMAGE}"
															 alt="{$module_data.CATEGORIES_ALT_TEXT|default:$module_data.CATEGORIES_NAME}"
															 title="{$module_data.CATEGORIES_ALT_TEXT|default:$module_data.CATEGORIES_NAME}"
															 class="img-responsive cat-image" />
													{else}
														<div class="fa fa-picture-o"></div>
													{/if}
												</span>
											{/block}
										{/if}
										{if $SHOW_SUB_CATEGORIES_NAMES == '1' && $module_data.CATEGORIES_NAME != ''}
											{block name="module_categorie_listing_content_item_name"}
												<span class="cat-name{if $SHOW_SUB_CATEGORIES_IMAGES != '1'} no-image{/if}">
													{$module_data.CATEGORIES_NAME}
												</span>
											{/block}
										{/if}
									</a>
								{/if}
							</li>
						{/block}
					{/foreach}
				</ul>
			</div>
		{/block}
	{/if}

	{block name="module_categorie_listing_new_products"}
		{$MODULE_new_products}
	{/block}
{/block}