@extends('layouts.front-layout')
@section('title') All Category @endsection
@section('content')
    <section class="product-banner">
        <img src="{{ pagesSingleImage('Product', 'top_banner_image') }}" class="w-100" alt="img">
        <div class="overlay">
            <div class="container">
                <h2><a href="{{route('our.product')}}"><i class="fal fa-long-arrow-left"></i></a>All Category</h2>
            </div>
        </div>
    </section>

    <section class="product-main product_data">
        <div class="container">
            <div class="row">
                <div class="col-md-9">
                    <div class="bredcum-flex">
                        <div class="breadcumb">
                            <ul>
                                <li><a href="#">Home</a></li>
                                <li><span class="clr">/</span></li>
                                <li><span>Shop</span></li>
                            </ul>
                        </div>
                        <div class="pagination">
                            <ul>
                                <li>
                                    @if($get_categories->count() > 0)
                                        <label>Show Pages:</label>
                                        @php
                                            $totalPages = $get_categories->lastPage();
                                            $currentPage = $get_categories->currentPage();
                                            $maxPagesToShow = 10;
                                            $additionalPagesToShow = 10;

                                            $startPage = max(1, $currentPage - 2);
                                            $endPage = min($totalPages, $currentPage + $additionalPagesToShow);
                                        @endphp

                                        @if($startPage > 1)
                                            <a href="{{ $get_categories->url(1) }}">1</a>
                                            @if($startPage > 2)
                                                <span>...</span>
                                            @endif
                                        @endif

                                        @for($page = $startPage; $page <= $endPage; $page++)
                                            <a href="{{ $get_categories->url($page)}}"
                                               class="{{ $currentPage == $page ? 'active' : '' }}">
                                                {{ $page }}
                                            </a>
                                        @endfor

                                        @if($endPage < $totalPages)
                                            @if($endPage < $totalPages - 1)
                                                <span>...</span>
                                            @endif
                                            <a href="{{ $get_categories->url($totalPages) }}">{{ $totalPages }}</a>
                                        @endif
                                    @endif

                                </li>

                                <li>
                                    <a href="#"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="19px" height="19px" viewBox="0 0 19 19" enable-background="new 0 0 19 19" xml:space="preserve">
                                            <path d="M7,2v5H2V2H7 M9,0H0v9h9V0L9,0z"></path>
                                            <path d="M17,2v5h-5V2H17 M19,0h-9v9h9V0L19,0z"></path>
                                            <path d="M7,12v5H2v-5H7 M9,10H0v9h9V10L9,10z"></path>
                                            <path d="M17,12v5h-5v-5H17 M19,10h-9v9h9V10L19,10z"></path>
                                        </svg></a>
                                    <a href="#"><svg version="1.1" id="Layer_1" class="active" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="19px" height="19px" viewBox="0 0 19 19" enable-background="new 0 0 19 19" xml:space="preserve">
                                            <rect width="5" height="5"></rect>
                                            <rect x="7" width="5" height="5"></rect>
                                            <rect x="14" width="5" height="5"></rect>
                                            <rect y="7" width="5" height="5"></rect>
                                            <rect x="7" y="7" width="5" height="5"></rect>
                                            <rect x="14" y="7" width="5" height="5"></rect>
                                            <rect y="14" width="5" height="5"></rect>
                                            <rect x="7" y="14" width="5" height="5"></rect>
                                            <rect x="14" y="14" width="5" height="5"></rect>
                                        </svg></a>
                                    <a href="#"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="19px" height="19px" viewBox="0 0 19 19" enable-background="new 0 0 19 19" xml:space="preserve">
                                            <rect width="4" height="4"></rect>
                                            <rect x="5" width="4" height="4"></rect>
                                            <rect x="10" width="4" height="4"></rect>
                                            <rect x="15" width="4" height="4"></rect>
                                            <rect y="5" width="4" height="4"></rect>
                                            <rect x="5" y="5" width="4" height="4"></rect>
                                            <rect x="10" y="5" width="4" height="4"></rect>
                                            <rect x="15" y="5" width="4" height="4"></rect>
                                            <rect y="15" width="4" height="4"></rect>
                                            <rect x="5" y="15" width="4" height="4"></rect>
                                            <rect x="10" y="15" width="4" height="4"></rect>
                                            <rect x="15" y="15" width="4" height="4"></rect>
                                            <rect y="10" width="4" height="4"></rect>
                                            <rect x="5" y="10" width="4" height="4"></rect>
                                            <rect x="10" y="10" width="4" height="4"></rect>
                                            <rect x="15" y="10" width="4" height="4"></rect>
                                        </svg></a>
                                </li>
                                <li>
                                    <select>
                                        <option>Default Sorting</option>
                                    </select>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="row no-gutters">
                        @forelse($get_categories as $category)
                            <div class="col-md-4 product_data">
                                <a href="{{route('category.wise.product',['slug'=>$category->slug ? : ''])}}">
                                    <div class="mostCard propgBox">
                                        <div class="proBox">
                                            <figure>
                                                <img src="{{$category->categoryImage('category_image') ? : ''}}" class="img-fluid" alt="img">
                                                <ul>
                                                    <li><a href="#"><i class="far fa-random"></i></a>
                                                    </li>
                                                </ul>
                                            </figure>
                                            <div class="proContent">
                                                <h2>{{$category->category_name ? : ''}}</h2>
                                                <h3> {!! \Illuminate\Support\Str::limit(strip_tags($category->description), 80, '...') !!}</h3>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>

                        @empty
                            <h3>Category Data Not Available</h3>
                        @endforelse
                    </div>
{{--                    <div class="pagination">--}}
{{--                        @php--}}
{{--                            $sort = request('sort', '');--}}
{{--                            $inStock = request('in_stock') ? 'on' : '';--}}
{{--                            $totalPages = $get_products->lastPage();--}}
{{--                            $currentPage = $get_products->currentPage();--}}
{{--                            $maxPagesToShow = 10;--}}
{{--                            $additionalPagesToShow = 10;--}}

