{{-- resources/views/tramites/edicion/asignador/estados/estado-3.blade.php --}}
{{-- Vista para el estado 3 del rol Asignador - INICIADO --}}

<div class="estado-tramite estado-3">
    {{-- Alerta informativa del estado --}}
    <div class="alert alert-info">
        <i class="fas fa-info-circle"></i> Este trámite está <strong>INICIADO</strong>. Los campos no son editables.
        @if($tramite->usuario_responsable)
            <br><strong>Responsable:</strong> {{ strtoupper($tramite->usuario_responsable->name) }}
        @endif
    </div>

    {{-- Partials visibles pero solo lectura --}}
    @include('tramites.partials.base-fields')
    @include('tramites.partials.registro-fields')
    @include('tramites.partials.detalle-fields')
    @include('tramites.partials.ticket-fields')
    @include('tramites.partials.asignacion-fields')
    @include('tramites.partials.observaciones')
</div>

@push('after-scripts')
<script>
    document.addEventListener('DOMContentLoaded', function () {
        const form = document.getElementById('formTramite');
        const campos = form.querySelectorAll('input:not([type="hidden"]), select, textarea');

        campos.forEach(campo => {
            campo.classList.add('campo-bloqueado');
            campo.setAttribute('readonly', 'readonly');
            campo.setAttribute('tabindex', '-1');

            if (campo.tagName === 'SELECT') {
                campo.setAttribute('disabled', 'disabled');
            }
        });

        const botones = form.querySelectorAll('button[type="submit"], input[type="submit"]');
        botones.forEach(boton => {
            boton.classList.add('campo-bloqueado');
            boton.setAttribute('disabled', 'disabled');
            boton.setAttribute('title', 'No se permite actualizar el trámite cuando está en estado INICIADO.');
        });
    });
</script>
@endpush