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

<div class="estado-tramite estado-8">

    {{-- Alerta de estado --}}
    <div class="alert alert-info">
        <i class="fas fa-info-circle"></i> Este trámite está en estado <strong>AUTO</strong>. No se puede editar ningún campo.
        @if($tramite->usuario_responsable)
            <br><strong>Responsable:</strong> {{ strtoupper($tramite->usuario_responsable->name) }}
        @endif
    </div>

    {{-- Campo ESTADO TRÁMITE solo lectura --}}
    <div class="row mt-3">
        <div class="col-md-4">
            <label for="estado_tramite_readonly" class="form-label">ESTADO TRÁMITE</label>
            <input type="text" class="form-control campo-bloqueado" id="estado_tramite_readonly" value="AUTO" readonly>
        </div>
    </div>

    {{-- Partials principales --}}
    @include('tramites.partials.base-fields')
    @include('tramites.partials.detalle-fields')
    @include('tramites.partials.asignacion-fields')
    @include('tramites.partials.ticket-fields')
    @include('tramites.partials.registro-fields')
    @include('tramites.partials.observaciones')

    {{-- Campos adicionales para RADICADO --}}
    <div class="row mt-3">
        <div class="col-md-4" id="field-fecharadicado">
            <label for="fecha_entrega" class="form-label">FECHA DE RADICADO</label>
            <input type="date" name="fecha_entrega" id="fecha_entrega" class="form-control campo-bloqueado" value="{{ $tramite->fecha_entrega }}" readonly>
        </div>

        <div class="col-md-4" id="field-radicado">
            <label for="radicado" class="form-label">RADICADO</label>
            <input type="text" name="radicado" id="radicado" class="form-control campo-bloqueado" value="{{ $tramite->radicado }}" readonly>
        </div>
    </div>

    {{-- Campos adicionales específicos del estado AUTO --}}
    <div class="row mt-3">
        <div class="col-md-4" id="field-fecha-auto">
            <label for="fecha_del_auto_o_requerimiento" class="form-label">FECHA DE AUTO O REQUERIMIENTO</label>
            <input type="date" name="fecha_del_auto_o_requerimiento" id="fecha_del_auto_o_requerimiento" class="form-control campo-bloqueado" value="{{ $tramite->fecha_del_auto_o_requerimiento }}" readonly>
        </div>

        <div class="col-md-4" id="field-numero-auto">
            <label for="numero_de_auto" class="form-label">NÚMERO DE AUTO O REQUERIMIENTO</label>
            <input type="text" name="numero_de_auto" id="numero_de_auto" class="form-control campo-bloqueado" value="{{ $tramite->numero_de_auto }}" readonly>
        </div>

        <div class="col-md-4" id="field-fecha-max-contestacion">
            <label for="fecha_vencimiento" class="form-label">FECHA MÁXIMA DE CONTESTACIÓN DEL AUTO</label>
            <input type="date" name="fecha_vencimiento" id="fecha_vencimiento" class="form-control campo-bloqueado" value="{{ $tramite->fecha_vencimiento }}" readonly>
        </div>
    </div>

    <div class="row mt-3">
        <div class="col-md-4" id="field-fecha-contestacion">
            <label for="fecha_de_radicado_de_contestacion_auto_o_requerimiento" class="form-label">FECHA DE RADICADO DE CONTESTACIÓN</label>
            <input type="date" name="fecha_de_radicado_de_contestacion_auto_o_requerimiento" id="fecha_de_radicado_de_contestacion_auto_o_requerimiento" class="form-control campo-bloqueado" value="{{ $tramite->fecha_de_radicado_de_contestacion_auto_o_requerimiento }}" readonly>
        </div>

        <div class="col-md-4" id="field-radicado-contestacion">
            <label for="radicado_de_contestacion_del_auto_o_requerimiento" class="form-label">RADICADO DE CONTESTACIÓN</label>
            <input type="text" name="radicado_de_contestacion_del_auto_o_requerimiento" id="radicado_de_contestacion_del_auto_o_requerimiento" class="form-control campo-bloqueado" value="{{ $tramite->radicado_de_contestacion_del_auto_o_requerimiento }}" readonly>
        </div>
    </div>

</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');
        });

        const botonCancelar = form.querySelector('.btn-secondary');
        if (botonCancelar) {
            botonCancelar.classList.add('campo-bloqueado');
            botonCancelar.setAttribute('disabled', 'disabled');
        }
    });
</script>
@endpush