@extends('frontend.include.layout')

@section('content')


    @if($advertisements)
        <section class="home-slider position-relative mb-30">
            <div class="container">

                <div class="home-slide-cover bg-grey-10 mt-30">
                    <div class="hero-slider-1 style-4 dot-style-1 dot-style-1-position-1">
                        @foreach($advertisements as $key => $advertisement)
                            <a href="{{ $advertisement->advertisement_link }}">
                                <div class="row align-items-center slider-animated-1">
                                    <div class="col-lg-12 col-md-12">
                                        <div class="uHoL5 _3kbP3 _32RN3 _3C9KC cv-23-0__module cv__size_large">
                                            <div class="J0Izj _2E-W8 _3IVDU _1g7Aa _2gOgE _2cqRT wnn-Y hidemobiledisplaynone" data-reactid="105">
                                                <div data-reactid="106" id="style-yXxIv" class="style-yXxIv home_advertisement_section1">

                                                    <div class="single-hero-slider single-animation-wrap">
                                                        <div class="container">


                                                            <div class="single-slider-img single-slider-img-1">
                                                                <img class="animated" src="{{ asset('advertisement_file/'.$advertisement->advertisement_file) }}" alt="">
                                                            </div>


                                                        </div>
                                                    </div>

                                                </div>
                                            </div>
                                            <div class="_3MNEc _3ZV2G m3_2T _9EVz3 _2cqRT wnn-Y style-mbF1I hidemobiledisplaynone" data-reactid="107" id="style-mbF1I">
                                                <div class="_29HyR cv__strapline" data-reactid="108">
                                                    {{ $advertisement->advertisement_heading1 }}
                                                </div>
                                                <h3 class="_2fzrd cv__headline" data-reactid="109">
                                                    {{ $advertisement->advertisement_name }}
                                                </h3>
                                                <div class="_31ezO" data-reactid="110">
                                                    <div class="zrVy2" data-reactid="111">
                                                        <p class="cv__body">
                                                            {{ $advertisement->advertisement_heading2 }}
                                                        </p>
                                                    </div>
                                                </div>
                                                <div class="Ce3cA" data-reactid="112">
                                                    <button label="Shop sale" class="_3UE3J _3zD70 auto B71C3 cv__cta" data-reactid="113">
                                                        <div class="_2V-G7 style-3khK6" data-reactid="114" id="style-3khK6">
                                                            Shop Sale
                                                        </div>
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="uHoL5 _2w9sH _32RN3 _3C9KC" data-reactid="115">
                                            <div class="J0Izj" data-reactid="116">
                                                <div data-reactid="117" id="style-121tN" class="style-121tN">
                                                </div>
                                            </div>
                                            <div class="_3MNEc style-lWo2t" data-reactid="118" id="style-lWo2t">
                                                <div class="_29HyR" data-reactid="119">
                                                    {{ $advertisement->advertisement_heading1}}
                                                </div>
                                                <h3 class="_2fzrd" data-reactid="120">
                                                    {{ $advertisement->advertisement_name }}
                                                </h3>
                                                <div class="_31ezO" data-reactid="121">
                                                    <div class="zrVy2" data-reactid="122">
                                                        <p>
                                                            {{ $advertisement->advertisement_heading2 }}
                                                        </p>
                                                    </div>
                                                </div>
                                                <div class="Ce3cA" data-reactid="123">
                                                    <button label="Shop sale" class="_3UE3J _3zD70 auto B71C3" data-reactid="124">
                                                        <div class="_2V-G7 style-L6o2Z" data-reactid="125" id="style-L6o2Z">
                                                            Shop sale
                                                        </div>
                                                    </button>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </a>
                        @endforeach
                    </div>
                    {{--                    <div class="slider-arrow hero-slider-1-arrow"></div>--}}
                </div>

            </div>
        </section>
    @endif


    <section class="mt-50 mb-50">
        <div class="container">
            <div class="row">
                <div class="col-lg-9">
                    <div class="shop-product-fillter">
                        <div class="totall-product">



                        </div>
                        <style>
                            .button-keywords {
                                font-size: 14px;
                                font-weight: 700;
                                padding: 0px 8px;
                                border-radius: 4px;
                                color: #000;
                                border: 1px solid #000000;
                                background-color: #ffffff;
                            }
                        </style>

                        <div class="sort-by-product-area">
                            <div class="sort-by-cover mr-10">
                                <select id="asset-show"  class="form-control filterassetdetails" style="width: 100% ! important;">
                                    <option value="24" selected>24</option>
                                    <option value="48">48</option>
                                    <option value="72">72</option>
                                    <option value="96">96</option>
                                </select>
                            </div>
                            <div class="sort-by-cover">
                                <select id="asset-filter-option"  class="form-control filterassetdetails" style="width: 100% ! important;">
                                    <option value=" ">Select Option</option>
                                    <option value="1">Price Low to High</option>
                                    <option value="2">Price High to Low</option>
                                </select>
                            </div>
                        </div>

                    </div>


                    <div class="row product-grid-4" id="displayfilterassetlist">
                        @foreach($asset_details as $key => $asset_detail)
                          @include('frontend.include.assetsingle')
                        @endforeach

                    </div>


                    <!--pagination-->
                    <div class="pagination-area mt-15 mb-sm-5 mb-lg-0">
                        <nav aria-label="Page navigation example">
                            <ul class="pagination justify-content-start">
                                <li class="page-item active"><a class="page-link" >01</a></li>
                            </ul>
                        </nav>
                    </div>
                </div>
                <div class="col-lg-3 primary-sidebar sticky-sidebar">

                    <div class="row">
                        <div class="col-lg-12 col-mg-6"></div>
                        <div class="col-lg-12 col-mg-6"></div>
                    </div>

                    <div class="widget-category">
                        <div class="row">
                            <div class="col-md-6"><h5 class="section-title style-1 wow fadeIn animated">Refine By</h5></div>
                            <div class="col-md-6"><a><h5 class="section-title style-1  wow fadeIn animated">Clear filters</h5></div>
                        </div>

                    </div>

                    <div class="widget-category">
                        <div class="row">
                            <div class="col-md-12"><h5 class="section-title style-1 wow fadeIn animated">Sales</h5></div>
                            <div class="col-md-12 mt-15">
                                <input class="form-check-input filterassetdetails" type="checkbox" name="salestype" displaytext="On Sale" id="exampleCheckbox1" value="1">
                                <label class="form-check-label" for="exampleCheckbox1"><span>On Sale</span></label>
                                <br>
                                <input class="form-check-input filterassetdetails" type="checkbox" name="salestype" displaytext="Top Selling" id="exampleCheckbox2" value="2">
                                <label class="form-check-label" for="exampleCheckbox2"><span>Top Selling</span></label>
                                <br>
                                <input class="form-check-input filterassetdetails" type="checkbox" name="salestype" displaytext="Top New" id="exampleCheckbox3" value="3">
                                <label class="form-check-label" for="exampleCheckbox3"><span>Top New</span></label>
                                <br>
                                <input class="form-check-input filterassetdetails" type="checkbox" name="salestype" displaytext="Top Free" id="exampleCheckbox4" value="4">
                                <label class="form-check-label" for="exampleCheckbox4"><span>Top Free</span></label>
                                <br>
                            </div>
                        </div>

                    </div>

                    <div class="widget-category">
                            <div class="row">
                                <div class="col-md-12"><h5 class="section-title style-1 wow fadeIn animated">Verification</h5></div>
                                <div class="col-md-12 mt-15">
                                    <input class="form-check-input filterassetdetails" type="checkbox" name="verificationtype" displaytext="Asset Verified" id="exampleVerification1" value="1">
                                    <label class="form-check-label" for="exampleVerification1"><span>Asset Verified</span></label>
                                    <br>
                                    <input class="form-check-input filterassetdetails" type="checkbox" name="verificationtype" displaytext="Asset Unverified" id="exampleVerification2" value="2">
                                    <label class="form-check-label" for="exampleVerification2"><span>Asset Unverified</span></label>

                                </div>
                            </div>

                        </div>

                    <div class="widget-category">
                        <h5 class="section-title style-1 mb-30 wow fadeIn animated">Category</h5>
                        @if (count($asset_categorys) > 0)
                            @foreach ($asset_categorys as $key => $asset_category)

                                @php
                                    $asset_detail_count= \App\Models\AssetDetails::where('category_id',$asset_category->id)->count();
                                   if(isset($_GET['asset_category']) && $_GET['asset_category'] != '' && $_GET['asset_category'] == $asset_category->id)
                                   {
                                    @endphp
                                      <input class="form-check-input filterassetdetails" type="checkbox" keys="{{ $key }}" name="asset_category" displaytext="{{ $asset_category->asset_categories_name }}" id="examplecategory{{ $key }}" value="{{ $asset_category->id }}" checked>
                                    @php

                                    }
                                    else
                                        {
                                    @endphp
                                    <input class="form-check-input filterassetdetails" type="checkbox" keys="{{ $key }}" name="asset_category" displaytext="{{ $asset_category->asset_categories_name }}" id="examplecategory{{ $key }}" value="{{ $asset_category->id }}">
                                    @php
                                    }
                                @endphp


                                <label class="form-check-label" for="examplecategory{{ $key }}"><span>{{ $asset_category->asset_categories_name }} ({{ $asset_detail_count }})</span></label>
                                <br>
                            @endforeach
                        @endif
                    </div>

                    <div class="widget-category">
                        <h5 class="section-title style-1 mb-30 wow fadeIn animated">Class</h5>
                        @php
                            $asset_classs = \App\Models\ClassDetails::orderByDesc('created_at')->get();
                        @endphp
                        @if (count($asset_classs) > 0)
                            @foreach ($asset_classs as $key => $asset_class)
                                <input class="form-check-input filterassetdetails" type="checkbox" displaytext="{{ $asset_class->classname }}" name="asset_classid" id="exampleCheckbox{{ $key }}" value="{{ $asset_class->id }}">
                                <label class="form-check-label" for="exampleCheckbox{{ $key }}"><span>{{ $asset_class->classname }}</span></label>
                                <br>
                            @endforeach
                        @endif
                    </div>

                    <div class="widget-category">
                        <h5 class="section-title style-1 mb-30 wow fadeIn animated">Type</h5>
                        @php
                            $asset_types = \App\Models\TypeDetails::orderByDesc('created_at')->get();
                        @endphp
                        @if (count($asset_types) > 0)
                            @foreach ($asset_types as $key => $asset_type)
                                <input class="form-check-input filterassetdetails" type="checkbox" name="asset_typeid" id="exampleCheckbox{{ $key }}" value="{{ $asset_type->id }}">
                                <label class="form-check-label" for="exampleCheckbox{{ $key }}"><span>{{ $asset_type->typename }}</span></label>
                                <br>
                            @endforeach
                        @endif
                    </div>

                    <div class="widget-category">
                        <h5 class="section-title style-1 mb-30 wow fadeIn animated">LOD</h5>
                        @php
                            $asset_lods= \App\Models\LevelofDevelopment::orderByDesc('created_at')->get();
                        @endphp
                        @if (count($asset_lods) > 0)
                            @foreach ($asset_lods as $key => $asset_lod)
                                <input class="form-check-input filterassetdetails" type="checkbox" name="asset_entitysid" id="exampleCheckbox{{ $key }}" value="{{ $asset_lod->id }}">
                                <label class="form-check-label" for="exampleCheckbox{{ $key }}"><span>{{ $asset_lod->levelofdevelopmentsname }}</span></label>
                                <br>
                            @endforeach
                        @endif
                    </div>

                    <!-- Fillter By Price -->
                    <div class="sidebar-widget price_range range mb-30">
                        <div class="widget-header position-relative  pb-10">
                            <h5 class="widget-title mb-10">Pricing</h5>
                            <div class="bt-1 border-color-1"></div>
                        </div>
                        <div class="price-filter">
                            <div class="price-filter-inner">
                                <div id="slider-range"></div>
                                <div class="price_slider_amount">
                                    <div class="label-input">
                                        <input type="hidden" id="asset_range_min_val" value="-1">
                                        <input type="hidden" id="asset_range_max_val" value="900">
                                        <span>Range:</span><input type="text" class="filterassetdetails" id="amount" name="price" placeholder="Add Your Price" />
                                        <br>
                                        <br>
                                        <button type="button" class="button button-keywords filterassetdetails1">Filter</button>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>

{{--                    <div class="widget-category mb-30">--}}
{{--                        <h5 class="section-title style-1 mb-30 wow fadeIn animated">Actor</h5>--}}

{{--                        <select id="actor-selection" name="actor_id" class="form-control filterassetdetails" style="width: 100% ! important;">--}}
{{--                            <option value="">Select Actor</option>--}}
{{--                            @foreach($actor_details as $actor_detail)--}}
{{--                                <option value="{{ $actor_detail->id }}">{{ $actor_detail->name }}</option>--}}
{{--                            @endforeach--}}
{{--                        </select>--}}

{{--                    </div>--}}

                    <div class="widget-category mb-30">
                        <h5 class="section-title style-1 mb-30 wow fadeIn animated">Ratings</h5>

                        <div class="stars">
                            <i class="fa-solid fa-star filterassetdetails"></i>
                            <i class="fa-solid fa-star filterassetdetails"></i>
                            <i class="fa-solid fa-star filterassetdetails"></i>
                            <i class="fa-solid fa-star filterassetdetails"></i>
                            <i class="fa-solid fa-star filterassetdetails"></i>
                        </div>
                        <br>
{{--                        <button type="submit" class="btn btn-primary btn-lg btn-block clickremovestarrating">Filter</button>--}}

                    </div>


                    <!-- Product sidebar Widget -->
                </div>
            </div>
        </div>
    </section>




@endsection