@php use Illuminate\Support\Facades\Storage; @endphp
<div class="container-fluid">
    @if(!$allowedToProcess)
    <div class="alert alert-danger">
        <strong>User is not authorised to process application no. {{ $appId }}</strong>
    </div>
    @else
    <div class="d-flex justify-content-between align-items-center mb-4">
        <x-breadcrumb :title="'License agreement copy upload for Application ID: ' . $appId" :breadcrumb="$breadcrumb" />
        <x-back-button />

    </div>

    <div class="container mt-5">
        <x-validation-errors />

        <div class="card">
            @if (session()->has('success'))
            <div class="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded relative mb-4" role="alert">
                <span class="block sm:inline">{{ session('success') }}</span>
            </div>
            @endif

            @if (session()->has('error'))
            <div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded relative mb-4" role="alert">
                <span class="block sm:inline">{{ session('error') }}</span>
            </div>
            @endif

            <div class="card-body">
                @if($loiDocumentData)
                <div class="mb-3">
                    <div class="row">
                        <div class="col-sm-3">
                            <span class="form-label fw-bold">Compliance to LOI</span>
                        </div>
                        <div class="col-sm-6">
                            @if(isset($loiDocumentData['latest_files']['c_file_name']))
                            <a target="__blank" href="{{ Storage::url($loiDocumentData['latest_files']['c_file_path']) }}" class="btn btn-info btn-sm">
                                <i class="fas fa-download"></i> {{ $loiDocumentData['latest_files']['c_file_name'] ?? 'View' }}
                            </a>
                            @endif
                        </div>
                    </div>
                </div>
                @endif

                <livewire:ecs.issued-license-details :appId="$appId" />

                {{-- Match NSO: editable License details inputs --}}
                <div class="mb-3">
                    <div class="row">
                        <div class="col-sm-3">
                            <label class="form-label fw-bold" for="ecs_license_no">License Number</label>
                        </div>
                        <div class="col-sm-4">
                            <input id="ecs_license_no" type="text" wire:model="licenseNo" class="form-control" maxlength="50" />
                            @error('licenseNo')
                            <span class="text-danger small mt-1">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>
                </div>

                <div class="mb-3">
                    <div class="row">
                        <div class="col-sm-3">
                            <label class="form-label fw-bold" for="ecs_agr_sign_date">License Agreement Date <span class="text-danger">*</span></label>
                        </div>
                        <div class="col-sm-4">
                            <input id="ecs_agr_sign_date" type="date" wire:model="agrSignDate" class="form-control" />
                            @error('agrSignDate')
                            <span class="text-danger small mt-1">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>
                </div>

                <div class="mb-3">
                    <div class="row">
                        <div class="col-sm-3">
                            <label class="form-label fw-bold" for="ecs_eff_date">License Effective Date <span class="text-danger">*</span></label>
                        </div>
                        <div class="col-sm-4">
                            <input id="ecs_eff_date" type="date" wire:model="effDate" class="form-control" />
                            @error('effDate')
                            <span class="text-danger small mt-1">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>
                </div>

                <div class="mb-3">
                    <div class="row">
                        <div class="col-sm-3">
                            <label class="form-label fw-bold" for="ecs_licensee_sign_name">Name of authorised signatory <span class="text-danger">*</span></label>
                        </div>
                        <div class="col-sm-4">
                            <input id="ecs_licensee_sign_name" type="text" wire:model="licenseeSigningName" class="form-control" />
                            @error('licenseeSigningName')
                            <span class="text-danger small mt-1">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>
                </div>

                <table class="table table-bordered">
                    <thead class="visually-hidden">
                        <tr>
                            <th>Field</th>
                            <th>Value</th>
                        </tr>
                    </thead>
                    @if(isset($lciDocumentData['latest_files']['c_file_name']))
                    <tr>
                        <td class="fw-bold">Download License Copy</td>
                        <td>
                            <a target="_blank"
                               href="{{ route('document.file', ['documentId' => encode_id($lciDocumentData['latest_files']['id']), 'type' => encode_id('ecs')]) }}"
                               class="btn btn-info btn-sm">
                                <i class="fas fa-download"></i> Download
                            </a>
                        </td>
                    </tr>
                    @endif

                    @if($licenseSignDetails == 'LICENSEE')
                    <tr>
                        <td class="fw-bold">Download License Copy</td>
                        <td>
                            @if(isset($lcislData['latest_files']['c_file_name']))
                            <a target="__blank" href="{{ Storage::url($lcislData['latest_files']['c_file_path']) }}" class="btn btn-info btn-sm">
                                <i class="fas fa-download"></i>Download
                            </a>
                            @endif
                        </td>
                    </tr>
                    <tr>
                        <td class="fw-bold">Name Of Witness <span class="text-danger">*</span></td>
                        <td>
                            <input type="text" wire:model="licenseeWitnessSigningName" class="form-control" />
                            @error('licenseeWitnessSigningName') <span class="text-danger small">{{ $message }}</span> @enderror
                        </td>
                    </tr>
                    @endif

                    @if($licenseSignDetails == 'LICENSEE-WITNESS')
                    <tr>
                        <td class="fw-bold">Download License Copy</td>
                        <td>
                            @if(isset($lcislwData['latest_files']['c_file_name']))
                            <a target="__blank" href="{{ Storage::url($lcislwData['latest_files']['c_file_path']) }}" class="btn btn-info btn-sm">
                                <i class="fas fa-download"></i>Download
                            </a>
                            @endif
                        </td>
                    </tr>
                    <tr>
                        <td class="fw-bold">Signing Authority (DOT Nodal) <span class="text-danger">*</span></td>
                        <td>
                            <input type="text" wire:model="nodalSigningName" class="form-control" />
                            @error('nodalSigningName') <span class="text-danger small">{{ $message }}</span> @enderror
                        </td>
                    </tr>
                    @endif

                    @if($licenseSignDetails == 'NODAL')
                    <tr>
                        <td class="fw-bold">Download License Copy</td>
                        <td>
                            @if(isset($licsdnData['latest_files']['c_file_name']))
                            <a target="__blank" href="{{ Storage::url($licsdnData['latest_files']['c_file_path']) }}" class="btn btn-info btn-sm">
                                <i class="fas fa-download"></i>Download
                            </a>
                            @endif
                        </td>
                    </tr>
                    <tr>
                        <td class="fw-bold">Signing Authority (DOT Nodal Witness) <span class="text-danger">*</span></td>
                        <td>
                            <input type="text" wire:model="nodalWitnessSigningName" class="form-control" />
                            @error('nodalWitnessSigningName') <span class="text-danger small">{{ $message }}</span> @enderror
                        </td>
                    </tr>
                    @endif

                    @if($licenseSignDetails == 'NODAL-WITNESS')
                    <tr>
                        <td class="fw-bold">Download License Copy</td>
                        <td>
                            @if(isset($lciData['latest_files']['c_file_name']))
                            <a target="__blank" href="{{ Storage::url($lciData['latest_files']['c_file_path']) }}" class="btn btn-info btn-sm">
                                <i class="fas fa-download"></i>Download
                            </a>
                            @endif
                        </td>
                    </tr>
                    <tr>
                        <td class="fw-bold">Name of authorised signatory</td>
                        <td><input type="text" class="form-control" value="{{ $licenseeSigningName }}" readonly /></td>
                    </tr>
                    <tr>
                        <td class="fw-bold">Name of Witness</td>
                        <td><input type="text" class="form-control" value="{{ $licenseeWitnessSigningName }}" readonly /></td>
                    </tr>
                    <tr>
                        <td class="fw-bold">Signing Authority (DOT Nodal)</td>
                        <td><input type="text" class="form-control" value="{{ $nodalSigningName }}" readonly /></td>
                    </tr>
                    <tr>
                        <td class="fw-bold">Signing Authority (DOT Nodal Witness)</td>
                        <td><input type="text" class="form-control" value="{{ $nodalWitnessSigningName }}" readonly /></td>
                    </tr>
                    @endif
                </table>

                <div class="mb-3">
                    <div class="row">
                        <div class="col-sm-3">
                            @if($licenseSignDetails != 'NODAL-WITNESS')
                            <div class="fw-bold mb-2">
                                @if(empty($licenseSignDetails))
                                License Agreement Upload (Signed By Licensee) <span class="text-danger">*</span>
                                <span class="text-danger small">(Please sign on all pages of document in case of signing outside portal)</span>
                                @elseif($licenseSignDetails == 'LICENSEE')
                                License Agreement Upload (Signed By Witness) <span class="text-danger">*</span>
                                @elseif($licenseSignDetails == 'LICENSEE-WITNESS')
                                License Agreement Upload (Signed By DOT Nodal) <span class="text-danger">*</span>
                                @elseif($licenseSignDetails == 'NODAL')
                                License Agreement Upload (Signed By DOT Witness) <span class="text-danger">*</span>
                                @endif
                            </div>
                            @endif
                        </div>
                        <div class="col-sm-6">
                            @if(empty($licenseSignDetails))
                                <livewire:file-upload
                                    :app_id="$appId"
                                    :folder="$folder"
                                    :version="$lcislData['latest_files']['n_ver'] ?? 0"
                                    :document_id="$lcislData['c_document_id']"
                                    :name="$lcislData['c_display_name']"
                                    :short_name="$lcislData['c_short_name']"
                                    :upload_source="$source"
                                    :upload_options='$uploadOptions'
                                    wire:key="uploads-{{ $lcislData['c_document_id'] }}"
                                    :file_name="$lcislData['latest_files']['c_file_name'] ?? ''"
                                    :file_path="$lcislData['latest_files']['c_file_path'] ?? ''"
                                    :signatureDetails="$lcislData['latest_files']['sign_details'] ?? []" />
                                <small class="text-muted d-block mt-2">
                                    Allowed formats: PDF, JPG, PNG (Max 5MB)
                                </small>
                                @error('lcisl_required')
                                <div class="text-danger small mt-1">{{ $message }}</div>
                                @enderror
                            @elseif($licenseSignDetails == 'LICENSEE')
                                <livewire:file-upload
                                    :app_id="$appId"
                                    :folder="$folder"
                                    :version="$lcislwData['latest_files']['n_ver'] ?? 0"
                                    :document_id="$lcislwData['c_document_id']"
                                    :name="$lcislwData['c_display_name']"
                                    :short_name="$lcislwData['c_short_name']"
                                    :upload_source="$source"
                                    :upload_options='$uploadOptions'
                                    wire:key="uploads-{{ $lcislwData['c_document_id'] }}"
                                    :file_name="$lcislwData['latest_files']['c_file_name'] ?? ''"
                                    :file_path="$lcislwData['latest_files']['c_file_path'] ?? ''"
                                    :signatureDetails="$lcislwData['latest_files']['sign_details'] ?? []" />
                                <small class="text-muted d-block mt-2">
                                    Allowed formats: PDF, JPG, PNG (Max 5MB)
                                </small>
                                @error('lcislw_required')
                                <div class="text-danger small mt-1">{{ $message }}</div>
                                @enderror
                            @elseif($licenseSignDetails == 'LICENSEE-WITNESS')
                                <livewire:file-upload
                                    :app_id="$appId"
                                    :folder="$folder"
                                    :version="$licsdnData['latest_files']['n_ver'] ?? 0"
                                    :document_id="$licsdnData['c_document_id']"
                                    :name="$licsdnData['c_display_name']"
                                    :short_name="$licsdnData['c_short_name']"
                                    :upload_source="$source"
                                    :upload_options='$uploadOptions'
                                    wire:key="uploads-{{ $licsdnData['c_document_id'] }}"
                                    :file_name="$licsdnData['latest_files']['c_file_name'] ?? ''"
                                    :file_path="$licsdnData['latest_files']['c_file_path'] ?? ''"
                                    :signatureDetails="$licsdnData['latest_files']['sign_details'] ?? []" />
                                <small class="text-muted d-block mt-2">
                                    Allowed formats: PDF, JPG, PNG (Max 5MB)
                                </small>
                                @error('lcisdn_required')
                                <div class="text-danger small mt-1">{{ $message }}</div>
                                @enderror
                            @elseif($licenseSignDetails == 'NODAL')
                                <livewire:file-upload
                                    :app_id="$appId"
                                    :folder="$folder"
                                    :version="$lciData['latest_files']['n_ver'] ?? 0"
                                    :document_id="$lciData['c_document_id']"
                                    :name="$lciData['c_display_name']"
                                    :short_name="$lciData['c_short_name']"
                                    :upload_source="$source"
                                    :upload_options='$uploadOptions'
                                    wire:key="uploads-{{ $lciData['c_document_id'] }}"
                                    :file_name="$lciData['latest_files']['c_file_name'] ?? ''"
                                    :file_path="$lciData['latest_files']['c_file_path'] ?? ''"
                                    :signatureDetails="$lciData['latest_files']['sign_details'] ?? []" />
                                <small class="text-muted d-block mt-2">
                                    Allowed formats: PDF, JPG, PNG (Max 5MB)
                                </small>
                                @error('lcif_required')
                                <div class="text-danger small mt-1">{{ $message }}</div>
                                @enderror
                            @endif
                        </div>
                    </div>
                </div>

                <!-- Action Buttons -->
                <div class="d-flex justify-content-center gap-3 mt-4">
                    <div class="col-md-6 text-center">
                        @if(empty($licenseSignDetails))
                        <button type="button" wire:click="submitLicenseeSign"
                            wire:loading.attr="disabled"
                            class="btn btn-primary btn-lg">
                            <span wire:loading.remove wire:target="submitLicenseeSign">
                                <i class="fas fa-signature"></i> Submit Licensee Signature
                            </span>
                            <span wire:loading wire:target="submitLicenseeSign">
                                <span class="spinner-border spinner-border-sm"></span>
                                <output class="visually-hidden">Loading</output>
                                Processing...
                            </span>
                        </button>

                        @elseif($licenseSignDetails == 'LICENSEE')
                        <button type="button" wire:click="submitLicenseeWitnessSign"
                            wire:loading.attr="disabled"
                            class="btn btn-primary btn-lg">
                            <span wire:loading.remove wire:target="submitLicenseeWitnessSign">
                                <i class="fas fa-signature"></i> Submit Witness Signature
                            </span>
                            <span wire:loading wire:target="submitLicenseeWitnessSign">
                                <span class="spinner-border spinner-border-sm"></span>
                                <output class="visually-hidden">Loading</output>
                                Processing...
                            </span>
                        </button>

                        @elseif($licenseSignDetails == 'LICENSEE-WITNESS')
                        <button type="button" wire:click="submitNodalSign"
                            wire:loading.attr="disabled"
                            class="btn btn-primary btn-lg">
                            <span wire:loading.remove wire:target="submitNodalSign">
                                <i class="fas fa-signature"></i> Submit Nodal Signature
                            </span>
                            <span wire:loading wire:target="submitNodalSign">
                                <span class="spinner-border spinner-border-sm"></span>
                                <output class="visually-hidden">Loading</output>
                                Processing...
                            </span>
                        </button>

                        @elseif($licenseSignDetails == 'NODAL')
                        <button type="button" wire:click="submitNodalWitnessSign"
                            wire:loading.attr="disabled"
                            class="btn btn-primary btn-lg">
                            <span wire:loading.remove wire:target="submitNodalWitnessSign">
                                <i class="fas fa-signature"></i> Submit Nodal Witness Signature
                            </span>
                            <span wire:loading wire:target="submitNodalWitnessSign">
                                <span class="spinner-border spinner-border-sm"></span>
                                <output class="visually-hidden">Loading</output>
                                Processing...
                            </span>
                        </button>

                        @elseif($licenseSignDetails == 'NODAL-WITNESS')
                        <button type="button" wire:click="submitFinalIssuance"
                            wire:loading.attr="disabled"
                            class="btn btn-success btn-lg"
                            onclick="return confirm('Are you sure you want to issue the license?')">
                            <span wire:loading.remove wire:target="submitFinalIssuance">
                                <i class="fas fa-check-circle"></i> Final Submit - Issue License
                            </span>
                            <span wire:loading wire:target="submitFinalIssuance">
                                <span class="spinner-border spinner-border-sm"></span>
                                <output class="visually-hidden">Loading</output>
                                Processing...
                            </span>
                        </button>
                        @endif
                    </div>
                </div>

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

@push('scripts')
    <script>
        document.addEventListener('livewire:init', () => {
            Livewire.on('redirect-to-url', (payload) => {
                const url = payload?.url;
                if (url) window.location.href = url;
            });
        });
    </script>
@endpush