@extends('admin.layouts.main')
@push('page-title')
    Form Submissions - Admin
@endpush
@section('content')
    <div class="pageHero">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="inner">
                        <h1>Form Submissions</h1>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="pageMain formSubmissionsPage">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <div class="inner">
                        <h5>Contact Form Submissions</h5>
                        <div class="tablist" id="formSubmissionsTabList" role="tablist">
                            <a href="#cfSubmissionsUnread" class="active" data-bs-toggle="list" role="tab">Unread</a>
                            <a href="#cfSubmissionsRead" class="" data-bs-toggle="list" role="tab">Read</a>
                        </div>
                        <div class="tab-content">
                            <div class="tab-pane active" id="cfSubmissionsUnread" role="tabpanel">
                                <table class="table dataTablesTable">
                                    <thead>
                                    <tr>
                                        <th>From</th>
                                        <th>Email</th>
                                        <th>Message</th>
                                        <th>Date Received</th>
                                        <th>Status</th>
                                        <th>Actions</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @foreach($unreadContactFormSubmissions as $cfsUnread)
                                        <tr>
                                            <td>{{ $cfsUnread->first_name }} {{ $cfsUnread->last_name }}</td>
                                            <td>{{ $cfsUnread->email_address }}</td>
                                            <td>{{ Str::limit($cfsUnread->message, 50) }}</td>
                                            <td>{{ date('d/m/Y', strtotime($cfsUnread->created_at)) }}</td>
                                            <td>
                                                Read
                                            </td>
                                            <td>
                                                <div class="dropdown">
                                                    <button class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                                                        <i class="fa-solid fa-ellipsis-vertical"></i>
                                                    </button>
                                                    <ul class="dropdown-menu">
                                                        <li>
                                                            <a href="{{ route('admin.form-submissions.show', $cfsUnread->id) }}">
                                                                View
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <form action="" method="POST">
                                                                @csrf
                                                                @method('delete')
                                                                <button class="confirm-delete-btn" type="submit">Delete</button>
                                                            </form>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                </table>
                            </div>
                            <div class="tab-pane" id="cfSubmissionsRead" role="tabpanel">
                                <table class="table dataTablesTable">
                                    <thead>
                                    <tr>
                                        <th>From</th>
                                        <th>Email</th>
                                        <th>Message</th>
                                        <th>Date Received</th>
                                        <th>Status</th>
                                        <th>Actions</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @foreach($readContactFormSubmissions as $cfsRead)
                                        <tr>
                                            <td>{{ $cfsRead->first_name }} {{ $cfsRead->last_name }}</td>
                                            <td>{{ $cfsUnread->email_address }}</td>
                                            <td>{{ Str::limit($cfsRead->message, 50) }}</td>
                                            <td>{{ date('d/m/Y', strtotime($cfsRead->created_at)) }}</td>
                                            <td>
                                                Read
                                            </td>
                                            <td>
                                                <div class="dropdown">
                                                    <button class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                                                        <i class="fa-solid fa-ellipsis-vertical"></i>
                                                    </button>
                                                    <ul class="dropdown-menu">
                                                        <li>
                                                            <a href="{{ route('admin.form-submissions.show', $cfsRead->id) }}">
                                                                View
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <form action="" method="POST">
                                                                @csrf
                                                                @method('delete')
                                                                <button class="confirm-delete-btn" type="submit">Delete</button>
                                                            </form>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="inner">
                        <h5>Masterclass Booking Submissions</h5>
                        <div class="tablist" id="formSubmissionsTabList" role="tablist">
                            <a href="#mcSubmissionsNotBook" class="active" data-bs-toggle="list" role="tab">Not Booked</a>
                            <a href="#mcSubmissionsBooked" class="" data-bs-toggle="list" role="tab">Booked</a>
                        </div>
                        <div class="tab-content">
                            <div class="tab-pane active" id="mcSubmissionsNotBook" role="tabpanel">
                                <table class="table dataTablesTable">
                                    <thead>
                                    <tr>
                                        <th>Name</th>
                                        <th>Email</th>
                                        <th>Session name</th>
                                        <th>Date</th>
                                        <th>Time</th>
                                        <th>Status</th>
                                        <th>Actions</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @foreach($notBookedMasterclassFormSubmissions as $mcNotBooked)
                                        <tr>
                                            <td>{{ $mcNotBooked->first_name }} {{ $mcNotBooked->last_name }}</td>
                                            <td>{{ $mcNotBooked->email }}</td>
                                            <td>{{ $mcNotBooked->session_masterclass_name }}</td>
                                            <td>{{ date('d/m/Y', strtotime($mcNotBooked->date_of_masterclass)) }}</td>
                                            <td>{{ date('H:i', strtotime($mcNotBooked->time_of_masterclass)) }}</td>
                                            <td>
                                                Not Booked
                                            </td>
                                            <td>
                                                <div class="dropdown">
                                                    <button class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                                                        <i class="fa-solid fa-ellipsis-vertical"></i>
                                                    </button>
                                                    <ul class="dropdown-menu">
                                                        <li>
                                                            <a href="{{ route('admin.masterclass-submissions.show', $mcNotBooked->id) }}">
                                                                View
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="{{ route('admin.masterclass-submissions.edit', $mcNotBooked->id) }}">Edit</a>
                                                        </li>
                                                        <li>
                                                            <form action="" method="POST">
                                                                @csrf
                                                                @method('delete')
                                                                <button class="confirm-delete-btn" type="submit">Delete</button>
                                                            </form>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                </table>
                            </div>
                            <div class="tab-pane" id="mcSubmissionsBooked" role="tabpanel">

                                <table class="table dataTablesTable">
                                    <thead>
                                    <tr>
                                        <th>Name</th>
                                        <th>Email</th>
                                        <th>Session name</th>
                                        <th>Date</th>
                                        <th>Time</th>
                                        <th>Status</th>
                                        <th>Actions</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @foreach($bookedMasterclassFormSubmissions as $mcBooked)
                                        <tr>
                                            <td>{{ $mcBooked->first_name }} {{ $mcBooked->last_name }}</td>
                                            <td>{{ $mcBooked->email }}</td>
                                            <td>{{ $mcBooked->session_masterclass_name }}</td>
                                            <td>{{ date('d/m/Y', strtotime($mcBooked->date_of_masterclass)) }}</td>
                                            <td>{{ date("H:i", strtotime($mcBooked->time_of_masterclass)) }}</td>
                                            <td>
                                                Booked
                                            </td>
                                            <td>
                                                <div class="dropdown">
                                                    <button class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                                                        <i class="fa-solid fa-ellipsis-vertical"></i>
                                                    </button>
                                                    <ul class="dropdown-menu">
                                                        <li>
                                                            <a href="'admin.masterclass-submissions.show', $mcBooked->id) ">
                                                                View
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="{{ route('admin.masterclass-submissions.edit', $mcBooked->id) }}">Edit</a>
                                                        </li>
                                                        <li>
                                                            <form action="" method="POST">
                                                                @csrf
                                                                @method('delete')
                                                                <button class="confirm-delete-btn" type="submit">Delete</button>
                                                            </form>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection