@extends('layouts.admin')

@section('content')
    <x-admin.page-hero
        title="Edit Booking"
        displayButton="yes"
        buttonContent="Back"
        buttonLink="{{url()->previous()}}"
    />

    <section class="pageMain">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <form action="{{ route('admin.reservations.update', $booking->id) }}" method="post">
                        @csrf
                        @method('put')
                        <div class="row">
                            <div class="col-12">
                                <label for="" style="margin-bottom: 0;">
                                    What are you joining us for?
                                </label>
                                <select name="joining_for" id="joining_for" required>
                                    <option value="drinks_only" @if($booking->joining_for == 'drinks_only') selected @endif>Drinks only</option>
                                    <option value="drinks_and_cigars" @if($booking->joining_for == 'drinks_and_cigars') selected @endif>Drinks and Cigars</option>
                                    <option value="food_and_drinks" @if($booking->joining_for == 'food_and_drinks') selected @endif>Food and Drinks</option>
                                </select>
                                <x-admin.form-errors fieldName="joining_for"/>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-4">
                                <label for="">Date of reservation *</label>
                                <input type="date" name="reservation_date" id="reservation_date" value="{{ $booking->reservation_date }}" required>
                                <x-admin.form-errors fieldName="reservation_date"/>
                            </div>
                            <div class="col-md-4">
                                <label for="">Time Slot *</label>
                                <select name="reservation_time" id="reservation_date">
                                    <option value="15:00" @if($booking->reservation_time == '15:00') selected @endif>15:00</option>
                                    <option value="15:30" @if($booking->reservation_time == '15:30') selected @endif>15:30</option>
                                    <option value="16:00" @if($booking->reservation_time == '16:00') selected @endif>16:00</option>
                                    <option value="16:30" @if($booking->reservation_time == '16:30') selected @endif>16:30</option>
                                    <option value="17:00" @if($booking->reservation_time == '17:00') selected @endif>17:00</option>
                                    <option value="17:30" @if($booking->reservation_time == '17:30') selected @endif>17:30</option>
                                    <option value="18:00" @if($booking->reservation_time == '18:00') selected @endif>18:00</option>
                                    <option value="18:30" @if($booking->reservation_time == '18:30') selected @endif>18:30</option>
                                    <option value="19:00" @if($booking->reservation_time == '19 :00') selected @endif>19:00</option>
                                    <option value="19:30" @if($booking->reservation_time == '19:30') selected @endif>19:30</option>
                                    <option value="20:00" @if($booking->reservation_time == '20:00') selected @endif>20:00</option>
                                    <option value="20:30" @if($booking->reservation_time == '20:30') selected @endif>20:30</option>
                                    <option value="21:00" @if($booking->reservation_time == '21:00') selected @endif>21:00</option>
                                    <option value="21:30" @if($booking->reservation_time == '21:30') selected @endif>21:30</option>
                                    <option value="22:00" @if($booking->reservation_time == '22:00') selected @endif>22:00</option>
                                    <option value="22:30" @if($booking->reservation_time == '22:30') selected @endif>22:30</option>
                                    <option value="23:00" @if($booking->reservation_time == '23:00') selected @endif>23:00</option>
                                </select>
                                <x-admin.form-errors fieldName="reservation_time"/>
                            </div>
                            <div class="col-md-4">
                                <label for="">Number of guests *</label>
                                <select name="guest_number" id="guest_number">
                                    <option selected disabled>Select number of guests</option>
                                    @foreach(['1', '2', '3', '4', '5', '6'] as $g_number)
                                        <option value="{{ $g_number }}" @if($g_number == $booking->guest_number) selected @endif>{{ ucfirst($g_number) }}</option>
                                    @endforeach
                                </select>
                                <x-admin.form-errors fieldName="guest_number"/>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <label for="">Table Location *</label>
                                <select name="table_location" id="table_location" required>
                                    <option value="1" @if($booking->table_location == '4') selected @endif>Outside</option>
                                    <option value="2" @if($booking->table_location == '5') selected @endif>Inside</option>
                                </select>
                                <x-admin.form-errors fieldName="table_location"/>
                            </div>
                            <div class="col-md-6">
                                <label for="">Table</label>
                                <select name="table_id[]" id="table_id" multiple required style="height: 100px;">
                                    @foreach($tables as $table)
                                        <option value="{{ $table->id }}" @if(in_array(trim($table->id), array_map('trim', $tableIds))) selected @endif>{{ $table->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <label for="">First Name *</label>
                                <input type="text" name="first_name" id="first_name" value="{{ $booking->first_name }}" required>
                                <x-admin.form-errors fieldName="first_name"/>
                            </div>
                            <div class="col-md-6">
                                <label for="">Last Name *</label>
                                <input type="text" name="last_name" id="last_name" value="{{ $booking->last_name }}" required>
                                <x-admin.form-errors fieldName="last_name"/>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <label for="">Email Address *</label>
                                <input type="email" name="email" id="email" value="{{ $booking->email }}" required>
                                <x-admin.form-errors fieldName="email"/>
                            </div>
                            <div class="col-md-6">
                                <label for="">Phone Number *</label>
                                <input type="tel" name="phone_number" id="phone_number" value="{{ $booking->phone_number }}" required>
                                <x-admin.form-errors fieldName="phone_number"/>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12">
                                <label for="">Additional Information</label>
                                <textarea name="additional_info" id="additional_info" cols="30" rows="10">{{ $booking->additional_info }}</textarea>
                                <x-admin.form-errors fieldName="additional_info"/>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12">
                                <label for="">Dietary Information</label>
                                <textarea name="dietary_info" id="dietary_info" cols="30" rows="10">{{ $booking->dietary_info }}</textarea>
                                <x-admin.form-errors fieldName="dietary_info"/>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12">
                                <label for="">User ID</label>
                                <input type="number" name="user_id" id="user_id" value="{{ $booking->user_id }}">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12 d-flex justify-content-end">
                                <button type="submit" class="solidGoldBtn">Update Booking</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>

@endsection