@php
use App\Models\Cvsat\CvApplication;
@endphp
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <x-breadcrumb :title="'M2m Scrutiny List'" :breadcrumb="$breadcrumb" />
        <x-back-button />
    </div>
    <x-validation-errors />
    <x-action-loader action="search,perPage,sortBy,gotoPage,toggleStatus,previousPage,nextPage,confirmToggle" type="fullbody" />
    <div class="p-12">
        <div class="col-lg-12 col-md-12 col-sm-12">
            <ul class="nav nav-tabs custom-tabs justify-content-center" role="tablist">
                <li class="nav-item">
                    <a class="nav-link {{ $activeTab === 'home' ? 'active' : '' }}" data-bs-toggle="tab" href="#home" wire:click="$set('activeTab', 'home')">Current Active Applications</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {{ $activeTab === 'inProcess' ? 'active' : '' }}" data-bs-toggle="tab" href="#inProcess" wire:click="$set('activeTab', 'inProcess')">In Process Applications</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {{ $activeTab === 'issued' ? 'active' : '' }}" data-bs-toggle="tab" href="#issued" wire:click="$set('activeTab', 'issued')">Issued Applications</a>
                </li>
            </ul>
    
            <div class="tab-content">
                <!-----------------Cuurent Active Applications Start------------------>
                <div id="home" class="p-3 tab-pane {{ $activeTab === 'home' ? 'active' : '' }}">
                    <div class="row">
                        <div class="card">
                            <div class="card-body">
                                <div class="row align-items-center justify-content-between">
                                    <div class="col-md-6">
                                        <x-per-page-selector wire:model.live="perPage" :options="[5,10,25,50,100]" />
                                    </div>
                                    <div class="col-md-3">
                                        <input type="text" wire:model.live.debounce.300ms="search"
                                            placeholder="Search applications..."
                                            class="border border-gray-300 rounded px-3 py-1 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500">
                                    </div>
                                </div>
                                <div class="table-responsive">
                                    <table class="table table-striped table-hover table-sm">
                                        <thead class="table-light">
                                            <tr>
                                                <th class="p-2 text-left cursor-pointer">S.No</th>
                                                <th class="p-2 text-left cursor-pointer">Application Id</th>
                                                <th class="p-2 text-left cursor-pointer">Submitted Date</th>
                                                <th class="p-2 text-left cursor-pointer">Company Name</th>
                                                <th class="p-2 text-left cursor-pointer">CV Type</th>
                                                <th class="p-2 text-left cursor-pointer">Status</th>
                                                <th class="p-2 text-left cursor-pointer">Action</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @forelse($applications as $index => $application)
                                            <tr class="border-t">
                                                <td class="p-2">{{ $applications->firstItem() + $index }}</td>
                                                <td class="p-2">{{ $application->c_appln_id }}</td>
                                                <td class="p-2">{{ formatDate($application->d_create_dt) }}</td>
                                               <td class="p-2">{{ $application->user->name }}</td>
                                                <td class="p-2">CV Services</td>
                                                <td class="p-2">{{ $application->status->dot_action }}</td>
                                                <td class="p-2">
                                                    <div class="d-flex align-items-center gap-2">
                                                        @if (!in_array($application->c_appln_status, ['SAVED', 'PRESUBMITTED']))
                                                            <x-button.pdf-download-button :application-id="$application->c_appln_id" />
                                                        @endif
                                                        @switch($application->c_appln_status)
                                                        @case('SUBMITTED')
                                                        @case('RESUBMITTED')
                                                        @case('PRESCRU_RESUBMITTED')
                                                        @case('RESCRUTINY')
                                                        {{-- <div data-component-id="eoffice-{{ $application->c_appln_id }}">
                                                            <livewire:nso.eoffice-request
                                                                :applicationId="$application->c_appln_id"
                                                                :wire:key="'eoffice-' . $application->c_appln_id" />
                                                        </div> --}}
                                                        @if ($application->status->dot_action_type == 'B')
                                                            <button
                                                                wire:click="scrutinyApplication('{{ encode_id($application->c_appln_id) }}')"
                                                                class="btn action-icon-btn btn-sm" wire:loading.attr="disabled">
                                                                <span wire:loading.remove
                                                                    wire:target="scrutinyApplication('{{ encode_id($application->c_appln_id) }}')">
                                                                    {{ $application->status->dot_action ?? 'NA' }}
                                                                </span>
                                                                <span wire:loading
                                                                    wire:target="scrutinyApplication('{{ encode_id($application->c_appln_id) }}')">
                                                                    <i class="fa fa-spinner fa-spin"></i> Loading...
                                                                </span>
                                                            </button>
                                                        @elseif ($application->status->dot_action_type == 'T')
                                                            <span class="btn action-icon-btn btn-sm disabled">
                                                                {{ $application->status->dot_action ?? 'NA' }}
                                                            </span>
                                                        @endif
    
                                                        @break
                                                        @break
                                                        @case('SCR_VERIFIED_FORWARD')
                                                        @case('SCR_REVERTED_FORWARD')
                                                        @if ($application->status->dot_action_type == 'B')
                                                            <button
                                                                wire:click="sendForApporval('{{ encode_id($application->c_appln_id) }}')"
                                                                class="btn action-icon-btn btn-sm" wire:loading.attr="disabled">
                                                                <span wire:loading.remove
                                                                    wire:target="sendForApporval('{{ encode_id($application->c_appln_id) }}')">
                                                                    {{ $application->status->dot_action ?? 'NA' }}
                                                                </span>
                                                                <span wire:loading
                                                                    wire:target="sendForApporval('{{ encode_id($application->c_appln_id) }}')">
                                                                    <i class="fa fa-spinner fa-spin"></i> Loading...
                                                                </span>
                                                            </button>
                                                        @elseif ($application->status->dot_action_type == 'T')
                                                            <span class="btn action-icon-btn btn-sm disabled">
                                                                {{ $application->status->dot_action ?? 'NA' }}
                                                            </span>
                                                        @endif
                                                        @break
                                                        @case('PRERESUBMITTED')
                                                            <span class="btn action-icon-btn btn-sm disabled">
                                                                {{ $application->status->dot_action ?? 'NA' }}
                                                            </span>
                                                        @break
                                                        @case('SCR_VERIFIED_APPR')
                                                        @case('SCR_REVERTED_APPR')
                                                        @if ($application->status->dot_action_type == 'B')
                                                            @php
                                                                $forwardedFromOfficerDesignation = 'Officer';
                                                                $forwardedFrom = $application->latestWorkflow->c_fwd_by;
                                                                $forwardedFromUsernameArr = explode("_", $forwardedFrom);
                                                                if (in_array('adg', $forwardedFromUsernameArr)) {
                                                                        $forwardedFromOfficerDesignation = "ADG";
                                                                    } else if (in_array('dir', $forwardedFromUsernameArr)) {
                                                                        $forwardedFromOfficerDesignation = "Director";
                                                                    } else if (in_array('ddg', $forwardedFromUsernameArr)) {
                                                                        $forwardedFromOfficerDesignation = "DDG";
                                                                    }
                                                            @endphp
                                                            <button
                                                                wire:click="sendForApporval('{{ encode_id($application->c_appln_id) }}')"
                                                                class="btn action-icon-btn btn-sm" wire:loading.attr="disabled">
                                                                <span wire:loading.remove
                                                                    wire:target="sendForApporval('{{ encode_id($application->c_appln_id) }}')">
                                                                    {{ "Received from {$forwardedFromOfficerDesignation} for future action" }}
                                                                </span>
                                                                <span wire:loading
                                                                    wire:target="sendForApporval('{{ encode_id($application->c_appln_id) }}')">
                                                                    <i class="fa fa-spinner fa-spin"></i> Loading...
                                                                </span>
                                                            </button>
                                                        @elseif ($application->status->dot_action_type == 'T')
                                                            <span class="btn action-icon-btn btn-sm disabled">
                                                                {{ $application->status->dot_action ?? 'NA' }}
                                                            </span>
                                                        @endif
                                                        @break
                                                        @case('VERIFIED')
                                                            @if ($application->status->dot_action_type == 'B')
                                                                <button 
                                                                    wire:click="showLoiForm('{{ encode_id($application->c_appln_id) }}')"
                                                                    class="btn action-icon-btn btn-sm"
                                                                    wire:loading.attr="disabled">
                                                                    <span wire:loading.remove wire:target="showLoiForm('{{ encode_id($application->c_appln_id) }}')">
                                                                        {{ $application->status->applicant_action ?? 'NA' }}
                                                                    </span>
                                                                    <span wire:loading wire:target="showLoiForm('{{ encode_id($application->c_appln_id) }}')">
                                                                        <i class="fa fa-spinner fa-spin"></i> Loading...
                                                                    </span>
                                                                </button>
                                                            @endif
                                                        @break
                                                        @case('REVERTED')
                                                            @if ($application->status->applicant_action_type == 'B')
                                                                <button 
                                                                    wire:click="editApplication('{{ encode_id($application->c_appln_id) }}')"
                                                                    class="btn action-icon-btn btn-sm"
                                                                    wire:loading.attr="disabled">
                                                                    <span wire:loading.remove wire:target="editApplication('{{ encode_id($application->c_appln_id) }}')">
                                                                        {{ $application->status->applicant_action ?? 'NA' }}
                                                                    </span>
                                                                    <span wire:loading wire:target="editApplication('{{ encode_id($application->c_appln_id) }}')">
                                                                        <i class="fa fa-spinner fa-spin"></i> Loading...
                                                                    </span>
                                                                </button>
                                                            @elseif ($application->status->applicant_action_type == 'T')
                                                                <span class="btn action-icon-btn btn-sm disabled">
                                                                    {{ $application->status->applicant_action ?? 'NA' }}
                                                                </span>
                                                            @endif
                                                        @break
                                                        
                                                        @endswitch
                                                    </div>
                                                </td>
                                            </tr>
                                            @empty
                                            <tr>
                                                <td colspan="8" class="p-2 text-center text-gray-500">No applications found
                                                </td>
                                            </tr>
                                            @endforelse
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-----------------Cuurent Active Applications End------------------>
            </div>
        </div>
    
    </div>
        <!-- Pagination -->
         @if($applications->hasPages())
        <div class="mt-4">
            {{ $applications->links('pagination::bootstrap-5') }}
        </div>
        @endif
</div>

@push('scripts')

<script>
    document.addEventListener('livewire:initialized', () => {
        Livewire.on('scrutiny-application', (applicationId) => {
            window.location.href = "{{ route('cvsat.scrutiny.show', ':applicationId') }}"
                .replace(':applicationId', applicationId);
        });
        
        Livewire.on('cvsat-application-pdf-download', (applicationId) => {
            window.location.href = "{{ route('cvsat.pdfDownloadSigned', ':applicationId') }}"
                .replace(':applicationId', applicationId);
        });

        Livewire.on('show-loi-form', (applicationId) => {
            window.location.href = "{{ route('cvsat.scrutiny.show-loi-form', ':applicationId') }}"
                .replace(':applicationId', applicationId);
        });
    });

    function confirmGenerateCert(appId) {
        Swal.fire({
            title: 'Do you want to generate certificate?',
            text: 'This action will generate a certificate for this application.',
            icon: 'info',
            showCancelButton: true,
            confirmButtonText: 'Yes, generate it',
            cancelButtonText: 'Cancel',
        }).then((result) => {
            if (result.isConfirmed) {
                Livewire.dispatch('generateCertificate', { appId });
            }
        });
    }

</script>
@endpush