{include file=$header}
{if $template_mod}
{include file=$template_mod}
{else}
<input type="hidden" value="" id="input_id_tovar">
{if $slider[0].id}{include file=$cat_slider}{/if}
{include file=$tovar_modal}
<section id="product-amazon" class="product-shop-page product-shop-full-grid">
   <div class="container">
                   	    <nav aria-label="breadcrumb">
  						<ol class="breadcrumb">
    						<li class="breadcrumb-item"><a href="/">Главная</a></li>
    						<li class="breadcrumb-item active" aria-current="page">{$cat_name}</li>
  						</ol>
					</nav>
<div class="row">
    {if $kroshki}
      <div class="col-12 p0 ">
        <div class="page-location">
           <ul>
              <li><a href="#">
                 Главная <span class="divider">/</span>
             </a></li>
             <li><a class="page-location-active" href="#">
                 Shop
                 <span class="divider">/</span>
             </a></li>
         </ul>
     </div>{/if}
 </div>
    {if $filter}
 <div class="order-sm-2 order-md-1  col-12 col-md-4 col-lg-3 ">
				    <!-- =========================
				        Color Box Option
                        ============================== -->
                        <div class="side-bar color-box">
                          <h5 class="title">Color Option</h5>
                          <ul>
                             <li><a href="#"><i class="fa fa-square color-black" aria-hidden="true"></i> Black </a></li>
                             <li><a href="#"><i class="fa fa-square color-red" aria-hidden="true"></i> Red</a></li>
                             <li><a href="#"><i class="fa fa-square color-purple" aria-hidden="true"></i> Purple</a></li>
                             <li><a href="#"><i class="fa fa-square color-yellow" aria-hidden="true"></i> Yellow</a></li>
                             <li><a href="#"><i class="fa fa-square color-cyan" aria-hidden="true"></i> Cyan</a></li>
                         </ul>
                     </div>
				    <!-- =========================
				        Tags Box Option
                        ============================== -->
                        <div class="side-bar tags-box">
                          <h5 class="title">Tags</h5>
                          <ul>
                             <li><a href="#">Comerce </a></li>
                             <li><a href="#">Trending</a></li>
                             <li><a href="#">Business</a></li>
                             <li><a href="#">market</a></li>
                             <li><a href="#">mobile</a></li>
                             <li><a href="#">Business</a></li>
                             <li><a href="#">Comerce </a></li>
                             <li><a href="#">Trending</a></li>
                             <li><a href="#">Business</a></li>
                             <li><a href="#">market</a></li>
                             <li><a href="#">mobile</a></li>
                             <li><a href="#">Business</a></li>
                         </ul>
                     </div>
				    <!-- =========================
				        Color Box Option
                        ============================== -->
                        <div class="side-bar sidebar-review-box text-center">
                          <h5 class="title">Average customer reviews</h5>
                          <div class="sidebar-slider owl-carousel owl-theme product-review">
                             <div class="item">
                              <a href="product-details.html">
                                  <img src="img/product-img/product-img-1.jpg" class="figure-img img-fluid" alt="Product Img">
                              </a>
                              <div class="container">
                               <div class="row">
                                  <div class="slider-text col-12 p0">
                                     <h5 class="product-price">$59</h5>
                                     <p>Cras in nunc non ipsum duo cursus ultrices est</p>
                                     <div class="rating">
                                        <a href="#"><i class="fa fa-star active-color" aria-hidden="true"></i></a>
                                        <a href="#"><i class="fa fa-star active-color" aria-hidden="true"></i></a>
                                        <a href="#"><i class="fa fa-star active-color" aria-hidden="true"></i></a>
                                        <a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a>
                                        <a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                      <a href="product-details.html">
                          <img src="img/product-img/product-img-1.jpg" class="figure-img img-fluid" alt="Product Img">
                      </a>
                      <div class="container">
                       <div class="row">
                          <div class="slider-text col-12 p0">
                             <h5 class="product-price">$59</h5>
                             <p>Cras in nunc non ipsum duo cursus ultrices est</p>
                             <div class="rating">
                                <a href="#"><i class="fa fa-star active-color" aria-hidden="true"></i></a>
                                <a href="#"><i class="fa fa-star active-color" aria-hidden="true"></i></a>
                                <a href="#"><i class="fa fa-star active-color" aria-hidden="true"></i></a>
                                <a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a>
                                <a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
    {/if}
{if $sort}
<div class=" order-sm-1 order-md-2   col-12 col-md-8 col-lg-9 product-grid">
   <div class="row">
      <div class="col-12">
         <div class="filter row">
            <div class="col-8 col-md-3">
               <h6 class="result">Showing all 12 results</h6>
           </div>
           <div class="col-6 col-md-6 filter-btn-area text-center">
              <div class="btn-group" role="group">
                 <div class="d-flex">
                    <p>Sort by:</p>
                    <button id="btnGroupDropwdshowingres" type="button" class="btn btn-secondary dropdown-toggle filter-btn" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Default
                    </button>
                    <div class="dropdown-menu" aria-labelledby="btnGroupDropwdshowingres">
                        <a class="dropdown-item" href="#">Camara</a>
                        <a class="dropdown-item" href="#">Joystick</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-4 col-md-3 sorting text-right">
           <ul class="nav nav-tabs shop-btn" id="myTab" role="tablist">
            <li class="nav-item ">
                <a class="nav-link " id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true"><i class="fa fa-bars" aria-hidden="true"></i></a>
            </li>
            <li class="nav-item">
                <a class="nav-link active" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false"><i class="fa fa-th" aria-hidden="true"></i></a>
            </li>
        </ul>
    </div>
