@extends('layouts.admin')
@section('title', 'Payment list')
@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
                    <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>
        </div>
        <!--end::Card header-->
        <!--begin::Card body-->
        <div class="card-body py-4">
            <ul
                class="nav nav-tabs nav-pills border-0 d-flex gap-10 justify-content-center bg-light py-10 rounded text-center fw-bold fs-6 mb-6">
                <li class="nav-item ">
                    <a href="{{ route('admin.payment.index', ['is_paid' => 0]) }}"
                        class="nav-link {{ request()->is_paid == 0 ? 'active' : '' }}">Not Paid</a>
                </li>
                <li class="nav-item ">
                    <a href="{{ route('admin.payment.index', ['is_paid' => 1]) }}"
                        class="nav-link {{ request()->is_paid == 1 ? 'active' : '' }} ">Paid</a>
                </li>
            </ul> <!--begin::Table-->
            <div class="table-responsive">
                <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>
                            {{-- {{ dd($applicants[0]->total_fees); }} --}}
                            @if (!$applicants->isEmpty())
                                @if ($applicants[0]->total_fees != null)
                                    <th>Total Fees</th>
                                @endif
                            @endif
                            <th>Phone</th>
                            @if (!$applicants->isEmpty())
                                @if ($applicants[0]->total_fees != null)
                                <th>Invoice</th>
                                @endif
                            @endif
                            @can(['payment.view'])
                                @if (request()->is_paid == 0)
                                    <th>actions</th>
                                @endif
                            @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->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>
                                @if ($applicant->total_fees)
                                    <td>
                                        <label
                                            class="badge badge-{{ $applicant->total_fees == 0 ? 'primary' : 'success' }}">{{ $applicant->total_fees == 0 ? 'Free' : $applicant->total_fees }}</label>
                                    </td>
                                @endif
                                <td>
                                    {{ $applicant->applicant_phone }}
                                </td>
                                @if ($applicant->total_fees)
                                    <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">
                                        <div class="menu-item px-3">
                                            <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>
                                    </div>
                                </a>
                                    </td>
                                @endif
                                @can(['payment.view'])
                                    @if (request()->is_paid == 0)
                                    <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">
                                            <!--begin::Menu item-->
                                            <div class="menu-item px-3">
                                                <a href="{{ route('admin.payment.show', $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-->
                                            @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>
                                                        Details
                                                    </a>
                                                </div>
                                                <!--end::Menu item-->
                                            @endif
                                            @if (env('APP_ENV') !== 'production')
                                                <!--begin::Menu item-->
                                                <!--end::Menu item-->
                                            @endif
                                        </div>
                                        <!--end::Menu-->
                                    </td>
                                    @endif
                                @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