@extends('admin.app')

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="custome-breadcrumb">
                {{ Breadcrumbs::render('dine-in-orders') }}
            </div>
        </div>

        <div class="col-12">
            <div class="db-card">
                <div class="db-card-header border-none">
                    <h3 class="db-card-title">{{ __('waiter.dineInOrders') }}</h3>
                    <div class="db-card-filter">
                        <button class="db-card-filter-btn table-filter-btn">
                            <i class="fa-solid fa-filter"></i>
                            <span>{{ __('levels.filter')}}</span>
                        </button>
                    </div>
                </div>
                <div class="table-filter-div">
                    <div class="p-5 mb-8">
                        <div class="row">
                            @if(auth()->user()->myrole == App\Enums\UserRole::ADMIN)
                            <div class="col-12 sm:col-6 xl:col-4">
                                <label class="db-field-title" for="restaurant_id">{{ __('levels.restaurant') }}</label>
                                <div class="db-field-down-arrow">
                                    <select name="restaurant_id" id="restaurant_id" class="db-field-control appearance-none select2 custom-select2 @error('restaurant_id') invalid @enderror">
                                        <option value="0">---</option>
                                        @if(!blank($restaurants))
                                        @foreach($restaurants as $restaurant)
                                            <option value="{{ $restaurant->id }}">{{ $restaurant->name }}</option>
                                        @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                            @endif
                            <div class="col-12 sm:col-6 xl:col-4">
                                <label class="db-field-title">{{ __('levels.start_date') }}</label>
                                <input autocomplete="off" class="db-field-control" id="start_date" type="date"
                                    name="start_date" value="{{ \Carbon\Carbon::now()->format('d-m-Y') }}">
                            </div>
                            <div class="col-12 sm:col-6 xl:col-4">
                                <label class="db-field-title">{{ __('levels.end_date') }}</label>
                                <input autocomplete="off" class="db-field-control" id="end_date" type="date"
                                    name="end_date" value="{{ \Carbon\Carbon::now()->format('d-m-Y') }}">
                            </div>
                            <div class="col-12">
                                <div class="flex flex-wrap gap-3 mt-4">
                                    <button class="db-btn py-2 text-white bg-primary" id="date-search" type="button">
                                        <i class="fa-solid fa-magnifying-glass"></i>
                                        <span>{{ __('levels.search') }}</span>
                                    </button>
                                    <button class="db-btn py-2 text-white bg-gray-600" id="refresh" type="button">
                                        <i class="fa-solid fa-xmark"></i>
                                        <span>{{ __('order.clear') }}</span>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="db-table-responsive" id="printTableArea">
                    <table class="db-table stripe" id="maintable" data-url="{{ route("admin.dine-in-orders.get-orders") }}"
                        data-status="{{ \App\Enums\OrderStatus::PENDING }}"
                        data-hidecolumn="{{ auth()->user()->can('dine-in-orders_show') }}">
                        <thead class="db-table-head">
                            <tr class="db-table-head-tr">
                                <th class="db-table-head-th">{{ __('waiter.table') }}</th>
                                <th class="db-table-head-th">{{ __('waiter.waiter') }}</th>
                                <th class="db-table-head-th">{{ __('waiter.date') }}</th>
                                <th class="db-table-head-th">{{ __('waiter.total') }}</th>
                                <th class="db-table-head-th">{{ __('levels.actions') }}</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
    </div>

@endsection

@push('css')
    <link rel="stylesheet" href="{{ asset('backend/lib/datatable/css/dataTables.tailwindcss.css') }}">
@endpush

@push('js')
    <script src="{{ asset('backend/lib/datatable/js/dataTables.js') }}"></script>
    <script src="{{ asset('backend/lib/datatable/js/dataTables.tailwindcss.js') }}"></script>
    <script src="{{ asset('backend/lib/datatable/js/tailwindcss.js') }}"></script>
    <script src="{{ asset('js/dine-in-orders/index.js') }}"></script>
@endpush