{include file=$header title=$tovar[0].naim}
{if $template_mod}
{include file=$template_mod}
{else}
<!-- =========================
        Product Details Section
    ============================== -->
<section class="product-details">
	<div class="container">
    	<div class="row">
			<div class="col-12 p0">
				<div class="page-location">
                    {if $im_settings.enable_hleb=="1"}
            	    <nav aria-label="breadcrumb">
  						<ol class="breadcrumb">
    						<li class="breadcrumb-item"><a href="/">Главная</a></li>
    						<li class="breadcrumb-item"><a href="/tovar_cat/{$m_groupe[0].id}">{$m_groupe[0].naim}</a></li>
    						<li class="breadcrumb-item active" aria-current="page">{$tovar[0].naim}</li>
  						</ol>
					</nav>
                    {/if}
				</div>
			</div>
    		<div class="col-12 product-details-section">
				    <!-- ====================================
				        Product Details Gallery Section
				    ========================================= -->
				<div class="row">
					<div class="product-gallery col-12 col-md-12 col-lg-6">
					<!-- Слайдер товара -->
						<div class="row">
							<div class="col-md-12 product-slier-details">
								<div class="slick-slider" style="width: 88%; margin:0px auto;">
    								<div><img src="/img/magazin/cats/{$tovar[0].img}_568_495.jpg" class="figure-img img-fluid" alt="{$tovar[0].naim}"></div>
    								{section name=customer loop=$img_list}
									{if $img_list[customer].id}
    								<div><img src="/img/magazin/cats/{$img_list[customer].img}_568_495.jpg" class="figure-img img-fluid" alt="{$tovar[0].naim}"></div>
    								{/if}
									{/section}
								</div>             
                            </div>
						</div>
					</div>
					<div class="col-6 col-12 col-md-12 col-lg-6">
							<div class="product-details-gallery">
								<div class="list-group">
									<h4 class="list-group-item-heading product-title">
										{$tovar[0].naim}
									</h4>
									<!-- div class="media">
										<div class="media-left media-middle">
											<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 class="media-body">
											<p>3.7/5 <span class="product-ratings-text"> -1747 Ratings</span></p>
										</div>
									</div-->
								</div>
								<div class="list-group content-list">
{$tovar[0].opis}
                                </div>
							</div>
							<div class="product-store row">
								<div class="col-12 product-store-box">
<div class="row" style="border:0px solid gray;">
<div class="input-group{* input-group-lg*}">
  <div class="input-group-prepend">
      {if $tovar[0].akccena}
    <span class="input-group-text" style="text-decoration: line-through;background:none;border:none;">{$tovar[0].cena}  {$im_settings.utf_de}</span>
      <span class="input-group-text" style="background:none;border:none;">{$tovar[0].akccena} {$im_settings.utf_de}</span>
      {else}
      <span class="input-group-text" style="background:none;border:none;">{$tovar[0].cena}  {$im_settings.utf_de}</span>
      {/if}
  </div>
  <div class="input-group-append" id="button-addon4">
    <button class="btn btn-outline-secondary btn-to-cart" type="button" data-id="{$smarty.get.id}">В корзину</button>
      {if $im_settings.enable_bron=="1"}
    <button class="btn btn-outline-secondary btn-brn" type="button">Забронировать</button>
      {/if}
  </div>
</div>
    {*
	<div class="col-5 store-border-price text-center">
		<div class="price">
			<p>{$tovar[0].cena}</p>
		</div>
	</div>
	<div class="col-4 store-border-button">
		<a href="#" class="btn btn-primary wd-shop-btn pull-right blue-bg btn-to-cart" data-id="{$smarty.get.id}">
			В корзину
		</a>
	</div>
    {if $im_settings.enable_bron=="1"}
    <div class="col-4 store-border-button">
		<a href="#" class="btn btn-primary wd-shop-btn pull-right blue-bg btn-to-cart" data-id="{$smarty.get.id}">
			Забронировать
		</a>
	</div>
    {/if}
</div>
                                    *}
								</div>
							</div>
						</div>
					</div>
	    		</div>
    		</div>
<div class="tabs">
  <ul class="tabs__caption">
    <li class="active">Характеристики</li>
    <li>Отзывы</li>
  </ul>
  <div class="tabs__content active">
    Содержимое первого блока
  </div>
  <div class="tabs__content">
    Содержимое второго блока
  </div>
</div><!-- .tabs-->
        </div>
    </section>
<link rel="stylesheet" type="text/css" href="/api/jquery/plugins/slick-slider/1.9.0/slick.css"/>
<link rel="stylesheet" type="text/css" href="/api/jquery/plugins/slick-slider/1.9.0/slick-theme.css"/>                                
{/if}
{include file=$footer plugins='<script type="text/javascript" src="/api/jquery/plugins/slick-slider/1.9.0/slick.min.js"></script>'}