{*
* 2007-2015 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author PrestaShop SA <contact@prestashop.com>
*  @copyright  2007-2015 PrestaShop SA
*  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*}
{include file="$tpl_dir./errors.tpl"}
{if isset($category)}
   {if $category->id AND $category->active}
        <h1 class="page-heading{if (isset($subcategories) && !$products) || (isset($subcategories) && $products) || !isset($subcategories) && $products} product-listing{/if}"><span </center>class="cat-name"</center>>{$category->name|escape:'html':'UTF-8'}{if isset($categoryNameComplement)}&nbsp;{$categoryNameComplement|escape:'html':'UTF-8'}{/if}</span>{include file="$tpl_dir./category-count.tpl"}</h1>
      
      
        </div>
      {/if}

        {if $category->description}
            <div class="cat_desc rte">{$category->description}</div>
        {/if}
        
        {if isset($subcategories)}
        {if (isset($display_subcategories) && $display_subcategories eq 1) || !isset($display_subcategories) }
        <!-- Subcategories -->
        <div id="subcategories">
            <ul class="clearfix">
                
                
            {foreach from=$subcategories item=subcategory}
                <li>
                    <div class="subcategory-image">
                        <a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}" title="{$subcategory.name|escape:'html':'UTF-8'}" class="img">
                        {if $subcategory.id_image}
                            <img class="replace-2x" src="{$link->getCatImageLink($subcategory.link_rewrite, $subcategory.id_image, 'medium_default')|escape:'html':'UTF-8'}" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />
                        {else}
                            <img class="replace-2x" src="{$img_cat_dir}{$lang_iso}-default-medium_default.jpg" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />
                        {/if}
                    </a>
                    </div>
                    <pre>&lt;center&gt;<a class="subcategory-name" href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}">{$subcategory.name|escape:'html':'UTF-8'}</a>&lt;/center&gt;</pre>
                    {if $subcategory.description}
                        <div class="cat_desc">{$subcategory.description}</div>
                    {/if}
                </li>
            {/foreach}
            </ul>
        </div>
        {/if}
        {/if}
        
      {if $products}
            <div class="content_sortPagiBar clearfix">
                <div class="sortPagiBar clearfix">
                    {include file="./product-sort.tpl"}
                    {include file="./nbr-product-page.tpl"}
                </div>
            </div>
            {include file="./product-list.tpl" products=$products}
            <div class="content_sortPagiBar">
                <div class="bottom-pagination-content clearfix">
                    {include file="./product-compare.tpl" paginationId='bottom'}
                    {include file="./pagination.tpl" paginationId='bottom'}
                </div>
            </div>
      {/if}

   {elseif $category->id}
      <p class="alert alert-warning">{l s='This category is currently unavailable.'}</p>
   {/if}
{/if}

@charset "utf-8";
h1{margin-bottom:10px;}

.resumecat {
   background: none repeat scroll 0 0 #FFFFE0;
    border: 1px solid #E6DB55;
    margin:15px 0 10px 0;
    padding:8px 7px;
}

.content_scene_cat {
   padding:0px;
   margin-bottom:8px;
}

.cat_desc {
   font-size:12px;
   line-height:18px;
}
.cat_desc p {padding:0 0 5px 0px}
.cat_desc .lnk_more {
   padding:0 10px;
   color:#222222;
   background:url(../img/arrow_right_1.png) no-repeat 100% 4px transparent;
}


/* ************************************************************************************************
      SUB CATEGORIES
************************************************************************************************ */
#subcategories ul li {
   font-size: 14px;
   display: inline-block;
   margin: 0 15px 15px 0;
}

#subcategories {margin-top:15px}
#subcategories h3 {
   padding:5px 12px;
   font-size:13px;
   color:#666;
   text-transform:uppercase;
   background:#F6F6F6;
}

#subcategories u1 {
   list-style-type:none;
  
}
.item_count { padding:0;}


#subcategories .inline_list img,#subcategory_block_center .product-inner img
{
   display: block;
    float: left;
    margin-right: 14px;
    vertical-align: bottom;
   border:1px solid#eee;

}
#subcategory_block_center .product-inner img   {   margin-bottom:10px;}
#subcategories .inline_list{
   border: 1px solid #f6f6f6;
    border-radius: 3px;
    -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
    padding: 12px 8px;
   margin:8px;
   overflow:auto;
   background:#fff;
   box-shadow:0 0 3px #ddd;
   -webkit-box-shadow:0 0 3px #ddd;
   -moz-box-shadow:0 0 3px #ddd;
}
.subcategory_default_width   { width:250px;}


#subcategory_block_center .product_list li      
{    
   float:left;
   margin: 0;
    padding: 0;
    position: relative;
    vertical-align: top;
    width:100%;
}

