@props(['auditor'])

<div class="mt-6 space-y-4">

    {{-- Mensajes de advertencia --}}
    @if ($auditor->tiene_correcciones || !$auditor->documentos_administrativos)
        <div class="flex gap-2 text-warning-600 border border-yellow-400 bg-yellow-50 p-4 rounded text-sm">
            <x-heroicon-o-exclamation-triangle class="w-5 h-5 shrink-0" />
            <div>
                <p class="font-semibold mb-1">Atención:</p>
                <ul class="list-disc list-inside space-y-1">
                    @if ($auditor->tiene_correcciones)
                        <li>Este auditor tiene <strong>correcciones pendientes</strong> que deben ser resueltas.</li>
                    @endif
                    @if (!$auditor->tiene_correcciones && $auditor->documentos_administrativos)
                        <li>Este auditor ya ha subido los <strong>documentos administrativos</strong>.</li>
                    @endif
                    @if (!$auditor->documentos_administrativos)
                        <li>No ha adjuntado los <strong>documentos administrativos requeridos</strong>.</li>
                    @endif
                    @if (!$auditor->es_cotejado)
                        <li>Este auditor aún no está <strong>cotejado</strong>.</li>
                    @endif
                </ul>
            </div>
        </div>
    @endif

    {{-- Si está cotejado --}}
    @if ($auditor->es_cotejado)

        {{-- 1️⃣ Subir documentos administrativos --}}
        @unless ($auditor->documentos_administrativos)
            @can('subir documentos administrativos')
                <div class="flex justify-center">
                    <x-filament::button color="warning" icon="heroicon-o-document-arrow-up" x-data
                        @click="$dispatch('open-modal', { id: 'modal-documentos-administrativos' })">
                        Adjuntar Documentos Administrativos
                    </x-filament::button>
                </div>
            @endcan

            <x-filament::modal id="modal-documentos-administrativos" heading="📂 Subir Documentos Administrativos"
                width="xl">
                <form wire:submit.prevent="subirDocumentosAdministrativos" class="space-y-6">
                    @foreach ($documentosAdministrativos as $documento)
                        <div class="space-y-2">
                            <label class="text-sm font-medium text-gray-700">
                                {{ $documento->nombre_documento }}
                            </label>

                            {{-- Subida del PDF --}}
                            <x-filament::input type="file" wire:model="documentos.{{ $documento->id }}"
                                accept="application/pdf" class="mt-1 w-full" />
                            @error('documentos.' . $documento->id)
                                <span class="text-sm text-danger-700">{{ $message }}</span>
                            @enderror

                            {{-- Número (dinámico) --}}
                            <x-filament::input type="text" placeholder="Número {{ $documento->nombre_documento }}"
                                wire:model.defer="numeros.{{ $documento->id }}" class="mt-1 w-full" required />
                            @error('numeros.' . $documento->id)
                                <span class="text-sm text-danger-700">{{ $message }}</span>
                            @enderror
                        </div>
                    @endforeach


                    <div class="flex justify-end gap-2 pt-4">
                        <x-filament::button type="submit" icon="heroicon-o-check-circle">
                            Subir Documentos
                        </x-filament::button>
                        <x-filament::button type="button" color="secondary" x-data
                            @click="$dispatch('close-modal', { id: 'modal-documentos-administrativos' })">
                            Cancelar
                        </x-filament::button>
                    </div>
                </form>
            </x-filament::modal>
        @endunless

        {{-- 2️⃣ Generar Word (solo con Filament) --}}
    @if ($auditor->documentos_administrativos && in_array($auditor->tipo_solicitud, ['Registro', 'Actualizacion']))
            <div class="flex justify-center mt-2">
                @if ($auditor->tipo === 'Natural')
                    @if ($auditor->tipo_solicitud === 'Registro')
                        @livewire('generar-documento-auditor-registro-natural', ['auditor' => $auditor])
                    @elseif ($auditor->tipo_solicitud === 'Actualizacion')
                        @livewire('generar-documento-auditor-actualizacion-natural', ['auditor' => $auditor])
                    @endif
                @elseif ($auditor->tipo === 'Juridico')
                    @if ($auditor->tipo_solicitud === 'Registro')
                        @livewire('generar-documento-auditor-registro-juridico', ['auditor' => $auditor])
                    @elseif ($auditor->tipo_solicitud === 'Actualizacion')
                        @livewire('generar-documento-auditor-actualizacion-juridico', ['auditor' => $auditor])
                    @endif
                @endif

                @livewire('subir-informe-tecnico', ['auditor' => $auditor])
            </div>
        @endif

        {{-- 3️⃣ Registrar/Actualizar Auditor (modal resolución) --}}
        @if (
            !$auditor->tiene_correcciones &&
                $auditor->documentos_administrativos &&
                in_array($auditor->tipo_solicitud, ['Registro', 'Actualizacion']) &&
                ($auditor->pendiente_resolucion && !$auditor->pendiente_informe))
            <div class="flex justify-center mt-4">
                <x-filament::button color="primary" icon="heroicon-o-document-plus" x-data
                    @click="$dispatch('open-modal', { id: 'modal-solucion' })">
                    @if ($auditor->tipo_solicitud === 'Registro')
                        Registrar Auditor
                    @else
                        Registrar / Actualizar Auditor
                    @endif
                </x-filament::button>
            </div>

            @can('registrar auditor')
                <x-filament::modal id="modal-solucion" width="md" heading="📎 Adjuntar Resolución">
                    <form wire:submit.prevent="registrarAuditor" class="space-y-6 px-6 py-4">
                        <div
                            class="flex items-center space-x-2 rounded-md bg-blue-50 border border-blue-300 px-4 py-3 text-blue-900 text-sm font-semibold shadow-sm select-none">
                            <x-heroicon-o-information-circle class="h-5 w-5 flex-shrink-0" />
                            <p>Al subir la resolución, se notificará <strong
                                    class="bg-yellow-300 text-danger-600 px-1 rounded">inmediatamente</strong> al auditor
                                por correo electrónico.</p>
                        </div>

                        <div>
                            <label for="resolucion_numero" class="block text-sm font-medium text-gray-700">Número o nombre
                                de la resolución</label>
                            <input type="text" id="resolucion_numero" wire:model.defer="resolucion_numero"
                                placeholder="Ejemplo: Resolución 1234-2025"
                                class="mt-1 block w-full rounded-md border border-gray-300 shadow-sm focus:border-primary-600 focus:ring focus:ring-primary-300 focus:ring-opacity-50" />
                            @error('resolucion_numero')
                                <p class="mt-1 text-xs text-danger-700">{{ $message }}</p>
                            @enderror
                        </div>

                        <div>
                            <label for="resolucion_archivo" class="block text-sm font-medium text-gray-700">Archivo de
                                resolución (PDF)</label>
                            <input type="file" id="resolucion_archivo" wire:model="resolucion_archivo"
                                accept="application/pdf"
                                class="mt-1 block w-full text-sm text-gray-600 file:mr-4 file:py-2 file:px-4
                                    file:rounded-md file:border-0
                                    file:text-sm file:font-semibold
                                    file:bg-primary-50 file:text-primary-700
                                    hover:file:bg-primary-100
                                    focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2" />
                            @error('resolucion_archivo')
                                <p class="mt-1 text-xs text-danger-700">{{ $message }}</p>
                            @enderror
                        </div>

                        <div class="flex justify-end gap-3 pt-6 border-t border-gray-200">
                            <x-filament::button type="button" color="secondary" x-data
                                @click="$dispatch('close-modal', { id: 'modal-solucion' })">
                                Cancelar
                            </x-filament::button>
                            <x-filament::button type="submit" icon="heroicon-o-check-circle">Guardar
                                Resolución</x-filament::button>
                        </div>
                    </form>
                </x-filament::modal>
            @endcan
        @endif
    @endif
</div>