@extends('layouts.admin')
@section('content')
    @push('page-title')
        Reservation for {{ $reservation->first_name }} {{ $reservation->last_name }} on {{ date('d/m/y', strtotime($reservation->reservation_date_time)) }} - Admin
    @endpush
    <section class="pageHero">
        <div class="container">
            <div class="inner">
                <div class="row">
                    <div class="col-md-8">
                        <h1>Reservation for {{ $reservation->first_name }} {{ $reservation->last_name }} on {{ date('d/m/y', strtotime($reservation->reservation_date)) }} @ {{ $reservation->reservation_time }}</h1>
                    </div>
                    <div class="col-md-4 d-flex justify-content-end">
                        <a href="{{ route('admin.reservations.index') }}" class="solidGoldBtn" style="height:50px;">All Reservations</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="pageMain">
        <div class="container">
            <div class="inner">
                <div class="row">
                    <div class="col-12">
                        <table class="table">
                            <tbody>
                                <tr>
                                    <td><strong>Name:</strong></td>
                                    <td>{{ $reservation->first_name }} {{ $reservation->last_name }}</td>
                                </tr>
                                <tr>
                                    <td><strong>Email:</strong></td>
                                    <td>{{ $reservation->email }}</td>
                                </tr>
                                <tr>
                                    <td><strong>Phone Number:</strong></td>
                                    <td>{{ $reservation->phone_number }}</td>
                                </tr>
                                <tr>
                                    <td><strong>Reservation time & date:</strong></td>
                                    <td>{{ date('d/m/Y', strtotime($reservation->reservation_date)) }} - {{ $reservation->reservation_time }}</td>
                                </tr>
                                <tr>
                                    <td><strong>Reservation End time & date</strong></td>
                                    <td>{{ date('d/m/Y', strtotime($reservation->reservation_date)) }} - {{ $reservation->reservation_time_end }}</td>
                                </tr>
                                <tr>
                                    <td><strong>Number of guests:</strong></td>
                                    <td>{{ $reservation->guest_number }}</td>
                                </tr>
                                <tr>
                                    <td><strong>Table:</strong></td>
                                    <td>{{ $reservation->table->name }}</td>
                                </tr>
                                <tr>
                                    <td><strong>Joining for:</strong></td>
                                    <td>{{ str_replace('_', ' ', $reservation->joining_for) }}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12 d-flex justify-content-end">
                        <div class="btn-group">
                            <a href="{{ route('admin.reservations.edit', $reservation->id) }}" class="solidGoldBtn me-2">Edit Reservation</a>
                            <a href="" class="goldOutlineGoldTextBtn me-2">Send customer email</a>
                            <form action="{{ route('admin.reservations.destroy', $reservation->id) }}" method="POST">
                                @csrf
                                @method('delete')
                                <button class="redBtn confirm-delete-btn" type="submit">Delete</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection