@extends('admin.layouts.main')
@push('page-title')
    {{ $formSubmission->first_name }} {{ $formSubmission->last_name }}'s form submission
@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 contact form submission</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">
                            <tbody>
                            <tr>
                                <td>{{ $formSubmission->id }}</td>
                            </tr>
                            <tr>
                                <td><strong>Name</strong></td>
                                <td>{{ $formSubmission->first_name }} {{ $formSubmission->last_name }}</td>
                            </tr>
                            <tr>
                                <td><strong>Email Address</strong></td>
                                <td><a href="mailto:{{ $formSubmission->email_address }}">{{ $formSubmission->email_address }}</a></td>
                            </tr>
                            <tr>
                                <td><strong>Phone Number</strong></td>
                                <td><a href="tel:{{ $formSubmission->phone_number }}">{{ $formSubmission->phone_number }}</a></td>
                            </tr>
                            <tr>
                                <td><strong>Message</strong></td>
                                <td>{{ $formSubmission->message }}</td>
                            </tr>
                            <tr>
                                <td><strong>Mark as read?</strong></td>
                                <td>
                                    <form action="{{ route('admin.form-submissions.change-status', $formSubmission->id) }}" method="post" id="statusChangeForm">
                                        @csrf
                                        @method('put')
                                        <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