@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 ?? '' }}"  >
            {{-- <img src="{{ url($theme."/assets/img/banners/slider-bg-3.jpg") }}"  > --}}
        </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-3.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 School</h1>
                </div>
            </div>
            
            <div class="col-12">
                <div id="js-grid-blog-posts" class="cbp choose-category">
                    
                    @forelse($categories as $list)
                    <div class="cbp-item formalShirts CausalShirts wow slideInUp school_name" aria-hidden="true" data-category-id="{{ $list->id }}" data-category-name="{{ $list->name }}" data-image="{{ $list->image }}" data-toggle="modal" data-target="#password_modal">
                        <a class="portfolio-circle-cart" href="javascript:;">
                            <i class="fa fa-eye"></i>
                        </a>
                        <div class="cat-name">{{ $list->name }}</div>
                        <div class="cbp-caption-defaultWrap">
                            <div class="item"> <a href="javascript:;"><img src="{{ $list->image }}" alt=""></a></div> 
                        </div>
                        
                        <div class="col-12 cat-title">
                            <button type="button" class="btn border">
                                <a href="javascript:;">
                                    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-->
<div class="banner-section parallax-slide" style="background-image:url('{{$placeholders['WL2']->image}}');>
    <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> --}}
                    <h1>{{ $placeholders['WL2']->title ?? '' }}</h1>
                    <p>{{ $placeholders['WL2']->description ?? '' }}</p>
                    {{-- <button type="button" class="btn black-btn-with-border">SHOP NOW</button> --}}
                </div>
            </div>
        </div>
    </div>
</div>
<!--END BANNER SECTION-->
<!--START LATEST ARRIVALS-->
<div class="lastest_arrivals">
    <div class="container">
        <div class="row">
            <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))
                    @foreach($placeholders['WL3']->placeholders[0]->products as $f_product)
                    <div class="lastest_arrival_items item">
                        <div class="card">
                            @if(!empty($f_product->discount_label))
                            <div class="offer-box">{{ $f_product->discount_label }}</div>
                            @endif
                            {{--<span class="product-type">NEW</span>--}}
                            <div class="image-holder">
                                <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) }} <span>
                                        @if(!empty($f_product->discount_label))
                                            <del>{{ $currency_code }} {{ number_format($f_product->price,2) }}</del>
                                        @endif
                                        </span></p>
                                    </div>

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