@extends('layouts.admin.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('admin.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('admin.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 method="get">
                        <div class="input-group input--group border rounded">
                            <input id="datatableSearch" type="search" value="{{request()->query('search')}}" name="search" class="form-control border-0" 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', ['is_stock_out' => 1, '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', ['is_stock_out' => 1, '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-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
                                }'>
                    <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>
                        <th class="w-100px">{{ translate('messages.stock') }}</th>
                        @if ($productWiseTax)
                            <th  class="w-100px">{{ translate('messages.Vat/Tax') }}</th>
                        @endif
                        <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"
                                   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">{{ 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>
                                                <span class="input-label-secondary" data-toggle="tooltip" data-placement="right" data-original-title="{{translate('messages.Your_main_stock_is_out_of_stock.')}}"><img src="{{dynamicAsset('public/assets/admin/img/info-icon-bg.svg')}}" class="w-5p" alt="public/img"></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>
                            <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.N/A') :$food->item_stock }}</span>
                                    <span class="lh-1" data-toggle="tooltip" data-placement="right" data-original-title="{{translate($food->stock_type)}}">
                                        <i class="tio-info brand-base-clr fs-14"></i>
                                    </span>
                                </div>                                            
                            </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>
                                <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/stock-out-list.blade.php</b> on line <b>290</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/stock-out-list.blade.php</b> on line <b>290</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/stock-out-list.blade.php</b> on line <b>290</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/stock-out-list.blade.php:291
Stack trace:
#0 {main}
  thrown in <b>/home/chaipost/public_html/reachstage.eelcon.in/resources/views/admin-views/product/stock-out-list.blade.php</b> on line <b>291</b><br />