@extends('admin.layouts.app')

@section('container')
    <!-- Page-Title -->
    <div class="row">
        <div class="col-sm-12">
            <div class="page-title-box">
                <div class="float-end">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="#">Metrica</a>
                        </li>
                        <!--end nav-item-->
                        <li class="breadcrumb-item"><a href="#">Dashboard</a>
                        </li>
                        <!--end nav-item-->
                        <li class="breadcrumb-item active">Analytics</li>
                    </ol>
                </div>
                <h4 class="page-title">Applicant Report</h4>
            </div>
            <!--end page-title-box-->
        </div>
        <!--end col-->
    </div>
    <!-- end page title end breadcrumb -->

    <div class="row">
        @if (session('success'))
            <div class="alert alert-info">
                {{ session('success') }}
            </div>
        @endif
        @if (session('error'))
            <div class="alert alert-danger">
                {{ session('error') }}
            </div>
        @endif
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <form method="GET" action="" class="form">

                        <div class="row">
                            <div class="col-md-2">
                                <label for="area_type" class="mb-2">Search Type</label>
                                <div class="col-12">
                                    <select class="form-select" id="area_type" name="search_type"
                                        aria-label="Default select example">
                                        <option value="">Select Search Type</option>
                                        <option {{ old('search_type', request('search_type')) == 'name' ? 'selected' : '' }}
                                            value="name">Name
                                        </option>
                                        <option
                                            {{ old('search_type', request('search_type')) == 'tracking_no' ? 'selected' : '' }}
                                            value="tracking_no">
                                            Tracking_no
                                        </option>
                                    </select>
                                </div>
                                @error('search_type')
                                    <p class="mt-1 text-danger">{{ $message }}</p>
                                @enderror
                            </div>
                            <div class="col-md-2">
                                <div class="mb-2">
                                    <label for="search" class="mb-2">Search Value</label>
                                    <input class="form-control" type="text" name="search" id="search"
                                        value="{{ old('search', request('search')) }}" placeholder="Enter search value">
                                    @error('search')
                                        <p class="mt-1 text-danger">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-1">
                                <label for="" class="mb-2"> </label>
                                <div class="text-end">
                                    <button class="btn btn-primary" type="submit">Search</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <!--end card-header-->
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-striped mb-0">
                            <thead>
                                <tr>
                                    <th>SL</th>
                                    <th>Name</th>
                                    <th>Tracking No</th>
                                    <th>Status</th>
                                    <th class="text-end">Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($applicants as $index=>$applicant)
                                    <tr>
                                        <td>
                                            <div class="form-check form-check-sm form-check-custom form-check-solid">
                                                {{ $index + $applicants->firstItem() }}
                                            </div>
                                        </td>
                                        <td>{{ $applicant->name ?? '' }}</td>
                                        <td>{{ $applicant->tracking_number ?? '' }}</td>
                                        <td>
                                            @if ($applicant->status == 1)
                                                <p class="badge bg-primary">Active</p>
                                            @else
                                                <p class="badge bg-danger">Inactive</p>
                                            @endif
                                        </td>
                                        <td class="text-end">
                                            <a href="{{ route('report.applicant.view', $applicant->id) }}"><i
                                                    class="mdi mdi-eye-circle text-secondary font-24"></i></a>
                                            {{-- <a href="#"><i class="las la-trash-alt text-secondary font-16"></i></a> --}}
                                        </td>
                                    </tr>
                                @empty

                                    <tr>
                                        <td colspan="5" class="text-center">No data found.</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                        <!--end /table-->
                    </div>
                    <!--end /tableresponsive-->
                    {{ $applicants->links('pagination::bootstrap-5') }}
                </div>
                <!--end card-body-->
            </div>
            <!--end card-->
        </div> <!-- end col -->


    </div> <!-- end row -->
@endsection