{include file=$header}
    <!-- =========================
        Slider Section
    ============================== -->
    <section id="main-slider-section">
    	<div id="main-slider" class="slider-bg1 owl-carousel owl-theme product-review">
			{section name=customer loop=$sliders}
	{if $sliders[customer].id}
            <div class="item slider-bg d-flex align-items-center">
            <div class="container">
                <div class="row no-gutters">
                    <div class="slider-text fadeInUp animated order-2 order-sm-1  col-sm-6 col-md-7">
                        {*<h1 class="slider-title">Get Review <span class="strong">– Lets Compare</span></h1>*}
                        <h1 class="slider-title strong" style="font-size: 26pt;">{$sliders[customer].h3}</h1>
                        <p class="slider-content" style="font-size: 16pt;">{$sliders[customer].txt}</p>
                        <a href="{$sliders[customer].link}" class="btn btn-primary wd-shop-btn slider-btn">
                            В магазин <i class="fa fa-arrow-right" aria-hidden="true"></i>
                        </a>
                    </div>
                    <div class="col-sm-6 col-md-5 order-1 order-sm-2 slider-img fadeInDown animated">
                        <img src="/img/slider/{$sliders[customer].img}.jpg" alt="">
                    </div>
                </div>
            </div>
			</div>
            {/if}
{/section}
    	</div>
    </section>
    <!-- =========================
        Product Section
    ============================== -->
	{*<div class="product-view-modal modal fade bd-example-modal-lg-product-1" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
		    <!-- ====================================
		        Product Details Gallery Section
		    ========================================= -->
			<div class="row">
				<div class="product-gallery col-12 col-md-12 col-lg-6">
				    <!-- ====================================
				        Single Product Gallery Section
				    ========================================= -->
				    <div class="row">
						<div class="col-md-12 product-slier-details">
							<div id="product-view-model" class="product-view owl-carousel owl-theme">
							    <div class="item">
							    	<img src="img/product-img/product-view-img-1.jpg" class="img-fluid" alt="Product Img">
							    </div>
							    <div class="item">
							    	<img src="img/product-img/product-view-img-2.jpg" class="img-fluid" alt="Product Img">
							    </div>
							</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">
								Vigo SP111-31N-P2GH Spin 11111
							</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">
							<p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> 100% Original product</p>
							<p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> Manufacturer Warranty</p>
						</div>
					</div>
					<div class="product-store row">
						<div class="col-12 product-store-box">
							<div class="row">
								<div class="col-3 p0 store-border-img">
									<img src="img/product-store/product-store-img1.jpg" class="figure-img img-fluid" alt="Product Img">
								</div>
								<div class="col-5 store-border-price text-center">
									<div class="price">
										<p>$234</p>
									</div>
								</div>
								<div class="col-4 store-border-button">
									<a href="#" class="btn btn-primary wd-shop-btn pull-right">
										Buy it now
									</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			</div>
		</div>
	</div>*}
{include file=$tovar_modal}
    <section id="product-amazon">
    	<div class="container">
    		<div class="row">
    			<div class="col-md-12">
    				<div class="section-title-center text-left">
    					<h2 class="title pl-0">Свежие поступления</h2>
    				</div>
    			</div>
				<!-- <div class="owl-carousel"> -->
				<div id="product-slider" class="owl-carousel owl-theme">
                    {section name=customer loop=$losttovar}
					{if $losttovar[customer].id}
	    			<div class="col-md-12">
						<figure class="figure product-box wow fadeIn animated" data-wow-delay="0ms">
							<div class="product-box-img">
								<a href="/tovar_show/{$losttovar[customer].id}">
									<img srv="/api/img/gray/png/no_image.png" data-original="/img/magazin/cats/{$losttovar[customer].img}_270_300.jpg" class="figure-img img-fluid lazy" alt="{$losttovar[customer].naim}">
								</a>
							</div>
							<div class="quick-view-btn">
								<div class="compare-btn">
									<!--button type="button" class="btn btn-primary btn-sm {*btn-prw-tovar*} show_modal_tovar"  data-id="{$losttovar[customer].id}" data-toggle="modal" data-target=".bd-example-modal-lg-product-1" data-id="{$losttovar[customer].id}"><i class="fa fa-eye" aria-hidden="true"></i> Показать</button-->
								</div>
							</div>
							<figcaption class="figure-caption text-center">
								<span class="badge badge-secondary wd-badge text-uppercase">Новинка</span>
								<div class="wishlist">
									<i class="fa fa-heart active-wishlist" aria-hidden="true"></i>
								</div>
								<div class="price-start">
									<p>{*Price start from   *}<strong class="active-color"><u>{$losttovar[customer].cena} <i class="fa fa-ruble-sign"></i></u></strong></p>
								</div>
								<div class="content-excerpt">
									<p><a href="/tovar_show/{$losttovar[customer].id}">{$losttovar[customer].naim} </a></p>
								</div>
								<div class="rating">
									<a class="active-color" href="#"><i class="fa fa-star" aria-hidden="true"></i></a>
									<a class="active-color" href="#"><i class="fa fa-star" aria-hidden="true"></i></a>
									<a class="active-color" href="#"><i class="fa fa-star" 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 add-to-cart" href="{$losttovar[customer].id}"><i class="fa fa-exchange" aria-hidden="true"></i> Добавить в корзину</a>
								</div>
							</figcaption>
						</figure>
	    			</div>
                    {/if}
					{/section}
				</div>
    		</div>
    	</div>
    </section>
    <!-- =========================
        Extra Product Section
    ============================== -->
    <section id="product-ebay">
    	<div class="container">
    		<div class="row">
    			<div class="col-md-12">
    				<div class="section-title-center text-left">
    					<h2 class="title pl-0">Большие скидки!</h2>
    				</div>
    			</div>
				<div id="product-slider-exta" class="owl-carousel owl-theme">
	    			<div class="col-md-12">
						<figure class="figure product-box wow fadeIn animated" data-wow-delay="0ms">
							<div class="product-box-img">
								<a href="product-details.html">
									<img src="img/product-img/product-img-5.jpg" class="figure-img img-fluid" alt="Product Img">
								</a>
							</div>
							<div class="quick-view-btn">
								<div class="compare-btn">
									<button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target=".bd-example-modal-lg-product-1"><i class="fa fa-eye" aria-hidden="true"></i> Quick view</button>
								</div>
							</div>
							<figcaption class="figure-caption text-center">
								<span class="badge badge-secondary wd-badge text-uppercase">New</span>
								<div class="wishlist">
									<i class="fa fa-heart" aria-hidden="true"></i>
								</div>
								<div class="price-start">
									<p>Price start from   <strong class="active-color"><u>$80.00</u> - <u>$75.00</u></strong></p>
								</div>
								<div class="content-excerpt">
									<p><a href="">Cras in nunc non ipsum </a></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" href="#"><i class="fa fa-exchange" aria-hidden="true"></i> Add to compare</a>
								</div>
							</figcaption>
						</figure>
	    			</div>
	    			<div class="col-md-12">
						<figure class="figure product-box wow fadeIn animated" data-wow-delay="300ms">
							<div class="product-box-img">
								<a href="product-details.html">
									<img src="img/product-img/product-img-6.jpg" class="figure-img img-fluid" alt="Product Img">
								</a>
							</div>
							<div class="quick-view-btn">
								<div class="compare-btn">
									<button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target=".bd-example-modal-lg-product-1"><i class="fa fa-eye" aria-hidden="true"></i> Quick view</button>
								</div>
							</div>
							<figcaption class="figure-caption text-center">
								<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 class="price-start">
									<p>Price start from   <strong class="active-color"><u>$80.00</u> - <u>$75.00</u></strong></p>
								</div>
								<div class="content-excerpt">
									<p><a href="">Cras in nunc non ipsum </a></p>
								</div>
								<div class="rating">
									<a class="active-color" href="#"><i class="fa fa-star" aria-hidden="true"></i></a>
									<a class="active-color" href="#"><i class="fa fa-star" aria-hidden="true"></i></a>
									<a class="active-color" href="#"><i class="fa fa-star" 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" href="#"><i class="fa fa-exchange" aria-hidden="true"></i> Add to compare</a>
								</div>
							</figcaption>
						</figure>
	    			</div>
	    			<div class="col-md-12">
						<figure class="figure product-box wow fadeIn animated" data-wow-delay="600ms">
							<div class="product-box-img">
								<a href="product-details.html">
									<img src="img/product-img/product-img-7.jpg" class="figure-img img-fluid" alt="Product Img">
								</a>
							</div>
							<div class="quick-view-btn">
								<div class="compare-btn">
									<button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target=".bd-example-modal-lg-product-1"><i class="fa fa-eye" aria-hidden="true"></i> Quick view</button>
								</div>
							</div>
							<figcaption class="figure-caption text-center">
								<span class="badge badge-secondary wd-badge featured-bg-color text-uppercase">Featured</span>
								<div class="wishlist">
									<i class="fa fa-heart" aria-hidden="true"></i>
								</div>
								<div class="price-start">
									<p>Price start from   <strong class="active-color"><u>$80.00</u> - <u>$75.00</u></strong></p>
								</div>
								<div class="content-excerpt">
									<p><a href="">Cras in nunc non ipsum </a></p>
								</div>
								<div class="rating">
									<a class="active-color" href="#"><i class="fa fa-star" aria-hidden="true"></i></a>
									<a class="active-color" href="#"><i class="fa fa-star" aria-hidden="true"></i></a>
									<a class="active-color" href="#"><i class="fa fa-star" 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" href="#"><i class="fa fa-exchange" aria-hidden="true"></i> Add to compare</a>
								</div>
							</figcaption>
						</figure>
	    			</div>
	    			<div class="col-md-12">
						<figure class="figure product-box wow fadeIn animated" data-wow-delay="900ms">
							<div class="product-box-img">
								<a href="product-details.html">
									<img src="img/product-img/product-img-4.jpg" class="figure-img img-fluid" alt="Product Img">
								</a>
							</div>
							<div class="quick-view-btn">
								<div class="compare-btn">
									<button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target=".bd-example-modal-lg-product-1"><i class="fa fa-eye" aria-hidden="true"></i> Quick view</button>
								</div>
							</div>
							<figcaption class="figure-caption text-center">
								<span class="badge badge-secondary wd-badge text-uppercase">New</span>
								<div class="wishlist">
									<i class="fa fa-heart" aria-hidden="true"></i>
								</div>
								<div class="price-start">
									<p>Price start from   <strong class="active-color"><u>$80.00</u> - <u>$75.00</u></strong></p>
								</div>
								<div class="content-excerpt">
									<p><a href="">Cras in nunc non ipsum </a></p>
								</div>
								<div class="rating">
									<a class="active-color" href="#"><i class="fa fa-star" aria-hidden="true"></i></a>
									<a class="active-color" href="#"><i class="fa fa-star" aria-hidden="true"></i></a>
									<a class="active-color" href="#"><i class="fa fa-star" 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" href="#"><i class="fa fa-exchange" aria-hidden="true"></i> Add to compare</a>
								</div>
							</figcaption>
						</figure>
	    			</div>
	    			<div class="col-md-12">
						<figure class="figure product-box">
							<div class="product-box-img">
								<a href="product-details.html">
									<img src="img/product-img/product-img-1.jpg" class="figure-img img-fluid" alt="Product Img">
								</a>
							</div>
							<div class="quick-view-btn">
								<div class="compare-btn">
									<button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target=".bd-example-modal-lg-product-1"><i class="fa fa-eye" aria-hidden="true"></i> Quick view</button>
								</div>
							</div>
							<figcaption class="figure-caption text-center">
								<span class="badge badge-secondary wd-badge featured-bg-color text-uppercase">Featured</span>
								<div class="wishlist">
									<i class="fa fa-heart" aria-hidden="true"></i>
								</div>
								<div class="price-start">
									<p>Price start from   <strong class="active-color"><u>$80.00</u> - <u>$75.00</u></strong></p>
								</div>
								<div class="content-excerpt">
									<p><a href="">Cras in nunc non ipsum </a></p>
								</div>
								<div class="rating">
									<a class="active-color" href="#"><i class="fa fa-star" aria-hidden="true"></i></a>
									<a class="active-color" href="#"><i class="fa fa-star" aria-hidden="true"></i></a>
									<a class="active-color" href="#"><i class="fa fa-star" 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" href="#"><i class="fa fa-exchange" aria-hidden="true"></i> Add to compare</a>
								</div>
							</figcaption>
						</figure>
	    			</div>
				</div>
    		</div>
    	</div>
    </section>
{include file=$footer}