{{--                            $startPage = max(1, $currentPage - 2);--}}
{{--                            $endPage = min($totalPages, $currentPage + $additionalPagesToShow);--}}
{{--                        @endphp--}}

{{--                        <ul>--}}
{{--                            <!-- Previous Button -->--}}
{{--                            <li class="page-item">--}}
{{--                                @if ($get_products->onFirstPage())--}}
{{--                                    <span class="page-link">Previous</span>--}}
{{--                                @else--}}
{{--                                    <a class="page-link" href="{{ $get_products->previousPageUrl() }}&sort={{ $sort }}&in_stock={{ $inStock }}">Previous</a>--}}
{{--                                @endif--}}
{{--                            </li>--}}

{{--                            <!-- Page Numbers -->--}}
{{--                            <li>--}}
{{--                                @if($get_products->count() > 0)--}}
{{--                                    <label>Show Pages:</label>--}}

{{--                                    @if($startPage > 1)--}}
{{--                                        <a href="{{ $get_products->url(1) . '&sort=' . $sort . '&in_stock=' . $inStock }}">1</a>--}}
{{--                                        @if($startPage > 2)--}}
{{--                                            <span>...</span>--}}
{{--                                        @endif--}}
{{--                                    @endif--}}

{{--                                    @for($page = $startPage; $page <= $endPage; $page++)--}}
{{--                                        <a href="{{ $get_products->url($page) . '&sort=' . $sort . '&in_stock=' . $inStock }}"--}}
{{--                                           class="{{ $currentPage == $page ? 'active' : '' }}">--}}
{{--                                            {{ $page }}--}}
{{--                                        </a>--}}
{{--                                    @endfor--}}

{{--                                    @if($endPage < $totalPages)--}}
{{--                                        @if($endPage < $totalPages - 1)--}}
{{--                                            <span>...</span>--}}
{{--                                        @endif--}}
{{--                                        <a href="{{ $get_products->url($totalPages) . '&sort=' . $sort . '&in_stock=' . $inStock }}">{{ $totalPages }}</a>--}}
{{--                                    @endif--}}
{{--                                @endif--}}
{{--                            </li>--}}

{{--                            <!-- Next Button -->--}}
{{--                            <li class="page-item">--}}
{{--                                @if ($get_products->hasMorePages())--}}
{{--                                    <a class="page-link" href="{{ $get_products->nextPageUrl() }}&sort={{ $sort }}&in_stock={{ $inStock }}">Next</a>--}}
{{--                                @else--}}
{{--                                    <span class="page-link">Next</span>--}}
{{--                                @endif--}}
{{--                            </li>--}}
{{--                        </ul>--}}
{{--                    </div>--}}


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

    </section>
@endsection