@php use Illuminate\Support\Facades\Storage; @endphp
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <x-breadcrumb :title="'Certificate copy upload for Application ID: ' . $appId" :breadcrumb="$breadcrumb" />
        
        <x-back-button />

    </div>

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

        <div class="card">
            <div class="card-body">
               
  @if($showLicenseInputs)              
                {{-- License Number --}}
                <div class="mb-3">
                    <div class="row">
                        <div class="col-sm-3">
                            <label class="form-label fw-bold">Registration Number <span class="text-danger">*</span></label>
                        </div>
                        <div class="col-sm-4">
                            <input
                                type="text"
                                wire:model.live="licenseNo"
                                class="form-control @error('licenseNo') border-red-500 @enderror"
                                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">Issue Date <span class="text-danger">*</span></label>
                        </div>
                        <div class="col-sm-4">
                            <input
                                type="date"
                                wire:model.live="agrSignDate"
                                class="form-control @error('agrSignDate') border-red-500 @enderror" />
                            @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">Valid Upto: <span class="text-danger">*</span></label>
                        </div>
                        <div class="col-sm-4">
                            <input
                                type="date"
                                wire:model.live="effDate"
                                class="form-control @error('effDate') border-red-500 @enderror" />
                            @error('effDate')
                            <span class="text-danger small mt-1">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>
                </div>
                @endif 
                @if($showUploader)
 <div class="mb-3">
                    <div class="row">
                        <div class="col-sm-3">
                            <label class="form-label fw-bold">Download Certificate</label>
                        </div>
                        <div class="col-sm-4">
                            @include('livewire.sim.button.certificate-download-button', [
        'applicationId' => $appId,
    ])
                        </div>
                    </div>
                </div>
                <div class="mb-3">
                    <div class="row">
                        <div class="col-sm-3">
                            <label class="form-label fw-bold">Upload Signed Certificate Of Issuence</label>
                        </div>
                        <div class="col-sm-9">
                            <livewire:file-upload
                                :app_id="$appId"
                                :folder="$folder"
                                :version="$lciDocumentData['latest_files']['n_ver'] ?? 0"
                                :document_id="$lciDocumentData['c_document_id']"
                                :name="$lciDocumentData['c_display_name']"
                                :short_name="$lciDocumentData['c_short_name']"
                                :upload_source="$source"
                                :upload_options='$uploadOptions'
                                wire:key="uploads-{{ $lciDocumentData['c_document_id'] }}"
                                :file_name="$lciDocumentData['latest_files']['c_file_name'] ?? ''"
                                :file_path="$lciDocumentData['latest_files']['c_file_path'] ?? ''"
                                :signatureDetails="$lciDocumentData['latest_files']['sign_details'] ?? []"
                                :is_allowed="$lciDocumentData['is_allowed']??'A'" />
                            <small class="text-muted d-block mt-2">
                                Allowed formats: PDF, JPG, PNG (Max 5MB)
                            </small>
                        @error('lci_required')
                        <div class="text-danger small mt-1">{{ $message }}</div>
                        @enderror`
                        </div>
                        
                    </div>
                </div>

@endif
                <!-- Action Buttons -->
                <div class="d-flex justify-content-center gap-3 mt-4">
                    <button
                        type="button"
                        class="btn btn-primary px-4"
                        wire:click="confirmSubmit"
                        wire:loading.attr="disabled"
                        wire:target="confirmSubmit">
                        <span wire:loading.remove wire:target="confirmSubmit">
                            <i class="fas fa-paper-plane"></i> Submit
                        </span>
                        <span wire:loading wire:target="confirmSubmit">
                            <span class="spinner-border spinner-border-sm" role="status"></span>
                            Processing...
                        </span>
                    </button>
                </div>
            </div>
        </div>
    </div>
   @if ($showConfirmation)
    <div class="modal-backdrop fade show"></div>
    <div class="modal fade show d-block" tabindex="-1" role="dialog" aria-modal="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header bg-primary text-white">
                    <h5 class="modal-title">
                        <i class="fas fa-check-circle"></i> Confirm Submission
                    </h5>
                    <button type="button" class="btn-close btn-close-white" wire:click="cancelSubmit"></button>
                </div>
                <div class="modal-body">
                    <div class="text-center py-3">
                        <i class="fas fa-question-circle fa-3x text-warning mb-3"></i>
                        <h6>Are you sure you want to submit?</h6>
                        <p class="text-muted mb-0">
                            Once submitted, you will not be able to make changes.
                        </p>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" wire:click="cancelSubmit">
                        <i class="fas fa-times"></i> Cancel
                    </button>
                    <button type="button" class="btn btn-primary" wire:click="submitApplication" wire:loading.attr="disabled">
                        <span wire:loading.remove wire:target="submitApplication">
                            <i class="fas fa-paper-plane"></i> Yes, Submit
                        </span>
                        <span wire:loading wire:target="submitApplication">
                            <span class="spinner-border spinner-border-sm" role="status"></span>
                            Submitting...
                        </span>
                    </button>
                </div>
            </div>
        </div>
    </div>
    @endif
</div>
@push('scripts')
<script>
    document.addEventListener('livewire:initialized', () => {
        Livewire.on('show-submit-confirmation-modal', () => {
            const modal = new bootstrap.Modal(document.getElementById('confirmModal'));
            modal.show();
        });

         Livewire.on('sim-application-certificate-download', (applicationId) => {
            window.location.href = "{{ route('sim.scrutiny.certificateDownload', ':applicationId') }}"
                .replace(':applicationId', applicationId);
        });
    });
</script>
@endpush