@extends('layouts.admin.app')

@section('title', translate('Food_List'))

@push('css_or_js')
    <meta name="csrf-token" content="{{ csrf_token() }}">
@endpush

@section('content')

    <div class="content container-fluid">
        <!-- Page Header -->
        <div class="page-header">
            <div class="d-flex flex-wrap gap-2 justify-content-between align-items-center items-customize">
                <div class="">
                    <h1 class="page-header-title"> {{ translate('messages.food_list') }}<span
                            class="badge badge-soft-dark ml-2" id="foodCount">{{ $foods->total() }}</span></h1>
                </div>
                <div class="d-flex flex-wrap align-items-center gap-lg-3 gap-2">
                    <!-- <div class="col-auto">
                        <a href="{{route('admin.food.stockOutList')}}" class="btn max-sm-12 badge-soft-danger font-medium py-2 fs-12 w-100"> {{translate('messages.Out of Stock Foods')}}</a>
                    </div> -->
                    <!-- <a href="{{ route('admin.food.add-new') }}" type="button" class="btn btn--primary lh-1 d-flex align-items-center gap-1 font-semibold fs-12 h-40 py-1 px-3">
                        <i class="tio-add-circle mb-1"></i><span> {{translate('Add New Food')}}</span>
                    </a> -->
                </div>
                {{--<div>
                    @if ($toggle_veg_non_veg)
                        <div class="col-md-auto mb-3 mb-md-0">
                            <select name="type" data-url="{{ url()->full() }}" data-filter="type"
                                data-placeholder="{{ translate('messages.all') }}" class="form-control set-filter">
                                <option value="all" {{ $type == 'all' ? 'selected' : '' }}>{{ translate('messages.all') }}</option>
                                <option value="veg" {{ $type == 'veg' ? 'selected' : '' }}>{{ translate('messages.veg') }}</option>
                                <option value="non_veg" {{ $type == 'non_veg' ? 'selected' : '' }}>{{ translate('messages.non_veg') }}
                                </option>
                            </select>
                        </div>
                    @endif
                    <div class="col-md-auto mb-3 mb-md-0 min-240">
                        <select name="category_id" id="category"
                                data-url="{{ url()->full() }}" data-filter="restaurant_id"
                            data-placeholder="{{ translate('messages.select_restaurant') }}"
                            class="js-data-example-ajax form-control set-filter" title="Select Restaurant"
                            oninvalid="this.setCustomValidity('{{ translate('messages.please_select_restaurant') }}')">
                            @if ($restaurant)
                                <option value="{{ $restaurant->id }}" selected>{{ $restaurant->name }}</option>
                            @else
                                <option value="all" selected>{{ translate('messages.all_restaurants') }}</option>
                            @endif
                        </select>
                    </div>
                    <div class="col-md-auto mb-3 mb-md-0 min-240">
                        <div class="hs-unfold w-100">
                            <select name="category_id" id="category"
                                    data-url="{{ url()->full() }}" data-filter="category_id"
                                data-placeholder="{{ translate('messages.select_category') }}"
                                class="js-data-example-ajax form-control set-filter">
                                @if ($category)
                                    <option value="{{ $category->id }}" selected>{{ $category->name }}
                                        ({{ $category->position == 0 ? translate('messages.main') : translate('messages.sub') }})
                                    </option>
                                @else
                                    <option value="all" selected>{{ translate('messages.all_categories') }}</option>
                                @endif
                            </select>
                        </div>
                    </div>
                </div>--}}
            </div>
        </div>
        <!-- End Page Header -->
        <div class="row gx-2 gx-lg-3">
            <div class="col-sm-12 col-lg-12 mb-3 mb-lg-2">
                <!-- Card -->
                <div class="card">
                    <!-- Header -->
                    <div class="card-header flex-wrap gap-2 border-0 p-20">
                        <form id="search-form">
                            <div class="input--group input-group border rounded input-group-merge input-group-flush">
                                <input id="datatableSearch" name="search" type="search" value="{{ request()?->search ?? null }}" class="form-control border-0"
                                    placeholder="{{translate('Search_by_name')}}"
                                    aria-label="{{ translate('messages.search_here') }}">
                                <button type="submit" class="btn btn--reset w-auto px-2 py-2 h-40px min-w-35px">
                                    <i class="tio-search"></i>
                                </button>
                            </div>
                        </form>
                        <div class="d-flex align-items-center gap-lg-3 gap-2 flex-wrap">
                            <div class="hs-unfold">
                                <a class="js-hs-unfold-invoker btn btn-sm btn-outline-primary dropdown-toggle min-height-40" href="javascript:;"
                                    data-hs-unfold-options='{
                                            "target": "#usersExportDropdown",
                                            "type": "css-animation"
                                        }'>
                                    <i class="tio-download-from-cloud mr-1 fs-16"></i> {{ translate('messages.export') }}
                                </a>

                                <div id="usersExportDropdown"
                                    class="hs-unfold-content dropdown-unfold dropdown-menu dropdown-menu-sm-right">

                                    <span class="dropdown-header">{{ translate('messages.download_options') }}</span>
                                    <a id="export-excel" class="dropdown-item" href="{{ route('admin.food.export', ['type' => 'excel', request()->getQueryString()]) }}">
                                        <img class="avatar avatar-xss avatar-4by3 mr-2"
                                            src="{{ dynamicAsset('public/assets/admin') }}/svg/components/excel.svg"
                                            alt="Image Description">
                                        {{ translate('messages.excel') }}
                                    </a>
                                    <a id="export-csv" class="dropdown-item" href="{{ route('admin.food.export', ['type' => 'csv', request()->getQueryString()]) }}">
                                        <img class="avatar avatar-xss avatar-4by3 mr-2"
                                            src="{{ dynamicAsset('public/assets/admin') }}/svg/components/placeholder-csv-format.svg"
                                            alt="Image Description">
                                        .{{ translate('messages.csv') }}
                                    </a>
                                </div>
                            </div>
                            @php($filtered = request()->has('types') || request()->has('min_price') || request()->has('max_price') || request()->has('status') || request()->has('category_ids'))
                            <div class="hs-unfold">
                                <a class="js-hs-unfold-invoker btn min-w-100px justify-content-center font-medium btn-sm filter-show offcanvas-trigger {{ $filtered ? 'filter-active' : 'btn-outline-primary' }}"
                                        data-target="#Food-list_filter" href="javascript:">
                                    <i class="tio-tune-horizontal mr-1 fs-16"></i> <span class="mt-1">{{translate('Filter')}}</span>
                                    @if($filtered)
                                        <span class="filter-dot"></span>
                                    @endif
                                </a>
                            </div>
                            <div class="hs-unfold">
                                <a href="{{route('admin.food.stockOutList')}}" class="btn max-sm-12 badge-danger font-semibold py-2 fs-12 w-100"> {{translate('messages.Out of Stock Foods')}}</a>
                            </div>
                            <div class="hs-unfold">
                                <a href="{{ route('admin.food.add-new') }}" type="button" class="btn btn--primary lh-1 d-flex align-items-center gap-1 font-semibold fs-12 h-40 py-1 px-3">
                                    <i class="tio-add-circle mb-1"></i><span> {{translate('Add New Food')}}</span>
                                </a>
                            </div>
                        </div>
                    </div>
                    <!-- End Header -->

                    <!-- Table -->
                    <div class="table-responsive datatable-custom pt-0" id="table-div">
                        <table id="datatable"
                            class="table table-borderless table-thead-borderedleff table-nowrap table-align-middle card-table"
                            data-hs-datatables-options='{
                                    "columnDefs": [{
                                        "targets": [],
                                        "width": "5%",
                                        "orderable": false
                                    }],
                                    "order": [],
                                    "info": {
                                    "totalQty": "#datatableWithPaginationInfoTotalQty"
                                    },

                                    "entries": "#datatableEntries",

                                    "isResponsive": false,
                                    "isShowPaging": false,
                                    "paging":false,
                                    "columnDefs": [
               { "orderable": false, "targets": [6,7] }
           ]
                                }'>
                            <thead class="global-bg-box">
                                <tr>
                                    <th class="w-60px">{{ translate('messages.sl') }}</th>
                                    <th class="w-100px">{{ translate('messages.name') }}</th>
                                    <th class="w-120px">{{ translate('messages.category') }}</th>
                                    <th class="w-120px">{{ translate('messages.restaurant') }}</th>
                                    <th class="w-100px">{{ translate('messages.price') }}</th>
                                    @if ($productWiseTax)
                                    <th  class="w-100px">{{ translate('messages.Vat/Tax') }}</th>
                                    @endif
                                    <th class="w-100px text-center">{{ translate('messages.Stock') }}</th>
                                    <th class="w-100px">{{ translate('messages.status') }}</th>

                                    <th class="w-120px text-center">
                                        {{ translate('messages.action') }}
                                    </th>
                                </tr>
                            </thead>

                            <tbody id="set-rows">
                                @foreach ($foods as $key => $food)
                                @php( $stock_out = null)

                                    <tr>
                                        <td>{{ $key + $foods->firstItem() }}</td>
                                        <td>
                                            <a class="media align-items-center min-w-370"
                                                href="{{ route('admin.food.view', [$food['id']]) }}">
                                                <img class="avatar avatar-lg mr-3 onerror-image"
                                                     src="{{ $food['image_full_url'] }}"
                                                     alt="{{ $food->name }} image">
                                                <div class="media-body">
                                                    <h5 class="text-hover-primary mb-1 text-wrap line-limit-2">{{ ucwords(Str::limit($food['name'], 20, '...')) }}</h5>
                                                    <span>
                                                        @if ($food->stock_type != 'unlimited' &&  $food->item_stock <= 0 )
                                                            @php( $stock_out = true)

                                                            <span class="badge badge-soft-danger badge-pill font-medium px-3">{{ translate('Out Of Stock') }}
                                                            <span class="input-label-secondary" data-toggle="tooltip" data-placement="right" data-original-title="{{translate('messages.Your_main_stock_is_out_of_stock.')}}"><i class="tio-info fs-14 text-danger"></i></span>
                                                            </span>
                                                        @else

                                                                                                                            @if($stock_out)
                                                                <span class="input-label-secondary" data-toggle="tooltip" data-placement="right" data-original-title="{{translate('messages.One_or_more_variations_are_out_of_stock.')}}"><img src="{{dynamicAsset('public/assets/admin/img/info-circle.svg')}}" alt="public/img"></span>

                                                            @endif
                                                        @endif
                                                    </span>
                                                </div>
                                            </a>
                                        </td>
                                        <td>
                                            {{ Str::limit(($food?->category?->parent ? $food?->category?->parent?->name : $food?->category?->name )  ?? translate('messages.uncategorize')
                                            , 20, '...') }}
                                        </td>
                                        <td>
                                            @if ($food->restaurant)
                                                <a class="text--title" href="{{route('admin.restaurant.view',['restaurant'=>$food->restaurant_id])}}" title="{{translate('view_restaurant')}}">
                                                    {{ Str::limit($food->restaurant->name, 20, '...') }}
                                                </a>
                                            @else
                                                <span class="text--danger text-capitalize">{{ Str::limit( translate('messages.Restaurant_deleted!'), 20, '...') }}<span>
                                            @endif
                                        </td>
                                        <td>{{ \App\CentralLogics\Helpers::format_currency($food['price']) }}</td>

                                            @if ($productWiseTax)
                                            <td>
                                                <span class="">
                                                    @forelse ($food?->taxVats?->pluck('tax.name', 'tax.tax_rate')->toArray() as $key => $tax)
                                                        <span> {{ $tax }} : <span class="font-bold">
                                                                ({{ $key }}%)
                                                            </span> </span>
                                                        <br>
                                                    @empty
                                                        <span> {{ translate('messages.N/A') }} </span>
                                                    @endforelse
                                                </span>
                                            </td>
                                            @endif

                                        <td>
                                            <div class="d-flex justify-content-center align-items-center gap-1">
                                                <span class="lh-1 mt-1">{{ $food->stock_type == 'unlimited' ? translate('messages.unlimited_Stock') :$food->item_stock }}</span>
                                                <span class="lh-1" data-toggle="tooltip" data-placement="right" data-original-title="{{translate('messages.Daily Stock')}}">
                                                    @if($food->stock_type == 'daily')
                                                        <i class="tio-time brand-base-clr fs-14" style="background:#F58300FF; color:#fff; width:14px; height:14px; padding:6px; border-radius:60%; display:inline-flex; align-items:center; justify-content:center;"></i>
                                                    @endif
                                                </span>
                                            </div>
                                        </td>
                                        <td>
                                            <label class="toggle-switch toggle-switch-sm"
                                                for="stocksCheckbox{{ $food->id }}">
                                                <input type="checkbox"
                                                    data-url="{{ route('admin.food.status', [$food['id'], $food->status ? 0 : 1]) }}"
                                                    class="toggle-switch-input redirect-url" id="stocksCheckbox{{ $food->id }}"
                                                    {{ $food->status ? 'checked' : '' }}>
                                                <span class="toggle-switch-label">
                                                    <span class="toggle-switch-indicator"></span>
                                                </span>
                                            </label>
                                        </td>
                                        <td>
                                            <div class="btn--container justify-content-center">
                                                @if($stock_out)
                                                    <a class="btn btn-sm btn--primary btn-outline-primary action-btn " href="#update-stock{{ $food['id'] }}" title="{{ translate('update_stock') }}" data-toggle="modal">
                                                        <i class="tio-autorenew"></i>
                                                    </a>
                                                @endif
                                                    <a class="btn btn-sm btn--primary btn-outline-primary action-btn"
                                                        href="{{ route('admin.food.edit', [$food['id']]) }}"
                                                        title="{{ translate('messages.edit_food') }}"><i
                                                            class="tio-edit"></i>
                                                    </a>
                                                    <a class="btn btn-sm btn--danger btn-outline-danger action-btn form-alert" href="javascript:"
                                                        data-id="food-{{ $food['id'] }}" data-message="{{ translate('messages.Want_to_delete_this_item') }}"
                                                        title="{{ translate('messages.delete_food') }}"><i
                                                            class="tio-delete-outlined"></i>
                                                    </a>
                                            </div>
                                            <form action="{{ route('admin.food.delete', [$food['id']]) }}" method="post"
                                                id="food-{{ $food['id'] }}">
                                                @csrf @method('delete')
                                            </form>
                                        </td>
                                    </tr>




                                    <div class="modal fade" id="update-stock{{ $food['id'] }}">
                                        <div class="modal-dialog modal-dialog-centered max-w-540px">
                                            <div class="modal-content">
                                                <div class="modal-header position-absolute top-0 right-0 px-2 pt-2 z-index-2">
                                                    <div></div>
                                                    <button type="button" data-dismiss="modal" class="btn p-0">
                                                        <i class="tio-clear fs-24"></i>
                                                    </button>
                                                </div>
                                                <div class="modal-body p-0 pt-4">
                                                    <div class="table-rest-info mr-2 p-md-4 p-3 pt-0 align-items-start">
                                                        <div class="thumb position-relative min-w-80">
                                                            <img src="{{ $food['image_full_url'] }}" class="w-80px">
                                                            @if ($food->veg == 1)
                                                            <span class="badge badge-soft-success bg-white position-absolute top-0 left-0 m-1 rounded fs-10">{{ translate('Veg') }}</span>
                                                            @else
                                                            <span class="badge badge-soft-danger bg-white position-absolute top-0 left-0 m-1 rounded fs-10">{{ translate('Non_Veg') }}</span>
                                                            @endif
                                                        </div>
                                                        <div class="info fs-12 text-body">
                                                            {{--<span class="d-block text-title fs-15 mb-2">
                                                                {{ $food['name'] }}
                                                                <span class="rating">
                                                                    ({{ round($food->avg_rating,2) }}/5)
                                                                </span>
                                                                @if ($food->veg == 1)
                                                                <span class="badge badge-soft-success rounded-pill">{{ translate('Veg') }}</span>
                                                                @else
                                                                <span class="badge badge-soft-danger rounded-pill">{{ translate('Non_Veg') }}</span>
                                                                @endif
                                                            </span>--}}
                                                            <span class="d-block text-title fs-16 mb-1">
                                                                <span class="line-limit-1">{{ $food['name'] }}</span>
                                                            </span>
                                                            <span class="rating d-flex align-items-center gap-1 mb-1">
                                                                <i class="tio-star"></i>
                                                                <span class="text-title font-semibold">{{ round($food->avg_rating,2) }}/5</span>
                                                                <span class="text-gray1">({{ $food->rating_count }}{{ $food->rating_count > 24 ? '+' : '' }})</span>
                                                            </span>
                                                            <div class="fs-14 price-food-modal d-flex algin-items-center gap-1 flex-wrap">
                                                                <span class="gray-dark font-regular">{{ translate('Price') }} :</span> <span class="font-medium text-title">{{ \App\CentralLogics\Helpers::format_currency($food['price'])  }}</span> <span class="line mx-1 d-sm-block d-none"></span> <span class="gray-dark font-regular">{{ translate('Discount') }} :</span> <span class="font-medium text-title"> {{ $food->discount_type == 'percent' ?  $food->discount . ' %' :  \App\CentralLogics\Helpers::format_currency($food['discount'])   }}</span>
                                                            </div>
                                                            <div>
                                                                <br />
<b>Warning</b>:  Undefined variable $food in <b>/home/chaipost/public_html/reachstage.eelcon.in/resources/views/admin-views/product/list.blade.php</b> on line <b>351</b><br />
<br />
<b>Warning</b>:  Attempt to read property "add_ons" on null in <b>/home/chaipost/public_html/reachstage.eelcon.in/resources/views/admin-views/product/list.blade.php</b> on line <b>351</b><br />
<br />
<b>Deprecated</b>:  json_decode(): Passing null to parameter #1 ($json) of type string is deprecated in <b>/home/chaipost/public_html/reachstage.eelcon.in/resources/views/admin-views/product/list.blade.php</b> on line <b>351</b><br />
<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function collect() in /home/chaipost/public_html/reachstage.eelcon.in/resources/views/admin-views/product/list.blade.php:352
Stack trace:
#0 {main}
  thrown in <b>/home/chaipost/public_html/reachstage.eelcon.in/resources/views/admin-views/product/list.blade.php</b> on line <b>352</b><br />