@extends('admin.layouts.main')
@push('page-title')
    {{ $formSubmission->first_name }} {{ $formSubmission->last_name }}'s booking request
@endpush
@section('content')
    <section class="pageHero">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="inner">
                        <h1>{{ $formSubmission->first_name }} {{ $formSubmission->last_name }}'s booking request</h1>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="pageMain">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="inner">
                        <table class="table w-100 d-block d-md-table">
                            <tbody>
                                <tr>
                                    <td><strong>Name</strong></td>
                                    <td>{{ $formSubmission->first_name }} {{ $formSubmission->last_name }}</td>
                                </tr>
                                <tr>
                                    <td><strong>Email</strong></td>
                                    <td>
                                        <a href="mailto:{{ $formSubmission->email }}">{{ $formSubmission->email }}</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td><strong>Phone Number</strong></td>
                                    <td><a href="tel:{{ $formSubmission->contact_number }}">{{ $formSubmission->contact_number }}</a></td>
                                </tr>
                                <tr>
                                    <td><strong>Session Name</strong></td>
                                    <td>{{ $formSubmission->session_masterclass_name }}</td>
                                </tr>
                                <tr>
                                    <td><strong>Date requested</strong></td>
                                    <td>{{ date('d/m/Y', strtotime($formSubmission->date_of_masterclass)) }}</td>
                                </tr>
                                <tr>
                                    <td><strong>Time requested</strong></td>
                                    <td>{{ date('H:i', strtotime($formSubmission->time_of_masterclass)) }}</td>
                                </tr>
                                <tr>
                                    <td><strong>Number of Guests</strong></td>
                                    <td>{{ $formSubmission->number_of_guests }}</td>
                                </tr>
                                <tr>
                                    <td><strong>Mark as booked?</strong></td>
                                    <td>
                                        <form action="{{ route('admin.masterclass-submissions.change-status', $formSubmission->id) }}" method="post" id="statusChangeForm">
                                            @csrf
                                            <div class="row">
                                                <div class="col-12">
                                                    <div class="form-switch">
                                                        <input class="form-check-input" type="checkbox" role="switch" name="status" id="status" value="1" @if($formSubmission->status == 1) checked @endif>
                                                    </div>
                                                </div>
                                            </div>
                                        </form>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <script>
        $(document).ready(function() {
            $('#status').change(function() {
                $('#statusChangeForm').submit();
            });
        });
    </script>
@endsection