@extends('master.front')
@section('content')
    <!-- Start Slider area -->
    <div class="slider-area brown__nav slider--15 slide__activation slide__arrow01 owl-carousel owl-theme">
        <!-- Start Single Slide -->
        @foreach($settings as $setting)
            @if($setting->slide1 != null)
                <div class="slide animation__style10 bg-image--7 fullscreen align__center--left"><img src="{{ url('/') }}/settings/slide/{{ $setting->slide1 }}"></div>
            @endif
            @if($setting->slide2 != null)
                <div class="slide animation__style10 bg-image--8 fullscreen align__center--left"><img src="{{ url('/') }}/settings/slide/{{ $setting->slide2 }}"></div>
            @endif
            @if($setting->slide3 != null)
                <div class="slide animation__style10 bg-image--9 fullscreen align__center--left"><img src="{{ url('/') }}/settings/slide/{{ $setting->slide3 }}"></div>
            @endif
            @if($setting->slide4 != null)
                <div class="slide animation__style10 bg-image--10 fullscreen align__center--left"><img src="{{ url('/') }}/settings/slide/{{ $setting->slide4 }}"></div>
            @endif
        @endforeach
        <!-- End Single Slide -->
    </div>
    <!-- End Slider area -->

    <!-- Start BEst Seller Area -->
    <section class="wn__product__area brown--color pt--80  pb--30">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="section__title text-center">
                        <h2 class="title__be--2">Yenİ <span class="color--theme">Məhsullar</span></h2>
                    </div>
                </div>
            </div>
            <!-- Start Single Tab Content -->
            <div class="furniture--4 border--round arrows_style owl-carousel owl-theme row mt--50">
                <!-- Start Single Product -->
                @foreach($newproducts as $newproduct)
                    <div class="product product__style--3">
                        <div class="col-lg-3 col-md-4 col-sm-6 col-12">
                            <div class="product__thumb">
                                <a class="first__img" href="{{ route('front.product', ['slug' => $newproduct->slug]) }}"><img src="{{ url('/') }}/settings/product/{{ $newproduct->image }}" alt="{{ $newproduct->name }}"></a>
                                <a class="second__img animation1" href="{{ route('front.product', ['slug' => $newproduct->slug]) }}"><img src="{{ url('/') }}/settings/product/{{ $newproduct->image }}" alt="{{ $newproduct->name }}"></a>
                                @if($newproduct->discount != null)
                                    <div class="hot__box">
                                        <span class="hot-label">ENDİRİMDƏ</span>
                                    </div>
                                @endif
                            </div>
                            <div class="product__content content--center">
                                <h4><a href="{{ route('front.product', ['slug' => $newproduct->slug]) }}">{{ $newproduct->name }}</a></h4>
                                @if($newproduct->discount != null)
                                    <ul class="prize d-flex">
                                        <li>{{ $newproduct->price-($newproduct->price*$newproduct->discount/100) }} AZN</li>
                                        <li class="old_prize">{{ $newproduct->price }} AZN</li>
                                    </ul>
                                @else
                                    <ul class="prize d-flex">
                                        <li>{{ $newproduct->price }} AZN</li>
                                    </ul>
                                @endif
                                <div class="action">
                                    <div class="actions_inner">
                                        <ul class="add_to_links">
                                            <li><a class="cart" href="{{ route('front.singleaddtocart', ['id' => $newproduct->id]) }}"><i class="bi bi-shopping-bag4"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
                <!-- End Single Product -->
            </div>
            <!-- End Single Tab Content -->
        </div>
    </section>
    <!-- Start BEst Seller Area -->

    <!-- Start BEst Seller Area -->
    <section class="wn__product__area brown--color pt--80  pb--30">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="section__title text-center">
                        <h2 class="title__be--2">Ən çox satılan <span class="color--theme">Məhsullar</span></h2>
                    </div>
                </div>
            </div>
            <!-- Start Single Tab Content -->
            <div class="furniture--4 border--round arrows_style owl-carousel owl-theme row mt--50">
                <!-- Start Single Product -->
                @foreach($bestsellers as $bestseller)
                    <div class="product product__style--3">
                        <div class="col-lg-3 col-md-4 col-sm-6 col-12">
                            <div class="product__thumb">
                                <a class="first__img" href="{{ route('front.product', ['slug' => $bestseller->slug]) }}"><img src="{{ url('/') }}/settings/product/{{ $bestseller->image }}" alt="{{ $bestseller->name }}"></a>
                                <a class="second__img animation1" href="{{ route('front.product', ['slug' => $bestseller->slug]) }}"><img src="{{ url('/') }}/settings/product/{{ $bestseller->image }}" alt="{{ $bestseller->name }}"></a>
                                @if($bestseller->discount != null)
                                    <div class="hot__box">
                                        <span class="hot-label">ENDİRİMDƏ</span>
                                    </div>
                                @endif
                            </div>
                            <div class="product__content content--center">
                                <h4><a href="{{ route('front.product', ['slug' => $bestseller->slug]) }}">{{ $bestseller->name }}</a></h4>
                                @if($bestseller->discount != null)
                                    <ul class="prize d-flex">
                                        <li>{{ $bestseller->price-($bestseller->price*$bestseller->discount/100) }} AZN</li>
                                        <li class="old_prize">{{ $bestseller->price }} AZN</li>
                                    </ul>
                                @else
                                    <ul class="prize d-flex">
                                        <li>{{ $bestseller->price }} AZN</li>
                                    </ul>
                                @endif
                                <div class="action">
                                    <div class="actions_inner">
                                        <ul class="add_to_links">
                                            <li><a class="cart" href="{{ route('front.singleaddtocart', ['id' => $bestseller->id]) }}"><i class="bi bi-shopping-bag4"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
            @endforeach
            <!-- End Single Product -->
            </div>
            <!-- End Single Tab Content -->
        </div>
    </section>
    <!-- Start BEst Seller Area -->

    <!-- Start Best Seller Area -->
    <section class="wn__bestseller__area bg--white pt--80  pb--30">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="section__title text-center">
                        <h2 class="title__be--2">Bütün <span class="color--theme">Məhsullar</span></h2>
                    </div>
                </div>
            </div>
            <div class="row mt--50">
                <div class="col-md-12 col-lg-12 col-sm-12">
                    <div class="product__nav nav justify-content-center" role="tablist">
                        <a class="nav-item nav-link active" data-toggle="tab" href="#nav1" role="tab">BOYALAR</a>
                        <a class="nav-item nav-link" data-toggle="tab" href="#nav2" role="tab">LAKLAR</a>
                        <a class="nav-item nav-link" data-toggle="tab" href="#nav3" role="tab">ŞPAKLYOFKALAR</a>
                        <a class="nav-item nav-link" data-toggle="tab" href="#nav4" role="tab">YAN ÜRÜNLƏR</a>
                    </div>
                </div>
            </div>
            <div class="tab__container mt--60">
                <!-- Start Single Tab Content -->
                <div class="row single__tab tab-pane fade show active" id="nav1" role="tabpanel">
                    <div class="product__indicator--4 arrows_style owl-carousel owl-theme">
                        @foreach($boyalar as $boya)
                        <div class="single__product">
                            <!-- Start Single Product -->
                            <div class="col-lg-3 col-md-4 col-sm-6 col-12">
                                <div class="product product__style--3">
                                    <div class="product__thumb">
                                        <a class="first__img" href="{{ route('front.product', ['slug' => $boya->slug]) }}"><img src="{{ url('/') }}/settings/product/{{ $boya->image }}" alt="{{ $boya->name }}"></a>
                                        <a class="second__img animation1" href="{{ route('front.product', ['slug' => $boya->slug]) }}"><img src="{{ url('/') }}/settings/product/{{ $boya->image }}" alt="{{ $boya->name }}"></a>
                                        @if($boya->discount != null)
                                            <div class="hot__box">
                                                <span class="hot-label">ENDİRİMDƏ</span>
                                            </div>
                                        @endif
                                    </div>
                                    <div class="product__content content--center content--center">
                                        <h4><a href="{{ route('front.product', ['slug' => $boya->slug]) }}">{{ $boya->name }}</a></h4>
                                        @if($boya->discount != null)
                                            <ul class="prize d-flex">
                                                <li>{{ $boya->price-($boya->price*$boya->discount/100) }} AZN</li>
                                                <li class="old_prize">{{ $boya->price }} AZN</li>
                                            </ul>
                                        @else
                                            <ul class="prize d-flex">
                                                <li>{{ $boya->price }} AZN</li>
                                            </ul>
                                        @endif
                                        <div class="action">
                                            <div class="actions_inner">
                                                <ul class="add_to_links">
                                                    <li><a class="cart" href="{{ route('front.singleaddtocart', ['id' => $boya->id]) }}"><i class="bi bi-shopping-bag4"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Start Single Product -->
                        </div>
                        @endforeach
                    </div>
                </div>
                <!-- End Single Tab Content -->
                <!-- Start Single Tab Content -->
                <div class="row single__tab tab-pane fade" id="nav2" role="tabpanel">
                    <div class="product__indicator--4 arrows_style owl-carousel owl-theme">
                        @foreach($laklar as $lak)
                            <div class="single__product">
                                <!-- Start Single Product -->
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12">
                                    <div class="product product__style--3">
                                        <div class="product__thumb">
                                            <a class="first__img" href="{{ route('front.product', ['slug' => $lak->slug]) }}"><img src="{{ url('/') }}/settings/product/{{ $lak->image }}" alt="{{ $lak->name }}"></a>
                                            <a class="second__img animation1" href="{{ route('front.product', ['slug' => $lak->slug]) }}"><img src="{{ url('/') }}/settings/product/{{ $lak->image }}" alt="{{ $lak->name }}"></a>
                                            @if($lak->discount != null)
                                                <div class="hot__box">
                                                    <span class="hot-label">ENDİRİMDƏ</span>
                                                </div>
                                            @endif
                                        </div>
                                        <div class="product__content content--center content--center">
                                            <h4><a href="{{ route('front.product', ['slug' => $lak->slug]) }}">{{ $lak->name }}</a></h4>
                                            @if($lak->discount != null)
                                                <ul class="prize d-flex">
                                                    <li>{{ $lak->price-($lak->price*$lak->discount/100) }} AZN</li>
                                                    <li class="old_prize">{{ $lak->price }} AZN</li>
                                                </ul>
                                            @else
                                                <ul class="prize d-flex">
                                                    <li>{{ $lak->price }} AZN</li>
                                                </ul>
                                            @endif
                                            <div class="action">
                                                <div class="actions_inner">
                                                    <ul class="add_to_links">
                                                        <li><a class="cart" href="{{ route('front.singleaddtocart', ['id' => $lak->id]) }}"><i class="bi bi-shopping-bag4"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Start Single Product -->
                            </div>
                        @endforeach
                    </div>
                </div>
                <!-- End Single Tab Content -->
                <!-- Start Single Tab Content -->
                <div class="row single__tab tab-pane fade" id="nav3" role="tabpanel">
                    <div class="product__indicator--4 arrows_style owl-carousel owl-theme">
                        @foreach($spaklyofkalar as $spaklyofka)
                            <div class="single__product">
                                <!-- Start Single Product -->
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12">
                                    <div class="product product__style--3">
                                        <div class="product__thumb">
                                            <a class="first__img" href="{{ route('front.product', ['slug' => $spaklyofka->slug]) }}"><img src="{{ url('/') }}/settings/product/{{ $spaklyofka->image }}" alt="{{ $spaklyofka->name }}"></a>
                                            <a class="second__img animation1" href="{{ route('front.product', ['slug' => $spaklyofka->slug]) }}"><img src="{{ url('/') }}/settings/product/{{ $spaklyofka->image }}" alt="{{ $spaklyofka->name }}"></a>
                                            @if($spaklyofka->discount != null)
                                                <div class="hot__box">
                                                    <span class="hot-label">ENDİRİMDƏ</span>
                                                </div>
                                            @endif
                                        </div>
                                        <div class="product__content content--center content--center">
                                            <h4><a href="{{ route('front.product', ['slug' => $spaklyofka->slug]) }}">{{ $spaklyofka->name }}</a></h4>
                                            @if($spaklyofka->discount != null)
                                                <ul class="prize d-flex">
                                                    <li>{{ $spaklyofka->price-($spaklyofka->price*$spaklyofka->discount/100) }} AZN</li>
                                                    <li class="old_prize">{{ $spaklyofka->price }} AZN</li>
                                                </ul>
                                            @else
                                                <ul class="prize d-flex">
                                                    <li>{{ $spaklyofka->price }} AZN</li>
                                                </ul>
                                            @endif
                                            <div class="action">
                                                <div class="actions_inner">
                                                    <ul class="add_to_links">
                                                        <li><a class="cart" href="{{ route('front.singleaddtocart', ['id' => $spaklyofka->id]) }}"><i class="bi bi-shopping-bag4"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Start Single Product -->
                            </div>
                        @endforeach
                    </div>
                </div>
                <!-- End Single Tab Content -->
                <!-- Start Single Tab Content -->
                <div class="row single__tab tab-pane fade" id="nav4" role="tabpanel">
                    <div class="product__indicator--4 arrows_style owl-carousel owl-theme">
                        @foreach($yanurunler as $yanurun)
                            <div class="single__product">
                                <!-- Start Single Product -->
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12">
                                    <div class="product product__style--3">
                                        <div class="product__thumb">
                                            <a class="first__img" href="{{ route('front.product', ['slug' => $yanurun->slug]) }}"><img src="{{ url('/') }}/settings/product/{{ $yanurun->image }}" alt="{{ $yanurun->name }}"></a>
                                            <a class="second__img animation1" href="{{ route('front.product', ['slug' => $yanurun->slug]) }}"><img src="{{ url('/') }}/settings/product/{{ $yanurun->image }}" alt="{{ $yanurun->name }}"></a>
                                            @if($yanurun->discount != null)
                                                <div class="hot__box">
                                                    <span class="hot-label">ENDİRİMDƏ</span>
                                                </div>
                                            @endif
                                        </div>
                                        <div class="product__content content--center content--center">
                                            <h4><a href="{{ route('front.product', ['slug' => $yanurun->slug]) }}">{{ $yanurun->name }}</a></h4>
                                            @if($yanurun->discount != null)
                                                <ul class="prize d-flex">
                                                    <li>{{ $yanurun->price-($yanurun->price*$yanurun->discount/100) }} AZN</li>
                                                    <li class="old_prize">{{ $yanurun->price }} AZN</li>
                                                </ul>
                                            @else
                                                <ul class="prize d-flex">
                                                    <li>{{ $yanurun->price }} AZN</li>
                                                </ul>
                                            @endif
                                            <div class="action">
                                                <div class="actions_inner">
                                                    <ul class="add_to_links">
                                                        <li><a class="cart" href="{{ route('front.singleaddtocart', ['id' => $spaklyofka->id]) }}"><i class="bi bi-shopping-bag4"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Start Single Product -->
                            </div>
                        @endforeach
                    </div>
                </div>
                <!-- End Single Tab Content -->
            </div>
        </div>
    </section>
    <!-- Start BEst Seller Area -->

    <!-- Start Recent Post Area -->
    <section class="wn__recent__post bg--gray ptb--80">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="section__title text-center">
                        <h2 class="title__be--2">Bİzİm <span class="color--theme">Blog</span></h2>
                    </div>
                </div>
            </div>
            <div class="row mt--50">
                @foreach($blogs as $blog)
                    <div class="col-md-6 col-lg-4 col-sm-12">
                        <div class="post__itam">
                            <div class="content">
                                <h3><a href="{{ route('front.blog', ['slug' => $blog->slug]) }}">{{ $blog->title }} </a></h3>
                                                                <div class="post__time">
                                    <span class="day">{{ $blog->post_date }}</span>
                                    <div class="post-meta">
                                        <ul>
                                            <li>Baxış sayı: {{ $blog->visit }}</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </section>
    <!-- End Recent Post Area -->
@endsection