#subcategory_block_center .product-inner   { text-align:left;}
.subcategory_list .subcat-1 { width:100%}
.subcategory_list .subcat-2 { width:50%}
.subcategory_list .subcat-3 { width:33%}
.subcategory_list li { width:33%}/* CSS Document */

<li class="subcategory-heading">{l s='Subcategories'}: </li>

<!-- Subcategories -->
        <div id="subcategories">
            <ul class="clearfix">

{l s='There are no products in this category.'}

{* {l s='There are no products in this category.'} *}

<h5><a class="subcategory-name" href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}">{$subcategory.name|escape:'html':'UTF-8'}</a></h5>

<h5 style="text-align: center;"><a class="subcategory-name" href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}">{$subcategory.name|escape:'html':'UTF-8'}</a></h5>

{*
* 2007-2013 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author PrestaShop SA <contact@prestashop.com>
*  @copyright  2007-2013 PrestaShop SA
*  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*}

{include file="$tpl_dir./breadcrumb.tpl"}
{include file="$tpl_dir./errors.tpl"}

{if isset($category)}
    {if $category->id AND $category->active}
        <h1>
            {strip}
                {$category->name|escape:'htmlall':'UTF-8'}
                {if isset($categoryNameComplement)}
                    {$categoryNameComplement|escape:'htmlall':'UTF-8'}
                {/if}
            {/strip}
        </h1>
        
        
        {if $scenes || $category->description || $category->id_image}
        <div class="content_scene_cat">
            {if $scenes}
                <!-- Scenes -->
                {include file="$tpl_dir./scenes.tpl" scenes=$scenes}
            {else}
                <!-- Category image -->
                {if $category->id_image}
                <div class="align_center">
                    <img src="{$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html'}" alt="{$category->name|escape:'htmlall':'UTF-8'}" title="{$category->name|escape:'htmlall':'UTF-8'}" id="categoryImage" width="{$categorySize.width}" height="{$categorySize.height}" />
                </div>
                {/if}
            {/if}

            {if $category->description}
                <div class="cat_desc">
                    <p id="category_description_short">{$category->description}</p>
                </div>
            {/if}
        </div>
        {/if}
        {if isset($subcategories)}
        <!-- Subcategories -->
        <div id="subcategories" class="products_block">
            <h3>{l s='Subcategories'}</h3>
            <!-- Megnor start -->
            {assign var='sliderFor' value=3} <!-- Define Number of product for SLIDER -->
            {assign var='subCatCount' value=count($subcategories)}
            {if $subCatCount >= $sliderFor}
            <div class="customNavigation">
                <a class="btn prev">&nbsp;</a>
                <a class="btn next">&nbsp;</a>
            </div>
            {/if}
            <!-- Megnor End -->
            <ul id="{if $subCatCount >= $sliderFor}subcategory-carousel{elseif {count($subcategories)} == 2}subcategory2-grid{else}subcategory-grid{/if}" class="{if $subCatCount >= $sliderFor}product-carousel{else}subcategory_list{/if} clearfix">
            {foreach from=$subcategories item=subcategory}
                <li class="{if $subCatCount >= $sliderFor}slider-item{else}subcat-{$subCatCount}{/if}">
                <div class="inline_list">
                        {if $subcategory.id_image}
                            <img src="{$link->getCatImageLink($subcategory.link_rewrite, $subcategory.id_image, 'medium_default')|escape:'html'}" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />
                        {else}
                            <img src="{$img_cat_dir}default-medium_default.jpg" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />
                        {/if}
                    </a>
                    <h5 style="text-align: center;"><a class="subcategory-name" href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}">{$subcategory.name|escape:'html':'UTF-8'}</a></h5>
                    {if $subcategory.description}
                        <p class="cat_desc">{$subcategory.description|truncate:30}</p>
                    {/if}
                    </div>
                </li>
            {/foreach}
            </ul>
            <br class="clear"/>
        </div>
        
        {/if}

        <!--<div class="resumecat category-product-count">-->
        {include file="$tpl_dir./category-count.tpl"}
        <!--</div>-->

        {if $products}
            <div class="content_sortPagiBar">
                <div class="sortPagiBar">
                    {include file="./product-sort.tpl"}
                    {include file="./nbr-product-page.tpl"}
                </div>
                
            </div>
            
            {include file="./product-list.tpl" products=$products}
            
            <div class="content_sortPagiBar">
                <div class="sortPagiBar_bottom">
                    {include file="./product-compare.tpl" paginationId='bottom'}
                    {include file="$tpl_dir./pagination.tpl" paginationId='bottom'}
                </div>
            </div>
            
        {/if}
        
    {elseif $category->id}
        <p class="warning">{l s='This category is currently unavailable.'}</p>
    {/if}
{/if}