@extends('layouts.vendor.app')

@section('title',translate('messages.Out_of_Stock'))

@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="mb-2 mb-sm-0">
                <h1 class="page-header-title"><i class="tio-filter-list"></i> {{translate('messages.Out_of_Stock_Foods')}}<span class="badge badge-soft-dark ml-2" id="itemCount">{{$foods->total()}}</span></h1>
            </div>
            <div class="">
                <div class="row g-2 align-items-center justify-content-sm-end">

                    <div class="col-auto">
                        <a href="{{route('vendor.food.list')}}" class="btn max-sm-12 badge-soft-primary font-medium py-2 fs-12 w-100"> {{translate('messages.All Foods')}}</a>
                    </div>
                    <div class="col-auto">
                        <a href="{{route('vendor.food.add-new')}}" class="btn max-sm-12 fs-12 py-2 px-3 btn--primary w-100"><i
                                class="tio-add-circle"></i> {{translate('messages.add_new_food')}}</a>
                    </div>

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

        <div class="card">
            <div class="card-header flex-wrap gap-2 border-0">
                <div class="search--button-wrapper search--button-area justify-content-start">
                    <form id="search-form" action="{{ url()->current() }}">
                        <input type="hidden" name="min_price" value="{{ request('min_price') }}">
                        <input type="hidden" name="max_price" value="{{ request('max_price') }}">
                        <input type="hidden" name="search" value="{{ request('search', '') }}">
                        @foreach(request('types', []) as $type)
                            <input type="hidden" name="types[]" value="{{ $type }}">
                        @endforeach
                        @foreach(request('status', []) as $status)
                            <input type="hidden" name="status[]" value="{{ $status }}">
                        @endforeach
                        @foreach(request('category_ids', []) as $id)
                            <input type="hidden" name="category_ids[]" value="{{ $id }}">
                        @endforeach

                        <div class="input-group input--group border rounded">
                            <input id="datatableSearch" type="search" name="search" class="form-control border-0" value="{{ request('search', '') }}"
                                   placeholder="{{ translate('messages.Ex : Search Food Name') }}">
                            <button type="submit" class="btn btn--reset py-1 px-2">
                                <i class="tio-search"></i>
                            </button>
                        </div>
                    </form>
                </div>
                <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-outline-primary min-w-100px justify-content-center font-medium btn-sm filter-show offcanvas-trigger"
                           data-target="#Food-list_filter" href="javascript:">
                            <i class="tio-tune-horizontal mr-1 fs-16"></i>{{translate('Filter')}}
                        </a>
                    </div>
                    <div class="hs-unfold">
                        <a class="js-hs-unfold-invoker btn btn-sm btn--reset 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>
                </div>
            </div>
            <!-- End Header -->

            <!-- Table -->
            <div class="table-responsive datatable-custom pt-0">
                <table id="datatable" class="table table-borderless table-thead-borderedless 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
                    }'>
                    <thead class="global-bg-box">
                    <tr>
                        <th>{{ translate('messages.sl') }}</th>
                        <th class="w-20p">{{translate('messages.name')}}</th>
                        <th class="w-20p">{{translate('messages.category')}}</th>
                        <th class="text-center">{{translate('messages.price')}}</th>
                        @if ($productWiseTax)
                            <th  class="text-center">{{ translate('messages.Vat/Tax') }}</th>
                        @endif
                        <th class="text-center">{{translate('messages.Recommended')}}</th>
                        <th class="text-center">{{translate('messages.status')}}</th>
                        <th class="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" href="{{route('vendor.food.view',[$food['id']])}}">
                                    <img class="avatar avatar-lg mr-3 onerror-image" src="{{ $food['image_full_url'] }}"
                                         data-onerror-image="{{dynamicAsset('public/assets/admin/img/100x100/food-default-image.png')}}" alt="{{$food->name}} image">
                                    <div class="media-body">
                                        <h5 class="text-hover-primary mb-0">
                                            {{ Str::limit($food['name'], 20, '...') }}
                                        </h5>

                                        @php($stock_out = false)

                                        @if ($food->stock_type != 'unlimited' && $food->item_stock <= 0)
                                            @php($stock_out = true)
                                        @else
                                            @if(isset($food->variations))
                                                @foreach (json_decode($food->variations, true) as $item)
                                                    @if(isset($item['values']) && is_array($item['values']))
                                                        @foreach ($item['values'] as $value)
                                                            @if(isset($value['stock_type']) && $value['stock_type'] != 'unlimited' && $value['current_stock'] <= 0)
                                                                @php($stock_out = true)
                                                            @endif
                                                        @endforeach
                                                    @endif
                                                @endforeach
                                            @endif
                                        @endif

                                        @if($stock_out)
                                            <span class="badge badge-soft-warning badge-pill font-medium mt-1 d-inline-block">
                                                {{ translate('Out Of Stock') }}
                                            </span>
                                        @endif
                                    </div>

                                </a>
                            </td>
                            <td>
                                {{ Str::limit(($food?->category?->parent ? $food?->category?->parent?->name : $food?->category?->name )  ?? translate('messages.uncategorize')
                                , 20, '...') }}
                            </td>
                            <td>
                                <div class="text-right mx-auto mw-36px">
                                    {{($food['price'])}}
                                </div>
                            </td>
                            @if ($productWiseTax)
                                <td class="text-center">
                                    <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">
                                    <div class="mx-auto">
                                        <label class="toggle-switch toggle-switch-sm mr-2"  data-toggle="tooltip" data-placement="top" title="{{ translate('messages.Recommend_to_customers') }}" for="stocksCheckbox{{$food->id}}">
                                            <input type="checkbox" data-url="{{route('vendor.food.recommended',[$food['id'],$food->recommended?0:1])}}" class="toggle-switch-input redirect-url" id="stocksCheckbox{{$food->id}}" {{$food->recommended?'checked':''}}>
                                            <span class="toggle-switch-label">
                                                <span class="toggle-switch-indicator"></span>
                                            </span>
                                        </label>
                                    </div>
                                </div>
                            </td>
                            <td>
                                <div class="d-flex">
                                    <div class="mx-auto">
                                        <label class="toggle-switch toggle-switch-sm mr-2" data-toggle="tooltip" data-placement="top" title="{{ translate('messages.Change_food_visibility_to_customers') }}" for="statusCheckbox{{$food->id}}">
                                            <input type="checkbox" data-url="{{route('vendor.food.status',[$food['id'],$food->status?0:1])}}" class="toggle-switch-input redirect-url" id="statusCheckbox{{$food->id}}" {{$food->status?'checked':''}}>
                                            <span class="toggle-switch-label">
                                                <span class="toggle-switch-indicator"></span>
                                            </span>
                                        </label>
                                    </div>
                                </div>
                            </td>
                            <td>
                                <div class="btn--container justify-content-center">

                                    <a class="btn action-btn btn--primary btn-outline-primary"
                                       href="{{route('vendor.food.edit',[$food['id']])}}" title="{{translate('messages.edit_food')}}"><i class="tio-edit"></i>
                                    </a>

                                    <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>

                                    <a class="btn action-btn btn--danger btn-outline-danger form-alert" href="javascript:"
                                       data-id="food-{{$food['id']}}" data-message="{{ translate('Want to delete this item ?') }}" title="{{translate('messages.delete_food')}}"><i class="tio-delete-outlined"></i>
                                    </a>

                                    <form action="{{route('vendor.food.delete',[$food['id']])}}"
                                          method="post" id="food-{{$food['id']}}">
                                        @csrf @method('delete')
                                    </form>
                                </div>
                            </td>
                        </tr>

                        {{-- Stock Update Modal --}}
                        <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-16 mb-1">
                                                        <span class="line-limit-1">
                                                            {{ ucwords($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/vendor-views/product/stock-out-list.blade.php</b> on line <b>280</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/vendor-views/product/stock-out-list.blade.php</b> on line <b>280</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/vendor-views/product/stock-out-list.blade.php</b> on line <b>280</b><br />
<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function collect() in /home/chaipost/public_html/reachstage.eelcon.in/resources/views/vendor-views/product/stock-out-list.blade.php:281
Stack trace:
#0 {main}
  thrown in <b>/home/chaipost/public_html/reachstage.eelcon.in/resources/views/vendor-views/product/stock-out-list.blade.php</b> on line <b>281</b><br />