@extends('layouts.index')
@section('content')

    {{-- Breadcrumb Section --}}
    @php
        $pages = [] ; $page = [] ;
        $page['title'] = __('lang.home') ; $page['route'] = route('home') ; $page['color'] = 'text_3' ;
        $pages[] = $page ;
        if(isset($activePage) && $activePage == 'categories'){

            if(isset($categories_id) && (!isset($selected_category) || $selected_category == '')){
                foreach($categoriesTree as $category){
                    if($categories_id  == $category->categories_id ){
                        $selected_category = $category ;
                        break;
                    }else{
                        foreach($category->subcategories as $subcategory){
                            if($categories_id  == $subcategory->categories_id ){
                                $selected_category = $subcategory ;
                                break;
                            }else{
                                foreach($subcategory->subcategories as $sub){
                                    if($categories_id  == $sub->categories_id ){
                                        $selected_category = $sub ;
                                        break;
                                    }
                                    else{
                                        foreach($sub->subcategories as $subcat){
                                            if($categories_id  == $sub->categories_id ){
                                                $selected_category = $subcat ;
                                                break;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }

                }
            }
            if(isset($selected_category) && $selected_category){
                $slug = $selected_category->categories_id.'-'.make_slug($selected_category->trans[0]->categories_title);
            }else{
                $slug =isset($categories_id) ? $categories_id : '' ;
            }
            $page['title'] = isset($selected_category) && $selected_category ? $selected_category->trans[0]->categories_title : __('lang.categories') ;
            $page['route'] = isset($selected_category) && $selected_category ? categoryRoute($selected_category) : '#' ;
            $page['color'] = 'text_1' ; $page['id'] = 'categories_breadcrumb' ;
            $pages[] = $page ;
        }
        elseif(isset($activePage) && $activePage == 'offers'){
            $page['title'] = __('lang.offers') ; $page['route'] = route('products',['is_offers'=>1]) ; $page['color'] = 'text_1' ;
            $pages[] = $page ;
        }elseif(isset($activePage) && $activePage == 'brands'){
            $page['title'] = __('lang.brands') ; $page['route'] = route('brands') ; $page['color'] = 'text_3' ;
            $pages[] = $page ;
            if(isset($activeBrand)){
                foreach($activeBrand->translations as $brandTrans){
                    if($brandTrans->locale == $locale){
                        $page['title'] = $brandTrans->brands_name; $page['route'] = '#' ; $page['color'] = 'text_1' ;
                        $pages[] = $page ;
                    }
                }
            }
        }else{
            $page['title'] = $account->products_title ; $page['route'] = route('products') ; $page['color'] = 'text_1' ; $page['id'] = 'products_breadcrumb'  ;
            $pages[] = $page ;
        }
         //  if(isset($categories_id) && $categories_id &&  sizeof($data) > 0){
        //      $page['title'] = $data[0]->category->trans[0]->categories_title ; $page['route'] = route('products',['categories_id'=>$data[0]->category->categories_id.'-'.$data[0]->category->trans[0]->categories_title]) ; $page['color'] = 'text_1' ;
        //      $pages[] = $page ;
        //  }
    @endphp
    @include('components.breadcrumb',$pages)

    {{-- @if(isset($data) && is_array($data) && sizeof($data) > 0)
        @include('includes.productsSection',['products'=>$data,'sectionName'=>'products'])
    @endif --}}

    @if($account && $account->accounts_website_theme == 'theme6')
        @include('products.index')
    @else
        <div class="container my-4">
            <div class="row mx-0 px-0 gx-4">
                @include('includes.filter')

                <div class="col-md-{{ env('show_filter',true) ? '9' : '12' }} col-12 pe-md-3 pe-0 ps-0  div-after-filter h-100 {{ $account && $account->accounts_website_theme == 'theme5' ? 'order-1' : 'order-2' }} ">

                    <div class="row g-4 align-items-{{ $account && $account->accounts_website_theme == 'theme5' ? 'start' : 'center' }} justify-content-center mb-2 ">

                        <div class="col-md-8 col-{{ $account && $account->accounts_website_theme == 'theme4' ? '10' : '12' }} m-0 text-start ">
                            @if (isset($activeBrand))
                                {{-- @foreach($activeBrand->translations as $brandTrans)
                                    @if($brandTrans->locale == $locale)
                                        <h1 class="fb-700 text_1 d-inline font-20">{{ $brandTrans->brands_name }} </h1>

                                    @endif
                                @endforeach --}}
                                <img src="{{ $activeBrand->brands_img ? $imagesBaseUrl.'uploads/'.env('accountId').'/brands/original/'.$activeBrand->brands_img : $imagesBaseUrl.'img/no-image.png'}}" alt="{{ $activeBrand->brands_name }}" height="100px" width="auto"  class="object-fit-contain" loading="lazy" style="max-width:100%">
                            @endif
                            @if (isset($selected_category) && $selected_category)
                                <h1 class="fb-700 text_1 d-inline font-20 capitalize">{{ $selected_category->trans[0]->categories_title }} </h1>
                            @endif
                            <h6 class="fb-700 text_1 d-inline font-14 {{ $account && $account->accounts_website_theme == 'theme1' ? 'd-none' : '' }} {{ isset($activeBrand) || (isset($selected_category) && $selected_category) ? 'px-3' : '' }}"> {{ ucwords(__('lang.numberOfProducts')) }} <span class="showingfrom"> {{$pagination->total}}  </span>  </h6>
                        </div>
                        @if($account && $account->accounts_website_theme == 'theme4')
                        <div class="col-2 d-md-none d-inline ">
                            @if( isset($activePage) && in_array($activePage,['products','offers','ourProducts','ourOffers','ourCategories'])  )
                                <span class="input-group-text justify-content-center background_2 " onclick="openfilter() ;">
                                    <i class="fa fa-filter" aria-hidden="true"></i>
                                </span>
                            @endif
                        </div>
                        @endif
                        <!-- <div class="row px-md-0  col-md-4 col-12 align-items-center  "> -->
                            <div class="col-md-4 col-12 text-end m-0 d-md-inline sortBySelectDiv">
                                {!!Form::select('sort_by', ['default'=>__('lang.popularity'),'recently'=>__('lang.recently'), 'highest_price'=>__('lang.highest_price'), 'lowest_price'=>__('lang.lowest_price'), 'highest_rating'=>__('lang.highest_rating'), 'best_selling'=>__('lang.best_selling')], '' , ['class' => "form-select sortBySelect d-block w-100  ","id"=>"sort_by"])!!}
                            </div>
                        <!-- </div> -->

                    </div>
                    </form>
                    <div class=" row products-div-container gx-md-3 gy-md-{{ env('show_filter',true) ? '3' : '1' }}  gx-2 gy-2">
                        @foreach($data as $key => $product)
                            <div class=" col-lg-{{ env('show_filter',true) ? '4' : '2' }} col-md-6 col-sm-6 col-6">
                                @include('includes.productCard',['product'=>$product,'sectionName'=>'products'])
                            </div>
                        @endforeach
                    </div>

                    <div class="row  align-items-center justify-content-center mt-4">
                        <div id="filterOverlay" class="">
                            <div class="cv-spinner">
                                <span class="spinner"></span>
                            </div>
                        </div>
                        <div class="col-md-12 col-12 d-flex justify-content-center"  id="pagination-form">
                            @if( $pagination->last_page > 1)
                                @include('includes.pagination',['pagination'=>$pagination])
                            @endif
                        </div>
                    </div>

                </div>
            </div>
            <div class="row  ">
                <div class="col-md-3"></div>
                <div class="col-md-9 col-12 categories_footer_code mt-2">

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

@endsection