@php
    use App\Livewire\Wpc\Repa\AuthorisationActivityTypeEnum;
    use App\Livewire\Wpc\Repa\EquipmentTypeEnum;
@endphp
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-2">
        <x-breadcrumb :title="'Radio Equipment Possession Authorisation'" :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">
                @if($showInProgress)
                <li class="nav-item">
                    <a class="nav-link {{ $activeTab === 'inProgress' ? 'active' : '' }}" data-bs-toggle="tab" href="#inProgress" wire:click="$set('activeTab', 'inProgress')">In Progress</a>
                </li>
                @endif
                @if($showIssued)
                <li class="nav-item">
                    <a class="nav-link {{ $activeTab === 'issued' ? 'active' : '' }}" data-bs-toggle="tab" title="Issued/Surrendered/Terminated Licenses" href="#issued" wire:click="$set('activeTab', 'issued')">Issued/Terminated</a>
                </li>
                @endif
                @if($showRenewal)
                <li class="nav-item">
                    <a class="nav-link {{ $activeTab === 'renewal' ? 'active' : '' }}" data-bs-toggle="tab" href="#renewal" wire:click="$set('activeTab', 'renewal')">Renewal</a>
                </li>
                @endif
                @if($showSurrender)
                <li class="nav-item">
                    <a class="nav-link {{ $activeTab === 'surrender' ? 'active' : '' }}" data-bs-toggle="tab" href="#surrender" wire:click="$set('activeTab', 'surrender')">Surrender</a>
                </li>
                @endif
                @if($showSuspension)
                <li class="nav-item">
                    <a class="nav-link {{ $activeTab === 'suspension' ? 'active' : '' }}" data-bs-toggle="tab" href="#suspension" wire:click="$set('activeTab', 'suspension')">Suspension</a>
                </li>
                @endif
                @if($showCommencement)
                <li class="nav-item">
                    <a class="nav-link {{ $activeTab === 'commencement' ? 'active' : '' }}" data-bs-toggle="tab" href="#commencement" wire:click="$set('activeTab', 'commencement')">Commencement of Service Request</a>
                </li>
                @endif
                @if($showNotices)
                <li class="nav-item">
                    <a class="nav-link {{ $activeTab === 'notices' ? 'active' : '' }}" data-bs-toggle="tab" href="#notices" wire:click="$set('activeTab', 'notices')">Issued Notices</a>
                </li>
                @endif
                @if($showReports)
                <li class="nav-item">
                    <a class="nav-link {{ $activeTab === 'reports' ? 'active' : '' }}" data-bs-toggle="tab" href="#reports" wire:click="$set('activeTab', 'reports')">General Reports</a>
                </li>
                @endif
                @if($showStocks)
                <li class="nav-item">
                    <a class="nav-link {{ $activeTab === 'stocks' ? 'active' : '' }}" data-bs-toggle="tab" href="#stocks" wire:click="$set('activeTab', 'stocks')">Maintain/Transfer Stock</a>
                </li>
                @endif
            </ul>
            <div class="tab-content">
                <!-- In Progress Tab -->
                @if($showInProgress)
                <div id="inProgress" class="p-3 tab-pane {{ $activeTab === 'inProgress' ? 'active' : '' }}">

                    <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-dark">
                                    <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">Selected Activity</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">
                                            @php
                                                $activities = $application->mapApplicationCategory?->activities ?? [];
                                                $equipment  = $application->mapApplicationCategory?->equipment ?? [];
                                                $selectedServices = collect($activities)
                                                    ->map(fn ($value) => AuthorisationActivityTypeEnum::tryFrom($value)?->label())
                                                    ->filter()
                                                    ->unique()
                                                    ->values();
                                                
                                            @endphp
                                            @if($selectedServices->isNotEmpty())
                                                <ul class="mb-0 ps-3">
                                                    @foreach($selectedServices as $service)
                                                        <li>{{ $service }}</li>
                                                    @endforeach
                                                </ul>
                                            @else
                                                <span class="text-muted">N/A</span>
                                            @endif
                                        </td>
                                        <td class="p-2">{{ formatDate($application->d_create_dt, 'd-m-Y H:i:s') }}</td>
                                        <td class="p-2">
                                            {{ $application->status->c_status_desc??'' }}
                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center">
                                                @can('repa_apply')
                                                <x-button.history-button :application-id="$application->c_appln_id" />
                                                <div data-component-id="attachment-history-{{ $application->c_appln_id }}">
                                                    <livewire:attachment-history :app_id="$application->c_appln_id" :source="$source" :wire:key="'attachment-history-' . $application->c_appln_id" />
                                                </div>
                                                <button
                                                    wire:click="sendEmailReminder('{{ encode_id($application->c_appln_id) }}')"
                                                    class="btn btn-sm"
                                                    wire:loading.attr="disabled">
                                                    <span wire:loading.remove wire:target="sendEmailReminder('{{ encode_id($application->c_appln_id) }}')">
                                                        <img class="action-icon" src="{{ asset('assets/images/fa-envelope.svg') }}" alt="email" data-bs-toggle="tooltip" data-bs-placement="top" title="Correspondence" />
                                                    </span>
                                                    <span wire:loading wire:target="sendEmailReminder('{{ encode_id($application->c_appln_id) }}')">
                                                        <i class="fa fa-spinner fa-spin"></i> Loading...
                                                    </span>
                                                </button>
                                                <livewire:signed-pdf-download :application-id="$application->c_appln_id" :source="$source" table="wpc_repa_file_details" c_document_id="REPASGN" :wire:key="'signed-pdf-download-'.$application->c_appln_id.'-'.$activeTab"/>
                                                @endcan
                                                @switch($application->c_appln_status)
                                                @case('PRESUBMITTED')
                                                @can('repa_apply')
                                                @if(empty($application->payments))
                                                <button
                                                    wire:click="editApplication('{{ encode_id($application->c_appln_id) }}')"
                                                    class="btn btn-sm"
                                                    wire:loading.attr="disabled">
                                                    <span wire:loading.remove wire:target="editApplication('{{ encode_id($application->c_appln_id) }}')">
                                                        <img class="action-icon" src="{{ asset('assets/images/edit-action.svg') }}" alt="edit" data-bs-toggle="tooltip" data-bs-placement="top" title="Edit application" />
                                                    </span>
                                                    <span wire:loading wire:target="editApplication('{{ encode_id($application->c_appln_id) }}')">
                                                        <i class="fa fa-spinner fa-spin"></i> Loading...
                                                    </span>
                                                </button>
                                                @endif
                                                @endcan
                                                @can('repa_apply')
                                                <button
                                                    wire:click="makePayment('{{ encode_id($application->c_appln_id) }}')"
                                                    class="btn action-icon-btn btn-sm"
                                                    wire:loading.attr="disabled">
                                                    <span wire:loading.remove wire:target="makePayment('{{ encode_id($application->c_appln_id) }}')">
                                                        {{$application?->status?->c_applicant_action}}
                                                    </span>
                                                    <span wire:loading wire:target="makePayment('{{ encode_id($application->c_appln_id) }}')">
                                                        <i class="fa fa-spinner fa-spin"></i> Loading...
                                                    </span>
                                                </button>
                                                @endcan
                                                @break
                                                @case('SAVED')
                                                @case('REVERTED')
                                                @case('SAVE_REVERTED')
                                                @can('repa_apply')
                                                <a href="{{ route('repa.application.edit', encode_id($application->c_appln_id)) }}" class="btn btn-sm">
                                                    <img class="action-icon"
                                                        src="{{ asset('assets/images/edit-action.svg') }}"
                                                        alt="edit">
                                                </a>
                                                @endcan
                                                @break
                                                @case('LOI_ISSUED')
                                                @can('repa_apply')
                                                <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?->c_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>
                                                @else
                                                <a href="javascript:void(0)" class="btn action-icon-btn btn-sm disabled text-muted" data-bs-toggle="tooltip" title="You don't have permission to create BG entry">{{$application?->status?->c_applicant_action}}</a>
                                                @endcan
                                                @break
                                                @case('BG_ENTRY_SLOI_REVERTED')
                                                @can('repa_apply')
                                                <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?->c_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>
                                                @else
                                                <a href="javascript:void(0)" class="btn action-icon-btn btn-sm disabled text-muted" data-bs-toggle="tooltip" title="You don't have permission to create BG entry">{{$application?->status?->c_applicant_action}}</a>
                                                @endcan
                                                @break
                                                @case('LICN_UPLOADED')
                                                <button
                                                    wire:click="certificateSigningIssuance('{{ encode_id($application->c_appln_id) }}')"
                                                    class="btn action-icon-btn btn-sm"
                                                    wire:loading.attr="disabled">
                                                    <span wire:loading.remove wire:target="certificateSigningIssuance('{{ encode_id($application->c_appln_id) }}')">
                                                        Signing Of License
                                                    </span>
                                                    <span wire:loading wire:target="certificateSigningIssuance('{{ encode_id($application->c_appln_id) }}')">
                                                        <i class="fa fa-spinner fa-spin"></i> Loading...
                                                    </span>
                                                </button>
                                                @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>
                    <!-- Pagination -->
                    @if($applications->hasPages())
                    <div class="mt-4">
                      {{ $applications->links('pagination.repa-bootstrap') }}
                    </div>
                    @endif
                </div>
                @endif
                <!-- Issued/Surrendered/Terminated Licenses Tab -->
                @if($showIssued)
                <div id="issued" class="p-3 tab-pane {{ $activeTab === 'issued' ? 'active' : '' }}">
                    <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>
                            <div class="table-responsive">
                                <table class="table table-bordered table-striped table-hover table-sm">
                                    <thead class="table-dark">
                                        <tr>
                                            <th class="p-2">S.No</th>
                                            <th class="p-2">Application Id</th>
                                            <th class="p-2">Company Name</th>
                                            <th class="p-2">Selected Activity</th>
                                            <th class="p-2">Authorisation No</th>
                                            <th class="p-2">Effective Date</th>
                                            <th class="p-2">Download</th>
                                            <th class="p-2">Status</th>
                                            <th class="p-2">Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($issued as $index => $application)
                                            @php
                                                $appTypeInfo = $this->getAppType($application->c_app_type);
                                                $migratedStatus = $appTypeInfo['desc'];
                                            @endphp
                                        <tr>
                                            <td class="p-2">{{ $issued->firstItem() + $index }}</td>
                                            <td class="p-2">{{ $application->c_appln_id }}</td>
                                            <td class="p-2">{{ optional($application->creator)->name ?? '' }}</td>
                                            <td class="p-2">
                                                @php
                                                    $activities = $application->mapApplicationCategory?->activities ?? [];
                                                    $equipment  = $application->mapApplicationCategory?->equipment ?? [];
                                                    $selectedServices = collect($activities)
                                                        ->map(fn ($value) => AuthorisationActivityTypeEnum::tryFrom($value)?->label())
                                                        ->filter()
                                                        ->unique()
                                                        ->values();
                                                   
                                                @endphp
                                                @if($selectedServices->isNotEmpty())
                                                    <ul class="mb-0 ps-3">
                                                        @foreach($selectedServices as $service)
                                                            <li>{{ $service }}</li>
                                                        @endforeach
                                                    </ul>
                                                @else
                                                    <span class="text-muted">N/A</span>
                                                @endif
                                            </td>
                                            <td class="p-2">{{ $application->c_license_no ?  $application->c_license_no . ' ' . $migratedStatus : '' }} </td>
                                            <td class="p-2">{{ formatDate($application->d_effective_date, 'd-m-Y') }}</td>
                                            <td class="p-2">
                                                @php
                                                    $file = $application->files->firstWhere('c_document_id', 'REPALCI01');
                                                @endphp
                                                @if(!empty($file))
                                                <a href="{{ route('file.new-download', ['file' => urlencode(Crypt::encryptString($file?->c_file_path))]) }}" target="_blank">
                                                    <h5><span class="label label-primary">Download Certificate</span></h5>
                                                </a>
                                                @endif
                                            </td>
                                            <td class="p-2">{{ $application->status->c_status_desc ?? '' }}</td>
                                            <td class="p-2"><x-button.history-button :application-id="$application->c_appln_id" /></td>
                                        </tr>
                                        @empty
                                        <tr>
                                            <td colspan="6" class="p-2 text-center text-gray-500">No records found</td>
                                        </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                            @if($issued->hasPages())
                            <div class="mt-3">{{ $issued->links('pagination::bootstrap-5') }}</div>
                            @endif
                        </div>
                    </div>
                </div>
                @endif
                <!-- Renewal Tab -->
                @if($showRenewal)
                <div id="renewal" class="p-3 tab-pane {{ $activeTab === 'renewal' ? 'active' : '' }}">
                    <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>
                            <div class="table-responsive">
                                <table class="table table-bordered table-striped table-hover table-sm">
                                    <thead class="table-dark">
                                        <tr>
                                            <th class="p-2">S.No</th>
                                            <th class="p-2">Application Id</th>
                                            <th class="p-2">Company Name</th>
                                            <th class="p-2">Submitted Date</th>
                                            <th class="p-2">Status</th>
                                            <th class="p-2">Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($renewal as $index => $application)
                                        <tr>
                                            <td class="p-2">{{ $renewal->firstItem() + $index }}</td>
                                            <td class="p-2">{{ $application->c_appln_id }}</td>
                                            <td class="p-2">{{ optional($application->creator)->name ?? '' }}</td>
                                            <td class="p-2">{{ formatDate($application->d_create_dt, 'd-m-Y') }}</td>
                                            <td class="p-2">{{ $application->status->c_status_desc ?? '' }}</td>
                                            <td class="p-2"><x-button.history-button :application-id="$application->c_appln_id" /></td>
                                        </tr>
                                        @empty
                                        <tr>
                                            <td colspan="6" class="p-2 text-center text-gray-500">No records found</td>
                                        </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                            @if($renewal->hasPages())
                            <div class="mt-3">{{ $renewal->links('pagination::bootstrap-5') }}</div>
                            @endif
                        </div>
                    </div>
                </div>
                @endif
                <!-- Surrender Tab -->
                @if($showSurrender)
                <div id="surrender" class="p-3 tab-pane {{ $activeTab === 'surrender' ? 'active' : '' }}">
                    <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>
                            <div class="table-responsive">
                                <table class="table table-bordered table-striped table-hover table-sm">
                                    <thead class="table-dark">
                                        <tr>
                                            <th class="p-2">S.No</th>
                                            <th class="p-2">Application Id</th>
                                            <th class="p-2">Company Name</th>
                                            <th class="p-2">Surrender Date</th>
                                            <th class="p-2">Status</th>
                                            <th class="p-2">Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($surrender as $index => $application)
                                        <tr>
                                            <td class="p-2">{{ $surrender->firstItem() + $index }}</td>
                                            <td class="p-2">{{ $application->c_appln_id }}</td>
                                            <td class="p-2">{{ optional($application->creator)->name ?? '' }}</td>
                                            <td class="p-2">{{ formatDate($application->d_surrender_dt, 'd-m-Y') }}</td>
                                            <td class="p-2">{{ $application->status->c_status_desc ?? '' }}</td>
                                            <td class="p-2"><x-button.history-button :application-id="$application->c_appln_id" /></td>
                                        </tr>
                                        @empty
                                        <tr>
                                            <td colspan="6" class="p-2 text-center text-gray-500">No records found</td>
                                        </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                            @if($surrender->hasPages())
                            <div class="mt-3">{{ $surrender->links('pagination::bootstrap-5') }}</div>
                            @endif
                        </div>
                    </div>
                </div>
                @endif
                <!-- Suspension Tab -->
                @if($showSuspension)
                <div id="suspension" class="p-3 tab-pane {{ $activeTab === 'suspension' ? 'active' : '' }}">
                    <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>
                            <div class="table-responsive">
                                <table class="table table-bordered table-striped table-hover table-sm">
                                    <thead class="table-dark">
                                        <tr>
                                            <th class="p-2">S.No</th>
                                            <th class="p-2">Application Id</th>
                                            <th class="p-2">Company Name</th>
                                            <th class="p-2">Last Service</th>
                                            <th class="p-2">Status</th>
                                            <th class="p-2">Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($suspension as $index => $application)
                                        <tr>
                                            <td class="p-2">{{ $suspension->firstItem() + $index }}</td>
                                            <td class="p-2">{{ $application->c_appln_id }}</td>
                                            <td class="p-2">{{ optional($application->creator)->name ?? '' }}</td>
                                            <td class="p-2">{{ optional(optional($application->services->first())->serviceMaster)->c_serv_short_name ?? '' }}</td>
                                            <td class="p-2">{{ $application->status->c_status_desc ?? '' }}</td>
                                            <td class="p-2"><x-button.history-button :application-id="$application->c_appln_id" /></td>
                                        </tr>
                                        @empty
                                        <tr>
                                            <td colspan="6" class="p-2 text-center text-gray-500">No records found</td>
                                        </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                            @if($suspension->hasPages())
                            <div class="mt-3">{{ $suspension->links('pagination::bootstrap-5') }}</div>
                            @endif
                        </div>
                    </div>
                </div>
                @endif
                <!-- Commencement of Service Request Tab -->
                @if($showCommencement)
                <div id="commencement" class="p-3 tab-pane {{ $activeTab === 'commencement' ? 'active' : '' }}">
                    <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>
                            <div class="table-responsive">
                                <table class="table table-bordered table-striped table-hover table-sm">
                                    <thead class="table-dark">
                                        <tr>
                                            <th class="p-2">S.No</th>
                                            <th class="p-2">Application Id</th>
                                            <th class="p-2">Company Name</th>
                                            <th class="p-2">Approved Date</th>
                                            <th class="p-2">Status</th>
                                            <th class="p-2">Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($commencement as $index => $application)
                                        <tr>
                                            <td class="p-2">{{ $commencement->firstItem() + $index }}</td>
                                            <td class="p-2">{{ $application->c_appln_id }}</td>
                                            <td class="p-2">{{ optional($application->creator)->name ?? '' }}</td>
                                            <td class="p-2">{{ formatDate($application->d_service_start_appr_dt, 'd-m-Y') }}</td>
                                            <td class="p-2">{{ $application->status->c_status_desc ?? '' }}</td>
                                            <td class="p-2"><x-button.history-button :application-id="$application->c_appln_id" /></td>
                                        </tr>
                                        @empty
                                        <tr>
                                            <td colspan="6" class="p-2 text-center text-gray-500">No records found</td>
                                        </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                            @if($commencement->hasPages())
                            <div class="mt-3">{{ $commencement->links('pagination::bootstrap-5') }}</div>
                            @endif
                        </div>
                    </div>
                </div>
                @endif
                <!-- Issued Notices Tab -->
                @if($showNotices)
                <div id="notices" class="p-3 tab-pane {{ $activeTab === 'notices' ? 'active' : '' }}">
                    <div class="card mt-3">
                        <div class="card-body">
                            <p>Issued Notices.</p>
                        </div>
                    </div>
                </div>
                @endif
                @if($showReports)
                <!-- General Reports Tab -->
                <div id="reports" class="p-3 tab-pane {{ $activeTab === 'reports' ? 'active' : '' }}">
                    <div class="card mt-3">
                        <div class="card-body">
                            <p>General Reports.</p>
                        </div>
                    </div>
                </div>
                @endif
                @if($showStocks)
                <div id="stocks" class="p-3 tab-pane {{ $activeTab === 'stocks' ? 'active' : '' }}">
                    <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>
                            <div class="table-responsive">
                                <table class="table table-bordered table-striped table-hover table-sm">
                                    <thead class="table-dark">
                                        <tr>
                                            <th class="p-2">S.No</th>
                                            <th class="p-2">Model</th>
                                            <th class="p-2">Manufacturer</th>
                                            <th class="p-2">Total Quantity</th>
                                            <th class="p-2">Sold Quantity</th>
                                            <th class="p-2">Balance Quantity</th>
                                            <th class="p-2">Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        
                                        @forelse($stocks as $index => $stock)
                                            <tr wire.key="{{ $stock->c_sr_id }}" >
                                                <td class="p-2">{{ $stocks->firstItem() + $index }}</td>
                                                <td class="p-2">{{ $stock->c_model }}</td>
                                                <td class="p-2">{{ $stock->c_make }}</td>
                                                <td class="p-2">{{ $stock->n_quantity_received }}</td>
                                                <td class="p-2">{{ $stock->n_quantity_sold }}</td>
                                                <td class="p-2">{{ $stock->n_quantity_bal }}</td>
                                                <td class="p-2">
                                                    <button
                                                        wire:click="updateStockModel('{{ encode_id($stock->c_sr_id) }}')"
                                                        class="btn action-icon-btn btn-sm"
                                                        wire:loading.attr="disabled">
                                                        <span wire:loading.remove wire:target="updateStockModel('{{ encode_id($stock->c_sr_id) }}')">
                                                            Update Stock
                                                        </span>
                                                        <span wire:loading wire:target="updateStockModel('{{ encode_id($stock->c_sr_id) }}')">
                                                            <i class="fa fa-spinner fa-spin"></i> Loading...
                                                        </span>
                                                    </button>
                                                </td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="7" class="p-2 text-center text-gray-500">No records found</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                            @if($stocks->hasPages())
                                <div class="mt-3">{{ $stocks->links('pagination::bootstrap-5') }}</div>
                            @endif
                        </div>
                    </div>
                </div>
                @endif
            </div>
        </div>
    </div>
    <ul class="reference-list d-none">
        @for ($i = 1; $i <= 34; $i++)
            <li>{{$i}}. {{ config("tooltip.authorisation.$i") }}</li>
            @endfor
    </ul>
    <x-application-history-modal
        :show="$showHistoryModal"
        :application-id="$selectedApplicationId"
        :history="$applicationHistory"
        wire:click="closeHistoryModal" />

    @if($showStockModal)
    <div class="modal fade show d-block" tabindex="-1" style="background-color: rgba(0,0,0,0.5);">
        <div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Update Stock — REPA Authorisation No: {{ $repaLicenseNo ?: 'N/A' }}</h5>
                    <button type="button" class="btn-close btn-close-black" wire:click="closeStockModal"></button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">

                                @if(empty($repaLicenseNo))
                                <div class="mb-3 row align-items-center">
                                    <label class="col-md-5">Select REPA License No.</label>
                                    <div class="col-md-7">
                                        <select name="dpl_license_no" id="dpl_license_no"
                                            class="form-control @error('repaLicenseNo') is-invalid @enderror"
                                            required wire:model.live="repaLicenseNo">
                                            <option value="">---Select---</option>
                                            @forelse($stockLicenseOptions as $option)
                                                <option value="{{ $option }}">{{ $option }}</option>
                                            @empty
                                                <option value="">No options available</option>
                                            @endforelse
                                        </select>
                                        @error('repaLicenseNo')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                @else
                                <div class="mb-3 row align-items-center">
                                    <label class="col-md-5">REPA License No.</label>
                                    <div class="col-md-7">
                                        <input type="text" name="repa_license_no" id="repa_license_no"
                                            class="form-control"
                                            wire:model="repaLicenseNo" readonly>
                                    </div>
                                </div>
                                @endif

                                <!-- Model -->
                                <div class="mb-3 row align-items-center">
                                    <label class="col-md-5">Model</label>
                                    <div class="col-md-7">
                                        <input type="text" name="model_no" id="model_no"
                                            class="form-control @error('modelNo') is-invalid @enderror"
                                            maxlength="50" wire:model="modelNo" readonly>
                                        @error('modelNo')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                <!-- Manufacturer -->
                                <div class="mb-3 row align-items-center">
                                    <label class="col-md-5">Manufacturer</label>
                                    <div class="col-md-7">
                                        <input type="text" name="manufacture" id="manufacture"
                                            class="form-control @error('manufacturer') is-invalid @enderror"
                                            maxlength="50" wire:model="manufacturer" readonly>
                                        @error('manufacturer')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                <!-- Date -->
                                <div class="mb-3 row align-items-center">
                                    <label class="col-md-5">Date of Receipt from Manufacturer</label>
                                    <div class="col-md-7">
                                        <input type="date" name="receipt_manf_dt" id="receipt_manf_dt"
                                            class="form-control @error('receiptManfDt') is-invalid @enderror"
                                            wire:model.live="receiptManfDt">
                                        @error('receiptManfDt')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                <!-- Quantity -->
                                <div class="mb-3 row align-items-center">
                                    <label class="col-md-5">Quantity</label>
                                    <div class="col-md-7">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <input type="number" name="quantity" id="quantity"
                                                    class="form-control @error('quantity') is-invalid @enderror"
                                                    size="20" min="0" wire:model.live="quantity">
                                                @error('quantity')
                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- Serial No -->
                                <div class="mb-3 row align-items-center">
                                    <label class="col-md-5">Equipment Serial No.</label>
                                    <div class="col-md-7">
                                        <textarea id="equip_sr_no" name="equip_sr_no" rows="5" cols="60"
                                            class="form-control @error('equipSrNo') is-invalid @enderror"
                                            wire:model.live="equipSrNo"></textarea>
                                        @error('equipSrNo')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                <input type="hidden" name="stock_tr_id" id="stock_tr_id" value="{{ $stockTrId }}">

                                <!-- Buttons -->
                                <div class="mb-3 row align-items-center">
                                    <div class="col-md-12 d-flex justify-content-end gap-2">
                                        <button type="button" class="btn btn-success"
                                            wire:click="saveStock"
                                            wire:loading.attr="disabled"
                                            wire:target="saveStock">
                                            <span wire:loading.remove wire:target="saveStock">Save</span>
                                            <span wire:loading wire:target="saveStock">
                                                <i class="fa fa-spinner fa-spin"></i> Saving...
                                            </span>
                                        </button>
                                        <button type="button" class="btn btn-secondary"
                                            wire:click="closeStockModal"
                                            wire:loading.attr="disabled"
                                            wire:target="saveStock">
                                            Cancel
                                        </button>
                                    </div>
                                </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endif
</div>

@push('scripts')

<script>
    document.addEventListener('livewire:initialized', () => {

        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('bg-entry', (applicationId) => {
            window.location.href = "{{ route('repa.application.bg_create', ['applicationId' => 'REPLACE_ID']) }}".replace('REPLACE_ID', applicationId);
        });
        Livewire.on('repa-application-pdf-download', (applicationId) => {
            window.location.href = "{{ route('repa.application.pdfDownload', [':applicationId', encode_id('signed')]) }}"
                .replace(':applicationId', applicationId);
        });
        Livewire.on('send-email-reminder', (applicationId) => {
            window.location.href = "{{ route('email.form', ':applicationId') }}"
                .replace(':applicationId', applicationId);
        });

    });
</script>
@endpush