@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: 45px;
                height: 45px;
                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>
                                    </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
                            $publish_asset_detail= \App\Models\PublishedAssetDetails::where('id',$home_recently_viewed->asset_id)->first();
                        @endphp

                        @include('frontend.include.assetsingle')

                    @endforeach

                </div>


            </div>
        </section>
    @endif

    @if(count($home_advertisements_middleas) != 0)
        <section class="home-slider position-relative">
            <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_middleas 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">
            <h4 class="section-title mb-20">Popular Assets</h4>

            <div class="tab-header papulartabcurrentactivetabget">
                <ul class="nav nav-tabs" id="myTab" role="tablist">
                    <li class="nav-item" role="presentation">
                        <button class="nav-link active" current_id="1" 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" current_id="2" 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" current_id="3" 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" current_id="4" 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" current_id="5" 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  class="clickseeassetfilterdetailsview 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">
                        @if(empty($onsale_assetdetails))
                            @foreach($onsale_assetdetails as $key => $onsale_assetdetail)
                                @php
                                    $publish_asset_detail= \App\Models\PublishedAssetDetails::where('id',$onsale_assetdetail->id)->first();
                                @endphp

                                    @include('frontend.include.assetsingle')

                            @endforeach
                        @endif
                    </div>
                </div>

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

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

                                @include('frontend.include.assetsingle')

                            @endforeach
                        @endif
                    </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
                            $publish_asset_details= \App\Models\PublishedAssetDetails::orderByDesc('created_at')->limit('8')->get();
                        @endphp

                        @foreach($publish_asset_details as $key => $publish_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
                            $publish_asset_details= \App\Models\PublishedAssetDetails::Where('cost', '0.00')->limit('8')->get();
                        @endphp

                        @foreach($publish_asset_details as $key => $publish_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
                            $publish_asset_details= \App\Models\PublishedAssetDetails::where('verified_id','1')->limit('8')->get();
                        @endphp

                        @foreach($publish_asset_details as $key => $publish_asset_detail)

                            @include('frontend.include.assetsingle')

                        @endforeach
                    </div>
                </div>


            </div>
        </div>

    </section>




@endsection
@section('script')
    @include('frontend.include.asset-js')

    <script>
        $(document).on("click",".clickseeassetfilterdetailsview ",function() {
           var current_active_tab=$(".papulartabcurrentactivetabget ul li button.active").attr("current_id");
            window.location.href = "{{ url('asset') }}?popularasset="+current_active_tab;
        });
    </script>

@endsection