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

@section('title', 'Apply Now Dropdown Data')

@section('content')
    <x-page-header page-title="Apply Now Dropdown Data" active-title="Apply Now Dropdown Data" :create-button="true" create-link="{{ route('applicants-dropdown-data.create') }}" :trash-count="isset($trashCount) && $trashCount > 0 ? $trashCount : 0" trash-link="{{ route('applicants-dropdown-data.trashed') }}" back-link="{{ route('applicants-dropdown-data.index') }}" />

    <x-crud-table>
        <x-slot name="header">
            <th class="text-center">SN.</th>
            <th>Group</th>
            <th>Name</th>
            <th>Value</th>
            <th class="text-center">Status</th>
            <th class="text-center">Actions</th>
        </x-slot>

        <x-slot name="body">

            @php
                $count = count($applicantsDropdownData);
            @endphp

            @foreach ($applicantsDropdownData as $applicantDropdownData)
                <tr>
                    <td class="text-center">{{ $count-- }}</td>
                    <td>
                        @php
                            $group = $applicantDropdownData->group;
                            $UcName = ucwords(str_replace('_', ' ', $group));
                        @endphp
                        {{ $UcName }}
                    </td>
                    <td>{{ $applicantDropdownData->name }}</td>
                    <td>{{ $applicantDropdownData->value }}</td>

                    <td class="text-center">
                        <x-active-status route="applicants-dropdown-data.update" :model="$applicantDropdownData" :isEditable="true" />
                    </td>

                    <td class="text-center">
                        @if ($applicantDropdownData->deleted_at == null)
                            <x-table-actions :edit="true" :delete="true" route-prefix="applicants-dropdown-data"
                                model-name="applicantDropdownData" :model-id="$applicantDropdownData->id" />
                        @else
                            <x-table-actions :restore="true" :permanent-delete="true" route-prefix="applicants-dropdown-data"
                                model-name="applicantDropdownData" :model-id="$applicantDropdownData->id" />
                        @endif
                    </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