@extends('frontend.include.layout')

@section('content')

    @if(count($home_advertisements_tops) != 0)
        <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($home_advertisements_tops as $key => $home_advertisementdetail)
                            @include('frontend.include.advertisementdesign')
                        @endforeach
                    </div>
                </div>

            </div>
        </section>
    @endif

    @if($asset_categorys)
        <style>
            .categoryimagedesign img {
                display: block;
                border-radius: 50px;
                width: 25px;
                height: 25px;
                top: 20px;
                position: relative;
                left: 20px;
            }
        </style>
        <section class="popular-categories section-padding mt-15">
            <div class="container wow fadeIn animated">
                <div class="carausel-6-columns-cover position-relative">
                    <div class="slider-arrow slider-arrow-2 carausel-6-columns-arrow" id="carausel-6-columns-arrows"></div>
                    <div class="carausel-6-columns" id="carausel-6-columns">
                        @foreach ($asset_categorys as $key => $asset_category)
                            <div class="card-1">
                                <div class="category-node-wrapper" data-reactid="131">
                                    <a href="{{ url('asset') }}?asset_category={{ $asset_category->id }}" class="_3079l qUiHz" data-reactid="132" kameleoonlistener-i0pb="true">
                                        <div class="b6Wz2" data-reactid="133">
                                            <div class="_3BUd8" data-reactid="134">
                                                <div class="categoryimagedesign  _2LPsC" >
                                                                                                            <i class="fa fa-cube"></i>
                                                        

                                                </div>

                                            </div>
                                            <div class="_3dySx" data-reactid="136">
                                                {{ $asset_category->asset_categories_name }}
                                            </div>
                                            <div class="p7mRQ" data-reactid="137">
                                                ( {{ \App\Models\AssetDetails::where('assetdisplay','1')->where('category_id', $asset_category->id)->count() }} )

                                            </div>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </section>
    @endif

    @if($home_recently_viewed_count != 0)
        <section class="product-tabs section-padding wow fadeIn animated">
            <div class="container">
                <h3 class="section-title mb-20">Recently Viewed</h3>

                <div class="row product-grid-4">

                    @foreach($home_recently_vieweds as $key => $home_recently_viewed)

                        @php
                            $asset_detail= \App\Models\AssetDetails::where('id',$home_recently_viewed->asset_id)->first();
                        @endphp

                        @include('frontend.include.assetsingle')

                    @endforeach

                </div>


            </div>
        </section>
    @endif

    <section class="product-tabs section-padding wow fadeIn animated">
        <div class="container">
            <h3 class="section-title mb-20">Popular Assets</h3>

            <div class="tab-header">
                <ul class="nav nav-tabs" id="myTab" role="tablist">
                    <li class="nav-item" role="presentation">
                        <button class="nav-link active" id="nav-tab-on-sale" data-bs-toggle="tab" data-bs-target="#tab-on-sale" type="button" role="tab" aria-controls="tab-on-sale" aria-selected="true">On Sale
                        </button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="nav-tab-top-selling" data-bs-toggle="tab" data-bs-target="#tab-top-selling" type="button" role="tab" aria-controls="tab-top-selling" aria-selected="false">Top Selling</button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="nav-tab-top-new" data-bs-toggle="tab" data-bs-target="#tab-top-new" type="button" role="tab" aria-controls="tab-top-new" aria-selected="false">Top New</button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="nav-tab-top-free" data-bs-toggle="tab" data-bs-target="#tab-top-free" type="button" role="tab" aria-controls="tab-top-free" aria-selected="false">Top Free</button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="nav-tab-verified-asset" data-bs-toggle="tab" data-bs-target="#tab-verified-asset" type="button" role="tab" aria-controls="tab-verified-asset" aria-selected="false">Verified Asset</button>
                    </li>



                </ul>
                <a href="{{ route('asset.index') }}" class="view-more d-none d-md-flex">See More<i class="fi-rs-angle-double-small-right"></i></a>
            </div>

            <div class="tab-content wow fadeIn animated" id="myTabContent">

                <div class="tab-pane fade show active" id="tab-on-sale" role="tabpanel" aria-labelledby="tab-on-sale">
                    <div class="row">
                        @foreach($onsale_assetdetails as $key => $onsale_assetdetail)

                            @php
                                $asset_detail= \App\Models\AssetDetails::where('id',$onsale_assetdetail->asset_id)->first();
                            @endphp

                            @if($key < '15')

                                @include('frontend.include.assetsingle')

                            @endif

                        @endforeach
                    </div>
                </div>

                <div class="tab-pane fade" id="tab-top-selling" role="tabpanel" aria-labelledby="tab-top-selling">
                    <div class="row">
                        @foreach($topselling_assetdetails as $key => $topselling_assetdetail)

                            @php
                                $asset_detail= \App\Models\AssetDetails::where('id',$topselling_assetdetail->asset_id)->first();
                            @endphp

                            @include('frontend.include.assetsingle')

                        @endforeach
                    </div>
                </div>

                <div class="tab-pane fade" id="tab-top-new" role="tabpanel" aria-labelledby="tab-top-new">

                    <div class="row product-grid-4">

                        @php
                            $asset_details_all= \App\Models\AssetDetails::orderByDesc('created_at')->limit('8')->get();
                        @endphp

                        @foreach($asset_details_all as $key => $asset_detail)

                            @include('frontend.include.assetsingle')

                        @endforeach

                    </div>

                </div>

                <div class="tab-pane fade" id="tab-top-free" role="tabpanel" aria-labelledby="tab-top-free">

                    <div class="row product-grid-4">

                        @php
                            $asset_details_all= \App\Models\AssetDetails::where('pricetype','2')->limit('8')->get();
                        @endphp

                        @foreach($asset_details_all as $key => $asset_detail)

                            @include('frontend.include.assetsingle')

                        @endforeach

                    </div>

                </div>

                <div class="tab-pane fade" id="tab-verified-asset" role="tabpanel" aria-labelledby="tab-verified-asset">
                    <div class="row">
                        @php
                            $asset_details_all= \App\Models\AssetDetails::where('verified_id','1')->orderByDesc('created_at')->limit('8')->get();
                        @endphp

                        @foreach($asset_details_all as $key => $asset_detail)

                            @include('frontend.include.assetsingle')

                        @endforeach
                    </div>
                </div>


            </div>
        </div>

    </section>

    @if(count($home_advertisements_centers) != 0)
        <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($home_advertisements_centers as $key => $home_advertisementdetail)
                            @include('frontend.include.advertisementdesign')
                        @endforeach
                    </div>
                </div>

            </div>
        </section>
    @endif

    <section class="product-tabs section-padding wow fadeIn animated">
        <div class="container">

            <div class="row product-grid-4">

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

                    @include('frontend.include.actorsingle')

                @endforeach

            </div>


        </div>
    </section>

    @if(count($home_advertisements_bottoms) != 0)
        <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($home_advertisements_bottoms as $key => $home_advertisementdetail)
                            @include('frontend.include.advertisementdesign')
                        @endforeach
                    </div>

                </div>

            </div>
        </section>
    @endif


    @if(count($home_advertisements_bottoms) != 0)
        <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($home_advertisements_bottoms as $key => $home_advertisementdetail)
                            @include('frontend.include.advertisementdesign')
                        @endforeach
                    </div>

                </div>

            </div>
        </section>
    @endif

@endsection