@extends('web.layout.default')
@section('page_title')
    | {{ trans('labels.view_all') }}
@endsection
@section('content')
    @if (isset($_GET['type']) && $_GET['type'] != '')
        <div class="breadcrumb-sec">
            <div class="container">
                <div class="breadcrumb-sec-content">
                    @php
                        $type = $_GET['type'];
                        if ($_GET['type'] == 'topitems') {
                            $title = trans('labels.popular_products');
                        } elseif ($_GET['type'] == 'todayspecial') {
                            $title = trans('labels.daily_best_products');
                        } elseif ($_GET['type'] == 'recommended') {
                            $title = trans('labels.recently_added');
                        } elseif ($_GET['type'] == 'topdeals') {
                            $title = trans('labels.top_deal');
                        } else {
                            $title = '';
                        }
                    @endphp
                    <nav class="text-dark d-flex breadcrumb-divider" aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li
                                class="breadcrumb-item {{ session()->get('direction') == '2' ? 'breadcrumb-item-rtl ps-0' : '' }}">
                                <a class="fw-bold text-dark" href="{{ URL::to('/') }}">{{ trans('labels.home') }}</a>
                            </li>
                            <li
                                class="breadcrumb-item {{ session()->get('direction') == '2' ? 'breadcrumb-item-rtl ps-0' : '' }} text-primary fw-bold active">
                                {{ $title }}
                            </li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
        <section class="my-5">
            <div class="container">
                <h3 class="fw-bold fs-2 mb-4 truncate-2 color-changer">{{ $title }}</h3>
                {{-- <div class="menu-section menu-section-header rounded-3">
                    <div class="d-md-flex align-items-center justify-content-md-between justify-content-center p-2">
                        <div class="col-auto d-flex justify-content-center my-2">
                            <h5 class="mb-0 text-capitalize mx-2">Product filter</h5>
                        </div>
                        <div class="sub-cat-tab food-type w-100  d-flex justify-content-md-end justify-content-center">
                            <nav class="nav nav-pills justify-content-center veg align-items-baseline">
                                <a class="nav-link px-3 mx-2 @if (isset($_GET['filter']) && $_GET['filter'] == 'veg') active-cat @else border @endif"
                                    @if (isset($_GET['filter']) && $_GET['filter'] == 'veg') href="{{ URL::to('/view-all?type=' . @$type) }}" @else href="{{ URL::to('/view-all?type=' . @$type . '&filter=veg') }}" @endif>
                                    <img src="{{ helper::image_path('veg.svg') }}"
                                        class="{{ session()->get('direction') == '2' ? 'ps-1' : 'pe-1' }}"
                                        alt="">{{ trans('labels.veg') }} </a>
                                <a class="nav-link px-3 mx-2 @if (isset($_GET['filter']) && $_GET['filter'] == 'nonveg') active-cat @else border @endif"
                                    @if (isset($_GET['filter']) && $_GET['filter'] == 'nonveg') href="{{ URL::to('/view-all?type=' . @$type) }}" @else href="{{ URL::to('/view-all?type=' . @$type . '&filter=nonveg') }}" @endif>
                                    <img src="{{ helper::image_path('nonveg.svg') }}"
                                        class="{{ session()->get('direction') == '2' ? 'ps-1' : 'pe-1' }}"
                                        alt="">{{ trans('labels.nonveg') }} </a>
                            </nav>
                        </div>
                    </div>
                </div> --}}
            </div>
        </section>
    @endif
    <section class="my-5">
        <div class="container">
            @if (request()->get('type') == 'topdeals')
                <div id="topdeals">
                    <div class="countdown p-3 rounded-3 gap-2 mt-4" id="countdown" class="mb-4"></div>
                </div>
            @endif
            <div class="my-4">
                <div class="d-flex bg-secondary-rgb p-3 gap-2 rounded-3 justify-content-between align-items-center">
                    <span class="fs-15 fw-600 color-changer">
                        {{ trans('labels.showing') }}
                        {{ $getsearchitems->firstItem() ? $getsearchitems->firstItem() : 0 }}–{{ $getsearchitems->lastItem() ? $getsearchitems->lastItem() : 0 }}
                        {{ trans('labels.of') }}
                        {{ $getsearchitems->total() }} {{ trans('labels.result') }}
                    </span>
                    <ul class="d-flex flex-nowrap justify-content-end gap-2 nav nav-pills nav-pills-dark"
                        id="tour-pills-tab" role="tablist">
                        <!-- Tab item -->
                        <li class="nav-item">
                            <div class="dropdown lag-btn">
                                <a class="view-list-grid cursor-pointer rounded text-dark color-changer" href="#"
                                    role="button" data-bs-toggle="dropdown" aria-expanded="false" tooltip="Filter View">
                                    <i class="fa-solid fa-filter"></i>
                                </a>
                                <ul class="dropdown-menu shadow bg-body-secondary border-0 p-0 mt-2">
                                    <li>
                                        <a class="dropdown-item text-dark d-flex gap-2 align-items-center p-2 @if (isset($_GET['filter']) && $_GET['filter'] == 'veg') active-cat @else @endif"
                                            @if (isset($_GET['filter']) && $_GET['filter'] == 'veg') href="{{ URL::to('/view-all?type=' . @$type) }}" @else href="{{ URL::to('/view-all?type=' . @$type . '&filter=veg') }}" @endif>
                                            <img src="{{ helper::image_path('veg.svg') }}" alt="">
                                            {{ trans('labels.veg') }}
                                        </a>
                                    </li>
                                    <li>
                                        <a class="dropdown-item text-dark d-flex gap-2 align-items-center p-2 @if (isset($_GET['filter']) && $_GET['filter'] == 'nonveg') active-cat @else @endif"
                                            @if (isset($_GET['filter']) && $_GET['filter'] == 'nonveg') href="{{ URL::to('/view-all?type=' . @$type) }}" @else href="{{ URL::to('/view-all?type=' . @$type . '&filter=nonveg') }}" @endif>
                                            <img src="{{ helper::image_path('nonveg.svg') }}" alt="">
                                            {{ trans('labels.nonveg') }}
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link view-list-grid cursor-pointer text-dark color-changer service-active"
                                id="column" tooltip="Grid view">
                                <i class="fa-solid fa-grid-2"></i>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link view-list-grid cursor-pointer text-dark color-changer" id="grid"
                                tooltip="List view">
                                <i class="fa-solid fa-list-ul"></i>
                            </a>
                        </li>
                        <!-- Tab item -->
                    </ul>
                </div>
            </div>
            <div class="row">
                <div class="menu my-0">
                    @if (count($getsearchitems) > 0)
                        <div class="listing-view">
                            <div class="row row-cols-xl-5 row-cols-lg-4 row-cols-md-3 row-cols-2 g-sm-3 g-2">
                                @if (helper::appdata()->product_card_view == 1)
                                    @foreach ($getsearchitems as $itemdata)
                                        @include('web.product_card.grid_view.product_view_1')
                                    @endforeach
                                @elseif (helper::appdata()->product_card_view == 2)
                                    @foreach ($getsearchitems as $itemdata)
                                        @include('web.product_card.grid_view.product_view_2')
                                    @endforeach
                                @elseif (helper::appdata()->product_card_view == 3)
                                    @foreach ($getsearchitems as $itemdata)
                                        @include('web.product_card.grid_view.product_view_3')
                                    @endforeach
                                @elseif (helper::appdata()->product_card_view == 4)
                                    @foreach ($getsearchitems as $itemdata)
                                        @include('web.product_card.grid_view.product_view_4')
                                    @endforeach
                                @elseif (helper::appdata()->product_card_view == 5)
                                    @foreach ($getsearchitems as $itemdata)
                                        @include('web.product_card.grid_view.product_view_5')
                                    @endforeach
                                @elseif (helper::appdata()->product_card_view == 6)
                                    @foreach ($getsearchitems as $itemdata)
                                        @include('web.product_card.grid_view.product_view_6')
                                    @endforeach
                                @elseif (helper::appdata()->product_card_view == 7)
                                    @foreach ($getsearchitems as $itemdata)
                                        @include('web.product_card.grid_view.product_view_7')
                                    @endforeach
                                @elseif (helper::appdata()->product_card_view == 8)
                                    @foreach ($getsearchitems as $itemdata)
                                        @include('web.product_card.grid_view.product_view_8')
                                    @endforeach
                                @endif
                            </div>
                        </div>
                        <div id="column-view" class="d-none">
                            <div class="row row-cols-xl-3 row-cols-lg-2 row-cols-md-2 row-cols-1 g-sm-3 g-2">
                                @if (helper::appdata()->product_card_view == 1)
                                    @foreach ($getsearchitems as $itemdata)
                                        @include('web.product_card.list_view.listview_product_1')
                                    @endforeach
                                @elseif (helper::appdata()->product_card_view == 2)
                                    @foreach ($getsearchitems as $itemdata)
                                        @include('web.product_card.list_view.listview_product_2')
                                    @endforeach
                                @elseif (helper::appdata()->product_card_view == 3)
                                    @foreach ($getsearchitems as $itemdata)
                                        @include('web.product_card.list_view.listview_product_3')
                                    @endforeach
                                @elseif (helper::appdata()->product_card_view == 4)
                                    @foreach ($getsearchitems as $itemdata)
                                        @include('web.product_card.list_view.listview_product_4')
                                    @endforeach
                                @elseif (helper::appdata()->product_card_view == 5)
                                    @foreach ($getsearchitems as $itemdata)
                                        @include('web.product_card.list_view.listview_product_5')
                                    @endforeach
                                @elseif (helper::appdata()->product_card_view == 6)
                                    @foreach ($getsearchitems as $itemdata)
                                        @include('web.product_card.list_view.listview_product_6')
                                    @endforeach
                                @elseif (helper::appdata()->product_card_view == 7)
                                    @foreach ($getsearchitems as $itemdata)
                                        @include('web.product_card.list_view.listview_product_7')
                                    @endforeach
                                @elseif (helper::appdata()->product_card_view == 8)
                                    @foreach ($getsearchitems as $itemdata)
                                        @include('web.product_card.list_view.listview_product_8')
                                    @endforeach
                                @endif
                            </div>
                        </div>
                        <div class="mt-5 d-flex justify-content-center">
                            {{ $getsearchitems->appends(request()->query())->links() }}
                        </div>
                    @else
                        @include('web.nodata')
                    @endif
                </div>
            </div>
        </div>
    </section>
@endsection
@section('scripts')
    <script>
        // top deals parameter
        var start_date = "{{ @$topdeals->start_date }}";
        var start_time = "{{ @$topdeals->start_time }}";
        var end_date = "{{ @$topdeals->end_date }}";
        var end_time = "{{ @$topdeals->end_time }}";
        var topdeals = "{{ !empty($getsearchitems) ? 1 : 0 }}";
        var time_zone = "{{ helper::appdata()->timezone }}";
        var current_date = "{{ \Carbon\Carbon::now()->toDateString() }}";
        var deal_type = "{{ @$topdeals->deal_type }}";
    </script>
    <script src="{{ url(env('ASSETSPATHURL') . 'web-assets/js/custom/top_deals.js') }}"></script>
@endsection