@extends('layouts.frontend')
@push('page-title')
    Thank you for your booking

@endpush
@section('content')
    <section class="thankYouPageMain">
        <img class="img-fluid mainBgImage" src="{{ asset('images/homepage/edinburgh-outside-image.png') }}">
        <div class="content">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 offset-lg-2">
                        <h1>Thank you for your booking.</h1>
                        <div class="bookingDetailsWrap">
                            <h2>Here are the details of your booking</h2>
                            <table class="table table-responsive w-100">
                                <tbody>
                                    <tr>
                                        <td><strong>Booking Reference:</strong></td>
                                        <td>{{ $reservation->booking_ref }}</td>
                                    </tr>
                                    <tr>
                                        <td><strong>Your 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 Date:</strong></td>
                                        <td>{{ date('l d/m/Y', strtotime($reservation->reservation_date)) }}</td>
                                    </tr>
                                    <tr>
                                        <td><strong>Reservation Time:</strong></td>
                                        <td>{{ $reservation->reservation_time }}</td>
                                    </tr>
                                    <tr>
                                        <td><strong>Number of guests:</strong></td>
                                        <td>{{ $reservation->guest_number }}</td>
                                    </tr>
                                    <tr>
                                        <td><strong>What your joining us for:</strong></td>
                                        <td>{{ str_replace('_', ' ', $reservation->joining_for) }}</td>
                                    </tr>
                                </tbody>
                            </table>
                            <p style="display: block; margin: 20px auto; text-align: center; width: 75%;">
                                We have sent you an email with full details of your reservation.  This email also includes a link if you wish to cancel your reservation with us.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection