@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="{{ url('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>


                        <div class="sort-by-product-area">
                            <div class="sort-by-cover mr-10">
                                <select id="actor-show"  class="form-control filteractordetails" 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="actor-filter-option"  class="form-control filteractordetails" 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="displayfilteractorlist">

                        @foreach($actor_details as $key => $actor_detail)

                            <div class="col-lg-3 col-md-4 col-12 col-sm-6">

                                <div class="product-cart-wrap mb-30">
                                    <div class="product-img-action-wrap">
                                        <div class="product-img product-img-zoom">
                                            <a>
                                                <img class="default-img" src="{{ asset('actor_profile/'.$actor_detail->profile_image) }}">
                                                <img class="hover-img" src="{{ asset('actor_profile/'.$actor_detail->profile_image) }}">
                                            </a>
                                        </div>

                                    </div>
                                    <div class="product-content-wrap">
                                        <div class="row">
                                            <div class="col-md-3">ID:{{ $actor_detail->actor_id }}</div>
                                            <div class="col-md-6"><div class="rating-result" title="30%"><span><span>(0)</span></span></div></div>
                                            <div class="col-md-3"><a aria-label="Add To Favourite" class="action-btn hover-up"><i class="fi-rs-heart" style="top: 2px;position: relative;"></i> (0) </a></div>
                                        </div>
                                        <h2><a >{{ $actor_detail->name }}</a></h2>

                                        <div class="row">
                                            <div class="col-md-8">Asset : {{ \App\Models\AssetDetails::where('userid', $actor_detail->actor_user_id)->count() }}
                                            </div>
                                            <div class="col-md-4 text-right"><i class="fi-rs-heart"></i></div>
                                        </div>


                                    </div>
                                </div>

                            </div>

                        @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">Verification</h5></div>
                            <div class="col-md-12 mt-15">
                                <input class="form-check-input filteractordetails" type="checkbox" name="verificationtype" displaytext="actor Verified" id="exampleVerification1" value="1">
                                <label class="form-check-label" for="exampleVerification1"><span>Actor Verified</span></label>
                                <br>
                                <input class="form-check-input filteractordetails" type="checkbox" name="verificationtype" displaytext="actor Unverified" id="exampleVerification2" value="2">
                                <label class="form-check-label" for="exampleVerification2"><span>Actor Unverified</span></label>

                            </div>
                        </div>

                    </div>

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

                            </div>
                        </div>

                    </div>

                    <div class="sidebar-widget price_range range mb-30">
                        <div class="widget-header position-relative  pb-10">
                            <h5 class="widget-title mb-10">Rate per Hour</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">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>




    <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>

@endsection