@extends('layouts.admin')
@section('title','Applicants Search')
@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">
                Applicants Search
                {{-- <span class="fs-2 fw-bold" data-kt-countup="true" data-kt-countup-value="{{ $applicants->total() }}" data-kt-countup-prefix="(" data-kt-countup-suffix=")">0</span> --}}
            </h3>
        </div>
        <!--begin::Card title-->
        {{-- <div class="card-toolbar">
            <form action="{{ route('admin.applicant.export') }}">
                <input type="hidden" name="page" value="search_payment_page">
                <input type="hidden" name="code" value="{{ request()->code }}">
                <input type="hidden" name="name" value="{{ request()->name }}">
                <input type="hidden" name="father" value="{{ request()->father }}">
                <input type="hidden" name="email" value="{{ request()->email }}">
                <input type="hidden" name="phone" value="{{ request()->phone }}">
                <button type="submit" class="btn btn-light-primary me-3">
                    <i class="fa-regular fa-file-excel fs-4"></i>
                    Export
                </button>
            </form>
        </div> --}}
    </div>
    <!--end::Card header-->
    <!--begin::Card body-->
    <div class="card-body py-4">
        <div class="mb-10 border">
            <div class="shadow-sm">
                <div class="p-5 bg-white">
                    <div class="mt-3 item2-gl-nav">
                        <div class="d-block ">
                            <h5 class="mb-2 mt-0">Filter</h5>
                            <form action="{{ route('admin.payment.searchPayment') }}" method="get">

                                <div class="row">
                                    <div class="col-md-4">
                                        <!--begin::Input-->
                                        <label class="fs-6 fw-semibold form-label mt-3" for="first_name">
                                            <span>Code</span>
                                            <span class="ms-1" data-bs-toggle="tooltip" data-bs-original-title="Enter the applicant's code.">
                                                <i class="ki-outline ki-information fs-7"></i>
                                            </span>
                                        </label>
                                            <input type="text" class="form-control form-control-lg form-control-solid px-15"
                                            name="code"
                                            value=""
                                            placeholder="Search by Code"
                                            data-kt-search-element="input"/>
                                        <!--end::Input-->
                                    </div>
                                    <div class="col-md-4">
                                        <!--begin::Input-->
                                        <label class="fs-6 fw-semibold form-label mt-3" for="first_name">
                                            <span>Name</span>
                                            <span class="ms-1" data-bs-toggle="tooltip" data-bs-original-title="Enter the applicant's Name.">
                                                <i class="ki-outline ki-information fs-7"></i>
                                            </span>
                                        </label>
                                            <input type="text" class="form-control form-control-lg form-control-solid px-15"
                                            name="name"
                                            value=""
                                            placeholder="Search by Name"
                                            data-kt-search-element="input"/>
                                        <!--end::Input-->
                                    </div>
                                    <div class="col-md-4">
                                        <!--begin::Input-->
                                        <label class="fs-6 fw-semibold form-label mt-3" for="first_name">
                                            <span>Father Name</span>
                                            <span class="ms-1" data-bs-toggle="tooltip" data-bs-original-title="Enter the applicant's father name.">
                                                <i class="ki-outline ki-information fs-7"></i>
                                            </span>
                                        </label>
                                            <input type="text" class="form-control form-control-lg form-control-solid px-15"
                                            name="father"
                                            value=""
                                            placeholder="Search by Father Name"
                                            data-kt-search-element="input"/>
                                        <!--end::Input-->
                                    </div>
                                    <div class="col-md-4">
                                        <!--begin::Input-->
                                        <label class="fs-6 fw-semibold form-label mt-3" for="first_name">
                                            <span>Applicant Email</span>
                                            <span class="ms-1" data-bs-toggle="tooltip" data-bs-original-title="Enter the applicant's email.">
                                                <i class="ki-outline ki-information fs-7"></i>
                                            </span>
                                        </label>
                                            <input type="text" class="form-control form-control-lg form-control-solid px-15"
                                            name="email"
                                            value=""
                                            placeholder="Search by Email"
                                            data-kt-search-element="input"/>
                                        <!--end::Input-->
                                    </div>
                                    <div class="col-md-5">
                                        <!--begin::Input-->
                                        <label class="fs-6 fw-semibold form-label mt-3" for="first_name">
                                            <span>Phone</span>
                                            <span class="ms-1" data-bs-toggle="tooltip" data-bs-original-title="Enter the applicant's phone.">
                                                <i class="ki-outline ki-information fs-7"></i>
                                            </span>
                                        </label>
                                            <input type="text" class="form-control form-control-lg form-control-solid px-15"
                                            name="phone"
                                            value=""
                                            placeholder="Search by Phone"
                                            data-kt-search-element="input"/>
                                        <!--end::Input-->
                                    </div>
                                    <!--begin::Col-->
                                    <div class="col-3">
                                        <!--begin::Input group-->
                                        <div class="fv-row mb-7">
                                            <!--begin::Label-->
                                            <div>
                                                <label class="fs-6 fw-semibold form-label mt-3" for="status">
                                                    <span>Payment Status</span>
                                                    <span class="ms-1" data-bs-toggle="tooltip" data-bs-original-title="Select applicant's finance status.">
                                                        <i class="ki-outline ki-information fs-7"></i>
                                                    </span>
                                                </label>
                                            </div>
                                            <!--end::Label-->
                                            <!--begin::Radio group-->
                                            <div class="btn-group w-100 w-lg-50" data-kt-buttons="true" data-kt-buttons-target="[data-kt-button]">
                                                <!--begin::Radio-->
                                                <label class="btn btn-outline btn-color-muted btn-active-primary active" data-kt-button="true">
                                                    <!--begin::Input-->
                                                    <input class="btn-check" type="radio" checked="checked" name="is_paid" value="1"/>
                                                    <!--end::Input-->
                                                    Paid
                                                </label>
                                                <!--end::Radio-->

                                                <!--begin::Radio-->
                                                <label class="btn btn-outline btn-color-muted btn-active-primary" data-kt-button="true">
                                                    <!--begin::Input-->
                                                    <input class="btn-check" type="radio" name="is_paid"  value="0"/>
                                                    <!--end::Input-->
                                                    NotPaid
                                                </label>
                                                <!--end::Radio-->
                                            </div>
                                            <!--begin::Error-->
                                            @error('status')
                                                <div class="d-block fw-bold invalid-feedback">{{ $message }}</div>
                                            @enderror
                                            <!--end::Error-->
                                        </div>
                                        <!--end::Input group-->
                                    </div>
                                    <!--end::Col-->
                                    <div class="col-md-2 mt-6 mx-auto">
                                        <input type="submit" id="submit" class="btn btn-primary br-te-7 br-be-7 "
                                            value="Search">
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <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>Status</th>
                        @if (!$applicants->isEmpty() )
                            @if ($applicants[0]->total_fees != null)
                                <th>Total Fees</th>
                            @endif
                        @endif
                        <th>Phone</th>
                        @can(['payment.view', 'payment.list', 'payment.search', 'applicant.view'])
                            <th>actions</th>
                        @endcan
                    </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-{{ $applicant->total_fees ? 'primary':'danger' }}">{{ $applicant->total_fees? 'Paid':'Not Paid' }}</span>
                            </td>
                            @if ($applicant->total_fees)
                                <td>
                                    <span class="badge badge-success">{{ $applicant->total_fees }}</span>
                                </td>
                            @endif
                            <td>
                                {{ $applicant->applicant_phone }}
                            </td>
                            @can(['payment.view', 'payment.list', 'payment.search', 'applicant.view'])
                            <td>
                                <a href="#" class="btn btn-light btn-active-light-primary btn-flex btn-center btn-sm" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">Actions
                                    <i class="ki-outline ki-down fs-5 ms-1"></i></a>
                                    <!--begin::Menu-->
                                    <div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-bold fs-7 w-150px py-4" data-kt-menu="true">
                                        @can(['applicant.view'])
                                            <!--begin::Menu item-->
                                            <div class="menu-item px-3">
                                                <a href="{{ route('admin.applicant.show',$applicant->applicant_id) }}" class="menu-link px-3">
                                                    <i class="ki-duotone ki-profile-circle fs-4 me-2">
                                                        <span class="path1"></span>
                                                        <span class="path2"></span>
                                                    </i>
                                                    View
                                                </a>
                                            </div>
                                            <!--end::Menu item-->
                                        @endcan

                                        @can(['payment.edit'])
                                            <!--begin::Menu item-->
                                            <div class="menu-item px-3">
                                                <a href="{{ route('admin.payment.show',$applicant->applicant_id) }}" class="menu-link px-3">
                                                    <i class="ki-duotone ki-dollar fs-4 me-2">
                                                        <span class="path1"></span>
                                                        <span class="path2"></span>
                                                    </i>
                                                    Pay
                                                </a>
                                            </div>
                                            <!--end::Menu item-->
                                        @endcan

                                        @can(['payment.view'])
                                            @if ($applicant->total_fees)
                                                <!--begin::Menu item-->
                                                <div class="menu-item px-3">
                                                    <a href="{{ route('admin.payment.details',$applicant->id) }}" class="menu-link px-3">
                                                        <i class="ki-duotone ki-dollar fs-4 me-2">
                                                            <span class="path1"></span>
                                                            <span class="path2"></span>
                                                        </i>
                                                        Payment Details
                                                    </a>
                                                    <a href="{{ route('admin.payment.invoice', $applicant->id) }}"
                                                        class="menu-link px-3">
                                                        <i class="ki-duotone ki-dollar fs-4 me-2">
                                                            <span class="path1"></span>
                                                            <span class="path2"></span>
                                                        </i>
                                                        Invoice Details
                                                    </a>
                                                </div>
                                                <!--end::Menu item-->

                                            @endif
                                        @endcan
                                       @if(env('APP_ENV') !== 'production')
                                        <!--begin::Menu item-->
                                        <!--end::Menu item-->
                                        @endif
                                    </div>
                                    <!--end::Menu-->
                            </td>
                            @endcan
                        </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>
            <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>
        </div>
        <!--end::Table-->
    </div>
    <!--end::Card body-->
</div>
@endsection