@php
$round="";
@endphp
@if($page == 'subcategories' )
@php
$round='round';
$center="text-center";
$row='col-lg-12';
@endphp
@if($sidebar == 1)
@php
$center="";
$row='row';
@endphp
@endif

<div class="{{$row}} sort-heading" id=plp-sort-heading>
    @if($sidebar == 1 )
        <div class=" col-12  col-lg-6 col-xl-7 col-sm-5 artwork-heading">
            @endif
            <div class="{{$center}}">
                <h2>{{ $heading }}</h2>

                @if($sidebar != 1)
                <div class="small-border bg-color-2"></div>
                @endif
            </div>
        </div>
    @if($sidebar == 1 )
        <div class="col-lg-6 col-xl-5 col-12 col-sm-7 mt-2 plp-sort-container">

    @endif
    

    @if($sidebar == 1 )

        </div>
      </div>
    @endif
@endif
@if($page != 'subcategories' )
<section aria-label="section" id="categories_home" class="section_mt">
    @endif

    <div class="featured-categories">
        <div id="ajaxcontent" class="container">
            <div class="row">
                <div class="featured-categories__cards d-flex flex-row flex-wrap overflow-hidden px-1">
                    @isset($allsubcategories)


                        @foreach ($allsubcategories as $subcategory)

                            @if(!$subcategory->simpleproducts->isEmpty())

                                <div class="featured-categories__card col-lg-3 col-sm-6 col-12">

                                    @php

                                        $collection_name = App\Category::where('id',$catId)->first()->title; 
                                        $cat_slug = str_slug($collection_name, '-', app()->getLocale());
                                        $subcat_slug = str_slug($subcategory->title, '-', app()->getLocale());      
                                    @endphp
                                    <a class="ga" href="{{ route('show.subcategory',['category' => $cat_slug ,'subcategory' => $subcat_slug , 'id' => $subcategory->id]) }}"  data-ga-c="new_artist" data-ga-l="33711">
                                
                                        <div class="category-card">
                                            <div class="category-card_img">
                                                <picture>
                                                    @if($subcategory->image != '')
                                                        @if(file_exists(public_path().'/images/subcategory/'.$subcategory->image))

                                                            <img src="{{ url('images/subcategory/' . $subcategory->image) }}" class="section-bg__background" alt="">
                                                        @else
                                                            <img src="{{ url($subcategory->image)}}" class="section-bg__background" alt="">
                                                       
                                                        @endif
                                                     @else
                                                        <img src="https://artiner-prod.s3.ap-south-1.amazonaws.com/images/no-image.webp" class="mb20" alt="No Image">
                                                     @endif
                                                </picture>
                                            </div>
                                            <div class="category-title">
                                                 <h3 class="category-card__title">{{ $subcategory->title }}</h3>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            @endif
                   
                         @endforeach

                    @endisset
                </div>
               
            </div>
            @if(($paginate == 1))
            <div class="mx-auto width200px pagination-container">
                {{ $allsubcategories->links() }}
            </div>
            @endif

        </div>
    </div>
</section>



<script>
    $(document).ready(function() {
        $(document).on('click', '.pagination a', function(event) {
            event.preventDefault();

            var sortby = $('#sortBy option:selected').val();
            //   var current_page = $(".pagination").find('.active').text();           
            var page = $(this).attr('href').split('page=')[1];
            catFilter(sortby, page);
        });

        $('#sortBy').change(function() {
            var current_page = 1;
            var sortby = $('#sortBy option:selected').val();
            catFilter(sortby, current_page);
        });
    });

</script>