@extends('cms::layouts.master', ['dataTable' => true])

@section('title', 'Deleted Applicants')

@section('content')
    <x-page-header page-title="Deleted Applicants" active-title="Deleted Applicants"
        back-link="{{ route('applicants.index') }}" />

    <x-crud-table>
        <x-slot name="header">
            <th>SN.</th>
            <th>Date</th>
            <th>Name</th>
            <th>Phone</th>
            <th>Email</th>
            <th>Deleted At</th>
            <th>Deleted By</th>
            <th class="text-right">Action</th>
        </x-slot>

        <x-slot name="body">
            @php
                $count = count($applicants);
            @endphp
            @foreach ($applicants as $applicant)
                <tr>
                    <td>{{ $count-- }}</td>
                    <td>{{ \Carbon\Carbon::parse($applicant->created_at)->format('d M, Y h:i A') }}</td>
                    <td>{{ $applicant->name }}</td>
                    <td>
                        {{ $applicant->phone }}
                    </td>
                    <td>
                        {{ $applicant->email }}
                    </td>
                    <td>
                        {{ \Carbon\Carbon::parse($applicant->deleted_at)->format('d M, Y h:i A') }}
                    </td>
                    <td>
                        {{ optional($applicant->deletedBy)->name ?? 'N/A' }}
                    </td>
                    <td class="text-right">
                        <x-table-actions :restore="true" :permanent-delete="true" route-prefix="applicants" model-name="applicant"
                            :model-id="$applicant->id" />
                    </td>
                </tr>
            @endforeach
        </x-slot>
    </x-crud-table>
@endsection

@push('scripts')
    <script>
        $(document).ready(function() {
            // Destroy the existing DataTable instance
            if ($.fn.DataTable.isDataTable('.zero-configuration')) {
                $('.zero-configuration').DataTable().destroy();
            }

            // Re-initialize the DataTable with new configuration
            $('.zero-configuration').DataTable({
                "order": [
                    [0, 'desc']
                ],
            });
        });
    </script>
@endpush