@extends('adtTheme::layouts.master')
@section('title',!is_null($category->meta) && !is_null($category->meta->meta_title) ? $category->meta->meta_title : __('frontend/category.category_page_title',['categoryName' => $category->categoryName->category_name ]))
@section('meta_description',!is_null($category->meta) ? $category->meta->meta_description : '')
@section('meta_keywords',!is_null($category->meta) ? $category->meta->meta_keywords : '')
@section('meta')
    <meta property="og:type" content="product.group">
    @if($products->previousPageUrl() != '')
        <link rel="prev" href="{{ $products->previousPageUrl() }}"/>
    @endif
    @if($products->nextPageUrl() !='')
        <link rel="next" href="{{$products->nextPageUrl() }}">
    @endif
    @if(!is_null($category->image))
        <meta property="og:image" content="{{ url('/').$category->image->large }}"/><meta name="twitter:image:src" content="{{ url('/').$category->image->large }}"/>
    @elseif(count($products) > 0 && !is_null($products->first()->featuredImage))
        <meta property="og:image" content="{{ url('/').$products->first()->featuredImage->paths->large }}"/><meta name="twitter:image:src" content="{{ url('/').$products->first()->featuredImage->paths->large }}"/>
    @endif
    @if(!is_null($category->meta) && $category->meta->no_index)
        <meta name="robots" content="noindex">
    @endif
    @if($category->category_image_show && !is_null($category->image))
        <link rel="preload" fetchpriority="high" href="{{ $category->image->large }}" as="image">
    @else
        @if(count($products) > 0) @foreach($products->take(2) as $product) @foreach($product->images->take(1) as $featuredImage) @if(config('generalSettings.webp_status',0)) <link fetchpriority="high" rel="preload" fetchpriority="high" href="{{ $featuredImage->paths->small_webp }}" as="image" type="image/webp"> @else <link fetchpriority="high" rel="preload" fetchpriority="high" href="{{ $featuredImage->paths->small }}" as="image"> @endif @endforeach @endforeach
        @endif
    @endif
@endsection

@section('content')
    @include('frontend.themes.default.layouts.partials.announcement-template',
['position'=>\App\Constants\AnnouncementPositionTypeConstants::CATEGORY_HEADER,'relationId' => $category->category_id])
    <div class="container"><div class="category"><div class="category-breadcrumb"><nav class="breadcrumb"> @foreach($categoryTree as $key =>$item) <span class="breadcrumb__item"> @if($loop->iteration > 1) <i aria-hidden="true" class="icon icon-chevron-right"></i> @endif <a href="{{ route('frontend.'.config('storeSettings.storeCode').'.category',[$item['category_name']['category_slug']]) }}"> {{ $item['category_name']['category_name'] }} </a></span> @endforeach </nav></div> @if($category->category_image_show) <div class="category-heading"><div class="heading"><div class="heading__content"> @if(!is_null($category->categoryName->category_short_desc)) <span class="heading__content-heading__content-top">{{ $category->categoryName->category_short_desc  }}</span> @endif <span class="heading__content-title">{{ $category->categoryName->category_name  }}</span></div><div class="heading__image"> @if(!is_null($category->image)) <div class="heading__image-filter"></div><img draggable="true" src="{{ $category->image->large }}" alt="{{ $category->image->alt_and_title }}"> @endif </div></div></div> @endif <div class="category-type"><div class="category-type-detail"><div class="category-type-detail__title"><h1><strong>{{ $category->categoryName->category_name  }}</strong></h1> @if($category->product_count_show) <span>{{ __('frontend/category.total_product_count',['totalProductCount' => $products->total()]) }}</span> @endif </div><label class="category-type-detail__select"><i class="icon icon-cell-3 category-type-detail__select-icon"></i><select><option disabled="disabled" selected="selected">{{ __('frontend/category.product_view_in_row') }}</option><option value="triple">{{__('frontend/category.triple')}}</option><option value="dual">{{ __('frontend/category.dual') }}</option></select><i class="icon icon-chevron-down category-type-detail__select-open"></i></label></div><div class="category-type-filter"><label class="category-type-filter__select"><span>{{ __('frontend/category.sort_by') }}:</span><select v-model="sortBy"> @foreach(\App\Constants\CategorySortFilterConstant::textArray() as $value => $text) <option value="{{ $value }}">{{ $text }}</option> @endforeach </select><i class="icon icon-chevron-down"></i></label></div><div class="category-type-actions"><button class="category-type-actions__opener"><i class="icon icon-filter"></i><span>{{ __('frontend/category.filters') }}</span></button><label class="category-type-actions__order"><i class="icon icon-filter"></i><select v-model="sortBy"> @foreach(\App\Constants\CategorySortFilterConstant::textArray() as $value => $text) <option value="{{ $value }}">{{ $text }}</option> @endforeach </select><i class="icon icon-chevron-down"></i></label></div></div> @include('frontend.themes.default.templates.categories.partials.featured-products') <div class="row category-content"><div class="col-lg-3"> @include('frontend.themes.default.templates.categories.partials.filter-sidebar') </div><div class="col-lg-9"><div class="category-content__list"><div class="category-filter"><div class="category-filter__list"> @include('frontend.themes.default.templates.categories.partials.desktop-used-filter') </div> @if(request()->has('filters')) <button @click="clearFilters();" type="button" class="category-filter__cleaner"> {{ __('frontend/category.clear_filters') }} </button> @endif </div> @if(count($products) > 0) <div class="category-list" data-load-list> @foreach($products as $product) @if(isset($infinity) && $infinity) @include('frontend.themes.default.component.product-card',['product' => $product,'ajax' => true,'vueKey' =>'category']) @else @include('frontend.themes.default.component.product-card',['product' => $product,'priorityHigh' => $loop->iteration === 1]) @endif @endforeach </div> @else <div class="text-center mb-4">{{ __('frontend/category.product_not_found') }}</div> @endif @if(Config::get('generalSettings.category_page_product_list_type', 'paginate') === 'infinity') @if($products->onLastPage() === false) <div class="page-load-status"><div class="loader-ellips infinite-scroll-request"><span class="loader-ellips__dot"></span><span class="loader-ellips__dot"></span><span class="loader-ellips__dot"></span><span class="loader-ellips__dot"></span></div></div><button href="{{ $products->nextPageUrl() }}" class="btn btn-outline-black pagination__next" data-load-button=""> {{ __('frontend/category.view_more_infinity') }} </button> @endif @else {!! $products->links('adtTheme::layouts.partials.pagination-template') !!} @endif </div></div></div> @if($products->currentPage() == 1) @if(!empty($category->categoryName->category_description)) <div class="seo-text"><div class="seo-text__title">{{ $category->categoryName->category_name }}</div><div class="seo-text__content"><div class="seo-text__content-text" data-toggle-text id="seo-text"> {!! $category->categoryName->category_description !!} </div><button class="seo-text__content-button" data-toggle="#seo-text" data-toggle-status="less"> {{ __('frontend/category.read_more') }} </button></div></div> @endif @endif
        </div>
        @include('frontend.themes.default.layouts.partials.announcement-template',
['position'=>\App\Constants\AnnouncementPositionTypeConstants::CATEGORY_FOOTER,'relationId' => $category->category_id])
    </div>
