@extends('layouts.admin')

@section('content')
    <x-admin.page-hero
        title="{{ $booking->first_name }} {{ $booking->last_name }}'s booking"
        displayButton="yes"
        buttonContent="Back"
        buttonLink="{{url()->previous()}}"
    />

    <section class="pageMain">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <table class="table w-100">
                        <tbody>
                            <tr>
                                <td><strong>Booking Ref</strong></td>
                                <td>{{ $booking->booking_ref }}</td>
                            </tr>
                            <tr>
                                <td><strong>Name</strong></td>
                                <td>{{ $booking->first_name }} {{ $booking->last_name }}</td>
                            </tr>
                            <tr>
                                <td><strong>Status</strong></td>
                                <td>{!! $booking->getStatus() !!}</td>
                            </tr>
                            <tr>
                                <td><strong>Email</strong></td>
                                <td>{{ $booking->email }}</td>
                            </tr>
                            <tr>
                                <td><strong>Phone Number</strong></td>
                                <td>{{ $booking->phone_number }}</td>
                            </tr>
                            <tr>
                                <td><strong>Reservation Date</strong></td>
                                <td>{{ date('l d/m/Y', strtotime($booking->reservation_date)) }}</td>
                            </tr>
                            <tr>
                                <td><strong>Reservation Time</strong></td>
                                <td>{{ date('H:i', strtotime($booking->reservation_time)) }}</td>
                            </tr>
                            <tr>
                                <td><strong>Number of guests</strong></td>
                                <td>{{ $booking->guest_number }}</td>
                            </tr>
                            <tr>
                                <td><strong>Joining for</strong></td>
                                <td>{{ str_replace('_', ' ', $booking->joining_for) }}</td>
                            </tr>
                            <tr>
                                <td><strong>Table</strong></td>
                                <td>{{ implode(', ', $tableNames) }}</td>
                            </tr>
                            <tr>
                                <td><strong>Table Locations</strong></td>
                                <td>{{ implode(', ', $tableLocations) }}</td>
                            </tr>
                            <tr>
                                <td><strong>Additional Information</strong></td>
                                <td>{{ $booking->additional_info }}</td>
                            </tr>
                            <tr>
                                <td><strong>Dietary Information</strong></td>
                                <td>{{ $booking->dietary_info }}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="row">
                <div class="col-12 d-flex justify-content-end">
                    <div class="btn-group" style="gap: 20px;">
                        <a class="goldOutlineGoldTextBtn" href="{{ route('admin.reservations.edit', $booking->id) }}">Edit</a>
                        <form action="{{ route('admin.reservations.cancel-booking', $booking->id) }}" method="post">
                            @csrf
                            <button type="submit" class="btn btn-warning btn-lg">Cancel</button>
                        </form>
                        @if($booking->status == 'cancelled')
                            <form action="" method="post">
                                @csrf
                                <button type="submit" class="btn btn-danger btn-lg">Delete</button>
                            </form>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection