@extends('layouts.admin')
@section('title', 'Applicants Exams Dates')
@section('content')
    <div class="card">
        <!--begin::Card header-->
        <div class="card-header border-0 pt-6">
            <!--begin::Card title-->
            <div class="card-title">
                <h3 class="fw-bold me-5 my-1">
                    Select Exam Date
                </h3>
            </div>
        </div>
        <!--end::Card header-->
        <!--begin::Card body-->
        <div class="card-body py-4">

            <!--begin::Input Form-->
            <form data-kt-search-element="form" class="w-100 position-relative mb-5" autocomplete="off" method="GET"
                action="{{ route('admin.applicant.showExamDate') }}">
                <!--begin::Icon-->
                <!--begin::Svg Icon | path: magnifier-->
                <!--end::Icon-->

                <!--begin::Input-->
                <input type="date" class="form-control form-control-lg form-control-solid px-15" name="exam_date"
                    value="" data-kt-search-element="input" />
                <!--end::Input-->

                <!--begin::Button-->
                <button type="submit" class="btn btn-primary submit_btn mt-5">
                    <span class="indicator-label">Search</span>
                    <span class="indicator-progress">Please wait...
                        <span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
                </button>
                <!--end::Button-->

            </form>
            <!--end::Form-->

        </div>
        <!--end::Card body-->
        {{-- @if ($applicants != null) --}}
            <div class="table-responsive mt-4">
                <table
                    class="table align-middle table-row-dashed fs-6 gy-5 table-striped table-bordered table-hover table-vcenter text-nowrap"
                    id="user_table">
                    <thead>
                        <tr class="text-center text-muted fw-bold fs-7 text-uppercase gs-0">
                            <th>id</th>
                            <th>Code</th>
                            <th>Applicant</th>
                            <th>Exam Date</th>
                            <th>Phone</th>
                        </tr>
                    </thead>
                    <tbody class="fw-bold">
                        @forelse ($applicants as $key=>$applicant)
                            <tr class="text-center">
                                <td>{{ ++$key }}</td>
                                <td>
                                    <label>{{ $applicant->applicant_code }}</label>
                                </td>
                                <td class="d-flex align-items-center justify-content-center">
                                    <!--begin:: Avatar -->
                                    <div class="symbol symbol-50px symbol-circle overflow-hidden me-3">
                                        <div class="symbol-label fs-2 fw-semibold text-primary bg-light-primary">
                                            {{ mb_substr(\Illuminate\Support\Str::ucfirst($applicant->applicant_name), 0, 1) }}
                                        </div>
                                    </div>
                                    <!--end::Avatar-->
                                    <!--begin::User details-->
                                    <div class="d-flex flex-column">
                                        <a href="{{ route('admin.applicant.show', $applicant->applicant_id) }}"
                                            class="text-gray-800 text-hover-primary mb-1">{{ $applicant->applicant_name }}</a>
                                        <span class="text-muted">{{ $applicant->applicant_email }}</span>
                                    </div>
                                    <!--begin::User details-->
                                </td>
                                <td>
                                    <span
                                        class="badge badge-primary">{{ $applicant->exam_date_time }}</span>
                                </td>
                                <td>
                                    {{ $applicant->applicant_phone }}
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="11">
                                    {{-- <img src="{{env('SECURE_ASSETS').'/assets/media/gif/empty_table.svg'}}" class="mx-auto d-block" width="100" alt="empty table"> --}}
                                    <p class="text-primary font-weight-bold text-center mt-3">There is no data!</p>
                                </td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
                @if ($applicants)
                    <div class="mt-4">
                        {{ $applicants->appends(Request::except('page'))->render('components._pagination') }}
                    </div>
                    <p class="mt-3">
                        Showing {{ $applicants->count() }} of {{ $applicants->total() }} record(s).
                    </p>

                @endif

            </div>
            <!--end::Table-->
        {{-- @endif --}}
    </div>
@endsection