@endsection
@section('style')
    <link rel="stylesheet" href="{{ Helper::assetPath('styles/pages/category.css?v=1.1') }}"/>
@endsection
@section('js-middle')
    <script>
        window.pageType = "category";
        window.rid = "{{ $category->category_id }}";
    </script>
    @if(Config::get('generalSettings.category_page_product_list_type', 'paginate') === 'infinity')
        <script defer src="{{ Helper::assetPath('scripts/plugin/infinite-scroll.pkgd.js') }}"></script>
    @endif

    <script defer src="{{ Helper::assetPath('page-js/categories/categories.min.js?v=1.91') }}"></script><script>
        document.addEventListener('DOMContentLoaded', function () {
            category.categoryFilters = {!! json_encode($categoryFilters) !!};
            @if(request()->has('sortBy'))
                category.sortBy = '{{ Request::get('sortBy',\App\Constants\CategorySortFilterConstant::ADVANCED_SORTING) }}'
            @else
                category.sortBy = '{{ \App\Constants\CategorySortFilterConstant::ADVANCED_SORTING }}';
            @endif
                window.lang.category = {!! json_encode(__('frontend/js/category')) !!};
        });
    </script>
@endsection
@section('js-end')
    <script defer src="{{ Helper::assetPath('scripts/product.js') }}"></script><script defer src="{{ Helper::assetPath('scripts/slider.js') }}"></script><script defer src="{{ Helper::assetPath('scripts/category.js') }}"></script><script defer src="{{ Helper::assetPath('scripts/elements.js') }}"></script><script defer src="{{ Helper::assetPath('scripts/more.js') }}"></script> @include('frontend.themes.default.integrations.google.ads.product-lists',['products' => $products,'type' => 'Category','pageName' => $category->categoryName->category_name])
    @include('frontend.themes.default.integrations.facebook.categories',['products' => $products,'category' => $category,'categoryTree' => $categoryTree ])
    @include('frontend.themes.default.integrations.schema.category-schema',['products' => $products,'category' => $category,'categoryTree' => $categoryTree ])
@endsection
@include('frontend.themes.default.layouts.partials.static-code')
@section('top-bar-notification')
    @include('frontend.themes.default.layouts.partials.top-bar-notification',[ 'positions' =>[\App\Constants\AnnouncementPositionTypeConstants::CATEGORY_PAGE_TOP],'relationId' => $category->category_id])
@endsection