@extends($theme.'.layouts.admin')
@section('content')
<!--SLIDER START-->
<div class="index-slider-box">
    
    <ul class="index-slider">
        <li>
            @if(isset($placeholders['WL1']->title) && !empty($placeholders['WL1']->title))
            <div class="carousel-caption"> <h1 class="title">{{ $placeholders['WL1']->title }} </h1>
                <div class="sub-title ">{{ $placeholders['WL1']->description }}</div>
                {{-- <a href="#" class="btn white-trans-btn-with-white-border"> SHOW MORE</a> --}}
            </div>
            @endif
            <img src="{{ $placeholders['WL1']->image }}">
        </li>
    <!-- <li>
            <div class="carousel-caption"> <h1 class="title">Trending Carporate</h1>
                <div class="sub-title ">Choose from clothes of World’s Famous Brands </div>
                <a href="#" class="btn white-trans-btn-with-white-border"> SHOW MORE</a>
            </div>
            
            <img src="{{ url($theme."/assets/img/banners/slider-bg-2.jpg") }}"  >
            
        </li>-->
    </ul>
</div>

<!-- START PORTOLIO SECTION -->
<div class="portfolio-section index-page">
    <div class="container">
        <div class="row">
            <!-- START PORTFOLIO HEADING -->
            <div class="col-12">
                <div class="portfolioHeading text-center">
                    <h1 class="high-lighted-heading">Choose Your Category</h1>
                </div>
            </div>
            
            <div class="col-12">
                <div id="js-grid-blog-posts" class="cbp">  
                    @forelse($main_category_list as $list)
                        <div class="cbp-item formalShirts CausalShirts wow slideInUp">
                            <a class="portfolio-circle-cart" href="{{ route('sub_categories.list', ['id' => $list->id]) }}">
                                <i class="fa fa-eye" aria-hidden="true"></i>
                            </a>
                             @if($list->name == 'SCHOOL')
                                <a class="portfolio-circle-cart" href="{{ url('/school-list') }}">
                                    <i class="fa fa-eye" aria-hidden="true"></i>
                                </a>
                                <div class="cat-name">SCHOOLS</div>
                                <div class="cbp-caption-defaultWrap">
                                    <div class="item"> <a href="{{ url('/school-list') }}"><img src="{{ $list->image }}" alt=""></a></div> 
                                </div>
                            @else
                                <div class="cat-name">{{ $list->name }}</div>
                                <div class="cbp-caption-defaultWrap">
                                    <div class="item"> <a href="{{ route('sub_categories.list', ['id' => $list->id]) }}"><img src="{{ $list->image }}" alt=""></a></div> 
                                </div>
                            @endif
                            
                            <div class="col-12 cat-title">
                                <button type="button" class="btn border">
                                    <a href="{{ route('sub_categories.list', ['id' => $list->id]) }}">
                                        Explore
                                    </a>
                                </button>
                                    </div>
                                </div>
                            @empty
                        <p>data not found</p>
                    @endforelse
                </div>
            </div>
            <!-- END PORTFOLIO IMAGES -->
        </div>
    </div>
</div>
<!-- END PORTOLIO SECTION -->
<!--START BANNER SECTION-->
@if(isset($placeholders['WL2']) && !empty($placeholders['WL2']->title))
<div class="banner-section parallax-slide">
    <div class="container">
        <div class="row">
            <div class="col-12 col-lg-6 offset-lg-5 text-center">
                <div class="banner-content-wrapper">
                    {{-- <span>{{ $placeholders['WL2']->title }}</span> --}}
                    @if(isset($placeholders['WL2']->title) && !empty($placeholders['WL2']->title))
                    <h1>{{ $placeholders['WL2']->title }}</h1>
                    <p>{{ $placeholders['WL2']->description }}</p>
                    @endif
                    {{-- <button type="button" class="btn black-btn-with-border">SHOP NOW</button> --}}
                </div>
            </div>
        </div>
    </div>
</div>
@endif
<!--END BANNER SECTION-->
<!--START LATEST ARRIVALS-->
<div class="lastest_arrivals">
    <div class="container">
        <div class="row">
        @if(isset($placeholders['WL3']->title) && !empty($placeholders['WL3']->title))
            <div class="col-12 mb-4">
                <h1>{{ $placeholders['WL3']->title }}</h1>
            </div>
            <div class="col-12">
                <div class="lastest_featured_products owl-carousel product-cover owl-theme">
                    @if(isset($placeholders['WL3']->placeholders[0]->products) && !empty($placeholders['WL3']->placeholders[0]->products))
                    @foreach($placeholders['WL3']->placeholders[0]->products as $f_product)
                    <div class="lastest_arrival_items item">
                        <div class="card">
                            {{--<span class="product-type">NEW</span>--}}
                            <div class="image-holder">
                                @if(!empty($f_product->discount_label))
                                <div class="offer-box">{{ $f_product->discount_label }}</div>
                                @endif
                                <div class="ico-box">
                                    {{-- <a href="#" class="lastest-addto-cart"><i class="fa fa-shopping-cart"></i></a> --}}
                                    <a href="{{ route('products.detail', ['id' => $f_product->id, 'group_name_slug' => $f_product->group_name_slug]) }}" class="lastest-addto-cart"><i class="fa fa-eye"></i></a>
                                </div>
                                <a href="/assets/img/"  data-fancybox="lastest_product"  data-title="Shirt Name">
                                    <img src="{{ $f_product->image1 }}" class="card-img-top" alt="Lastest Arrivals 1">
                                </a>
                            </div>
                            <div class="col-lg-12 card-body">
                                <div class="row">
                                    <div class="col-12 text-center">
                                        <h5 class="card-title">
                                            <a href="{{ route('products.detail', ['id' => $f_product->id, 'group_name_slug' => $f_product->group_name_slug]) }}">
                                                {{ $f_product->name_en }}
                                            </a><br>{{-- (1 to 5th std) --}}</h5>
                                    </div>
                                    <div class="col-12 text-center">
                                        <p class="card-text">{{ $currency_code }} {{ number_format($f_product->discounted_price,2) }}</p>
                                    </div>

                                    <div class="col-12 btn-box">
                                    <input type="hidden" value="