@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="'Captive vsat Service Applications'" :breadcrumb="$breadcrumb" />
        <x-back-button />
    </div>
     <x-validation-errors />

    <x-action-loader action="search,perPage,sortBy,gotoPage,toggleStatus,previousPage,nextPage,confirmToggle,setActiveTab" type="fullbody" />
    <div class="p-12">
        <ul class="nav nav-tabs custom-tabs justify-content-center" role="tablist">
            <li class="nav-item">
                <a class="nav-link {{ ($activeTab ?? 'inProgress') === 'inProgress' ? 'active' : '' }}"
                    data-bs-toggle="tab" href="#inProgress" wire:click="setActiveTab('inProgress')">In Progress</a>
            </li>
            <li class="nav-item">
                <a class="nav-link {{ ($activeTab ?? '') === 'issued' ? 'active' : '' }}" data-bs-toggle="tab"
                    href="#issued" wire:click="setActiveTab('issued')">Issued/Rejected</a>
            </li>
        </ul>
        <div class="tab-content">
            <div class="card mt-3">
                <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>
                    <table class="table table-striped table-hover table-sm">
                        <thead class="table-light">
                            <tr class="table-dark">
                                <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">Application Created date</th>
                                <th class="p-2 text-left cursor-pointer">Application 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->created_at) }}</td>
                                <td class="p-2">
                                    {{ $application->status->c_status_desc ?? '' }}
                                </td>
                                <td>
                                    <div class="d-flex align-items-center">
                                        {{--
                                        <x-button.history-button :application-id="$application->c_appln_id" /> --}}
                                        @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(CvApplication::$appStatus['submitted'])
                                        @case(CvApplication::$appStatus['resubmitted'])
                                        @if ($application->status->applicant_action_type == 'B')
                                        <button
                                            wire:click="uploadSignedApplication('{{ encode_id($application->c_appln_id) }}')"
                                            class="btn action-icon-btn btn-sm" wire:loading.attr="disabled">
                                            <span wire:loading.remove
                                                wire:target="uploadSignedApplication('{{ encode_id($application->c_appln_id) }}')">
                                                {{ $application->status->applicant_action ?? 'NA' }}
                                            </span>
                                            <span wire:loading wire:target="uploadSignedApplication">
                                                <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
                                        @case(CvApplication::$appStatus['payment_received'])
                                        <button
                                            wire:click="uploadSignedApplication('{{ encode_id($application->c_appln_id) }}')"
                                            class="btn action-icon-btn btn-sm" wire:loading.attr="disabled">
                                            <span wire:loading.remove
                                                wire:target="uploadSignedApplication('{{ encode_id($application->c_appln_id) }}')">
                                                {{ $application->status->applicant_action ?? 'NA' }}
                                            </span>
                                            <span wire:loading wire:target="uploadSignedApplication">
                                                <i class="fa fa-spinner fa-spin"></i> Loading...
                                            </span>
                                        </button>
                                        @break
                                        @case(CvApplication::$appStatus['presubmitted'])
                                        <button
                                            wire:click="makePayment('{{ encode_id($application->c_appln_id) }}', '{{ encode_id('CVSAT-PF') }}')"
                                            class="btn action-icon-btn btn-sm" wire:loading.attr="disabled">
                                            <span wire:loading.remove
                                                wire:target="makePayment('{{ encode_id($application->c_appln_id) }}', '{{ encode_id('CVSAT-PF') }}')">
                                                {{ $application->status->applicant_action ?? 'NA' }}
                                            </span>
                                            <span wire:loading
                                                wire:target="makePayment('{{ encode_id($application->c_appln_id) }}', '{{ encode_id('CVSAT-PF') }}')">
                                                <i class="fa fa-spinner fa-spin"></i> Loading...
                                            </span>
                                        </button>
                                        @break
                                        @case(CvApplication::$appStatus['draft'])
                                        @case('RESCRUTINY')
                                        @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
                                        @case('SCR_VERIFIED_FORWARD')
                                        @case('SCR_VERIFIED_APPR')
                                        @case('SCR_REVERTED_FORWARD')
                                        @case('SCR_REVERTED_APPR')
                                        <span class="btn action-icon-btn btn-sm disabled">
                                            {{ $application->status->applicant_action ?? 'NA' }}
                                        </span>
                                        @break
                                        @case(CvApplication::$appStatus['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
                                        @case(CvApplication::$appStatus['bg_upload'])
                                        <button
                                            wire:click="bgEntry('{{ encode_id($application->c_appln_id) }}')"
                                            class="btn action-icon-btn btn-sm"
                                            wire:loading.attr="disabled">
                                            <span wire:loading.remove wire:target="bgEntry('{{ encode_id($application->c_appln_id) }}')">
                                                {{$application?->status?->applicant_action}}
                                            </span>
                                            <span wire:loading wire:target="bgEntry('{{ encode_id($application->c_appln_id) }}')">
                                                <i class="fa fa-spinner fa-spin"></i> Loading...
                                            </span>
                                        </button>
                                        @break
                                        @case(CvApplication::$appStatus['verified'])
                                        @if ($application->status->applicant_action_type == 'T')
                                        <span class="btn action-icon-btn btn-sm disabled">
                                            {{ $application->status->applicant_action ?? 'NA' }}
                                        </span>
                                        @endif
                                        @break
                                        @case(CvApplication::$appStatus['certificate_issue'])
                                        @if ($application->status->applicant_action_type == 'B')

                                        <button wire:click="downloadFile('ODLC', '{{ $application->c_appln_id }}')"
                                            class="btn action-icon-btn btn-sm" wire:loading.attr="disabled">
                                            <span wire:loading.remove
                                                wire:target="downloadFile('ODLC', '{{ $application->c_appln_id }}')">
                                                {{ $application->status->applicant_action ?? 'NA' }}
                                            </span>
                                            <span wire:loading
                                                wire:target="downloadFile('ODLC', '{{ $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="5" class="p-2 text-center text-gray-500">No applications found</td>
                            </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

        <!-- Pagination -->
         @if($applications->hasPages())
        <div class="mt-4">
            {{ $applications->links('pagination::bootstrap-5') }}
        </div>
        @endif
    </div>

    <x-application-history-modal 
        :show="$showHistoryModal"
        :application-id="$selectedApplicationId"
        :history="$applicationHistory"
        wire:click="closeHistoryModal"
    />

</div>

@push('scripts')
<script>
    document.addEventListener('livewire:initialized', () => {
        Livewire.on('edit-application', (applicationId) => {
            window.location.href = "{{ route('cvsat.edit', ':applicationId') }}"
                .replace(':applicationId', applicationId);
        });

        Livewire.on('open-payment-page', (event) => {
            const data = event.url ? event : event[0];            
            if (data && data.url) {
                window.location.href = data.url; 
            } else {
                alert('Payment URL not available.');
            }
        });

        Livewire.on('cvsat-application-pdf-download', (applicationId) => {
            window.location.href = "{{ route('cvsat.pdfDownloadSigned', ':applicationId') }}"
                .replace(':applicationId', applicationId);
        });
        
        Livewire.on('bg-entry', (applicationId) => {
            window.location.href = "{{ route('cvsat.bg_create', ['applicationId' => 'REPLACE_ID']) }}".replace('REPLACE_ID', applicationId);
        });
    });

    document.addEventListener('DOMContentLoaded', function () {
            const toast = @json(session('toast'));
            Swal.fire({
                icon: toast.type,
                title: toast.message,
                toast: true,
                position: 'top-end',
                showConfirmButton: false,
                timer: 4000,
                timerProgressBar: true,
            });
        });
</script>
@endpush