@extends('frontend.include.layout')

@section('content')


    <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($menufactor_details as $key => $brand_detail)

                            @include('frontend.include.brandsingle')

                        @endforeach

                    </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>Brand 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>Brand Unverified</span></label>

                            </div>
                        </div>

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