</div>
          {/if}
</div>
{************* категории  *************}
{if $m_groupe[0].id}
       <h3>
           Категории товара:
       </h3>
{/if}
<div class="tab-content col-12" style="margin-top: 20px;">
    {if $sort}<div class="tab-pane fade show active" id="profile" role="tabpanel" aria-labelledby="profile-tab">{/if}
        <div class="row">
{section name=customer loop=$m_groupe}
{if $m_groupe[customer].id}
            <div class="col-12 col-md-6 col-lg-4 reviews-load-more">
                <figure class="figure product-box row">
                    <div class="col-12 col-md-12 col-lg-12 col-xl-12 p0">
                        <div class="product-box-img">
                            <a href="/tovar_cat/{$m_groupe[customer].id}">
                                <img class="figure-img img-fluid lazy" src="/api/img/gray/png/no_image.png" data-original="/img/magazin/cats/{$m_groupe[customer].img}_270_300.jpg" alt="Product Img">
                            </a>
                        </div>
                    </div>
                    <div class="col-12 col-md-12 col-lg-12 col-xl-12 p0">
                        <div class="figure-caption text-center">
                            <div class="price-start">
                                <p><strong class="active-color" style="font-size:20px;">{$m_groupe[customer].naim}</strong></p>
                            </div>
                        </div>
                    </div>
                </figure>
            </div>
{/if}
{/section}
        </div>
	</div>
</div>
{*********************************************}
{******************* товар ******************col-12 *}
<div class="tab-content container">
    <div class="tab-pane fade show active" id="profile" role="tabpanel" aria-labelledby="profile-tab">
        <div class="row">
{section name=customer loop=$m_tovar}
{if $m_tovar[customer].id}
            <div class="col-12 col-md-6 col-lg-3 reviews-load-more">
                <figure class="figure product-box row">
                    <div class="col-12 col-md-12 col-lg-12 col-xl-12 p0">
                        <div class="product-box-img">
                            <a href="/tovar_show/{$m_tovar[customer].id}">
                                {* 270x300 *}
                                <img class="figure-img img-fluid lazy" src="/api/img/gray/png/no_image.png" data-original="/img/magazin/cats/{$m_tovar[customer].img}_270_300.jpg" alt="Product Img">
                            </a>
                        </div>
                        <div class="quick-view-btn">
                            <div class="compare-btn">
                                <button type="button" class="btn btn-primary btn-sm show_modal_tovar" data-toggle="modal" data-id="{$m_tovar[customer].id}" data-target=".bd-example-modal-lg-product-1"><i class="fa fa-eye" aria-hidden="true"></i> Посмотреть</button>
                            </div>
                        </div>
                        <!--span class="badge badge-secondary wd-badge text-uppercase">New</span-->
                        <div class="wishlist">
                            <i class="fa fa-heart active-wishlist" aria-hidden="true"></i>
                        </div>
                    </div>
                    <div class="col-12 col-md-12 col-lg-12 col-xl-12 p0">
                        <div class="figure-caption text-center">
                            <div class="price-start">
                                <p>Цена   <strong class="active-color"><u>{$m_tovar[customer].cena}</u></strong></p>
                            </div>
                            <div class="content-excerpt">
                                <p>{$m_tovar[customer].naim}</p>
                            </div>
                            <div class="rating">
                                <a href="#"><i class="fa fa-star active-color" aria-hidden="true"></i></a>
                                <a href="#"><i class="fa fa-star active-color" aria-hidden="true"></i></a>
                                <a href="#"><i class="fa fa-star active-color" aria-hidden="true"></i></a>
                                <a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a>
                                <a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a>
                            </div>
                            <div class="compare-btn">
                                <a class="btn btn-primary btn-sm btn-to-cart" href="#" data-id="{$m_tovar[customer].id}"><i class="fa fa-exchange" aria-hidden="true"></i> Добавить в корзину</a>
                            </div>
                        </div>
                    </div>
                </figure>
            </div>
{/if}
{/section}
    	</div>
	</div>
</div>
{**********************************************}
</div>
</div>
</div>
</div>
</div>
</section>
{/if}
{include file=$footer}