{{-- 
    Vista específica para el rol Ejecutor
    Propósito: Gestión limitada de trámites con acceso restringido a campos específicos
    Responsable: Usuario con rol Ejecutor
    Funcionalidades: Visualización de información y edición controlada de estado y observaciones
--}}
@extends('backend.layouts.app')

{{-- Mueve el título a la franja superior en el layout --}}
@section('page-title')
<span style="font-size: 0.875em; font-weight: bold;">ANALISTA</span>
@endsection

@section('content')
<!-- Estilos para la clase utilizada para ocultar y expansión -->
<style>
    .hidden-field {
        display: none !important;
    }
    .prefilled {
        background-color: #f0f8ff !important; /* Azul muy claro */
    }
    .readonly-field {
        pointer-events: none;
        background-color: #f0f8ff !important; /* Azul muy claro */
    }
    /* Estilos para expansión del contenido */
    .container-fluid {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
    }
    .content-wrapper {
        margin-left: 0 !important;
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0 1rem !important;
    }
    @media (max-width: 768px) {
        .container-fluid {
            padding-left: 1rem !important;
            padding-right: 1rem !important;
        }
    }
</style>

<div class="container-fluid">
    <div class="px-4">  {{-- Agregamos padding lateral --}}
        @if ($errors->any())
            <div class="alert alert-danger mt-3">
                <ul>
                    @foreach($errors->all() as $error)
                       <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        @if (session('error'))
            <div class="alert alert-danger">
                {{ session('error') }}
            </div>
        @endif

        <form action="{{ route('tramites.update', $tramite) }}" method="POST" class="mt-3">
            @csrf
            @method('PUT')
            
            {{-- Campos ocultos para conservar los valores originales --}}
            <input type="hidden" id="tipo_tramite_original" value="{{ $tramite->tipoTramite ? strtoupper($tramite->tipoTramite->nombre) : '' }}">
            <input type="hidden" id="asignacion_original" value="{{ $tramite->asignacion }}">
            <input type="hidden" id="tramite_tipo_tramite_id" value="{{ $tramite->tipo_tramite_id }}">
            <input type="hidden" id="tramite_subtipo_tramite_id" value="{{ $tramite->subtipo_tramite_id }}">
            <input type="hidden" id="tramite_forma_farmaceutica_id" value="{{ $tramite->forma_farmaceutica_id }}">

            {{-- Vista para ejecutores en modo solo lectura --}}
            <div class="row mt-3">
                <div class="col-md-3" id="field-producto">
                    <label for="producto_id">TIPO PRODUCTO</label>
                    <select name="producto_id" id="producto_id" class="form-control readonly-field" disabled>
                        <option value="">-- SELECCIONE PRODUCTO --</option>
                        @foreach($productos ?? [] as $producto)
                            <option value="{{ $producto->id }}"
                                {{ old('producto_id', $tramite->producto_id) == $producto->id ? 'selected' : '' }}>
                                {{ strtoupper($producto->nombre) }}
                            </option>
                        @endforeach
                    </select>
                    <input type="hidden" name="producto_id" value="{{ $tramite->producto_id }}">
                </div>
                <div class="col-md-3" id="field-tipotramite">
                    <label for="tipo_tramite">TIPO TRÁMITE</label>
                    <select name="tipo_tramite_id" id="tipo_tramite" class="form-control readonly-field" disabled>
                        <option value="">-- SELECCIONE TIPO DE TRÁMITE --</option>
                        @foreach($tiposTramite ?? [] as $tipo)
                            <option value="{{ $tipo->id }}"
                                {{ old('tipo_tramite_id', $tramite->tipo_tramite_id) == $tipo->id ? 'selected' : '' }}>
                                {{ strtoupper($tipo->nombre) }}
                            </option>
                        @endforeach
                    </select>
                    <input type="hidden" name="tipo_tramite_id" value="{{ $tramite->tipo_tramite_id }}">
                </div>
                <div class="col-md-3" id="field-subtipotramite">
                    <label for="subtipo_tramite">SUBTIPO TRÁMITE</label>
                    <select name="subtipo_tramite_id" id="subtipo_tramite" class="form-control readonly-field" disabled>
                        <option value="">-- SELECCIONE SUBTIPO --</option>
                        @foreach($subtiposTramite ?? [] as $subtipo)
                            <option value="{{ $subtipo->id }}"
                                {{ old('subtipo_tramite_id', $tramite->subtipo_tramite_id) == $subtipo->id ? 'selected' : '' }}>
                                {{ strtoupper($subtipo->nombre) }}
                            </option>
                        @endforeach
                    </select>
                    <input type="hidden" name="subtipo_tramite_id" value="{{ $tramite->subtipo_tramite_id }}">
                </div>
                <div class="col-md-3" id="field-nombreproducto">
                    <label for="nombre_producto">NOMBRE PRODUCTO</label>
                    <input type="text" id="nombre_producto" class="form-control texto-normalizado readonly-field" disabled
                           value="{{ old('nombre_producto', optional($tramite->registroSanitario)->nombre_producto ?? $tramite->nombre_producto) }}">
                    <input type="hidden" name="nombre_producto" value="{{ $tramite->nombre_producto }}">
                </div>
            </div>

            {{-- Campos exclusivos para trámites NO NUEVOS --}}
            @if(!$esNuevo)
            <div class="row mt-3">
                <div class="col-md-3" id="field-expediente">
                    <label for="expediente">EXPEDIENTE</label>
                    <input type="text" id="expediente" class="form-control texto-normalizado readonly-field" disabled
                           value="{{ old('expediente', $tramite->expediente) }}">
                    <input type="hidden" name="expediente" value="{{ $tramite->expediente }}">
                </div>
                <div class="col-md-3" id="field-numregistro">
                    <label for="num_registro">NÚMERO REGISTRO</label>
                    <input type="text" id="num_registro" class="form-control texto-normalizado readonly-field" disabled
                           value="{{ old('num_registro', $tramite->num_registro) }}">
                    <input type="hidden" name="num_registro" value="{{ $tramite->num_registro }}">
                </div>
            </div>
            @endif

            <div class="row mt-3">
                <div class="col-md-3" id="field-ingrediente">
                    <label for="ingrediente_principal">INGREDIENTE PRINCIPAL</label>
                    <input type="text" id="ingrediente_principal" class="form-control texto-normalizado readonly-field" disabled
                           value="{{ old('ingrediente_principal', optional($tramite->registroSanitario)->ingrediente_principal ?? $tramite->ingrediente_principal) }}">
                    <input type="hidden" name="ingrediente_principal" value="{{ $tramite->ingrediente_principal }}">
                </div>
                <div class="col-md-3" id="field-forma">
                    <label for="forma_farmaceutica">FORMA</label>
                    <select id="forma_farmaceutica" class="form-control readonly-field" disabled>
                        <option value="">-- SELECCIONE FORMA --</option>
                        @foreach($formasFarmaceuticas ?? [] as $forma)
                            <option value="{{ $forma->id }}"
                                {{ old('forma_farmaceutica_id', $tramite->forma_farmaceutica_id) == $forma->id ? 'selected' : '' }}>
                                {{ strtoupper($forma->nombre) }}
                            </option>
                        @endforeach
                    </select>
                    <input type="hidden" name="forma_farmaceutica_id" value="{{ $tramite->forma_farmaceutica_id }}">
                </div>
                <div class="col-md-3" id="field-concentracion">
                    <label for="concentracion">CONCENTRACIÓN</label>
                    <input type="text" id="concentracion" class="form-control texto-normalizado readonly-field" disabled
                           value="{{ old('concentracion', $tramite->concentracion) }}">
                    <input type="hidden" name="concentracion" value="{{ $tramite->concentracion }}">
                </div>
                <div class="col-md-3" id="field-asignacion">
                    <label for="asignacion">ASIGNACIÓN</label>
                    <select id="asignacion" class="form-control readonly-field" disabled>
                        <option value="">-- SELECCIONAR --</option>
                        <option value="SI" {{ old('asignacion', $tramite->asignacion) == 'SI' ? 'selected' : '' }}>SI</option>
                        <option value="NO" {{ old('asignacion', $tramite->asignacion) == 'NO' ? 'selected' : '' }}>NO</option>
                    </select>
                    <input type="hidden" name="asignacion" value="{{ $tramite->asignacion }}">
                </div>
            </div>

            {{-- Información de asignación para ejecutores (no editable) --}}
            <div class="row mt-3">
                <div class="col-md-3" id="field-usuario">
                    <label for="usuario_responsable_id">RESPONSABLE</label>
                    <select id="usuario_responsable_id_display" class="form-control readonly-field" disabled>
                        <option value="">-- SELECCIONE UN USUARIO --</option>
                        @foreach($usuarios ?? [] as $user)
                            <option value="{{ $user->id }}"
                                {{ old('usuario_responsable_id', $tramite->usuario_responsable_id) == $user->id ? 'selected' : '' }}>
                                {{ strtoupper($user->name) }}
                            </option>
                        @endforeach
                    </select>
                    <input type="hidden" name="usuario_responsable_id" value="{{ $tramite->usuario_responsable_id }}">
                </div>
                <div class="col-md-3" id="field-fechaplaneada">
                    <label for="fecha_planeada_de_entrega">FECHA PLANEADA ENTREGA</label>
                    <input type="date" id="fecha_planeada_de_entrega_display" class="form-control readonly-field" disabled
                           value="{{ old('fecha_planeada_de_entrega', $tramite->fecha_planeada_de_entrega ? \Carbon\Carbon::parse($tramite->fecha_planeada_de_entrega)->format('Y-m-d') : '') }}">
                    <input type="hidden" name="fecha_planeada_de_entrega" value="{{ $tramite->fecha_planeada_de_entrega ? \Carbon\Carbon::parse($tramite->fecha_planeada_de_entrega)->format('Y-m-d') : '' }}">
                </div>
                <div class="col-md-3" id="field-fechamaxradicacion">
                    <label for="fecha_maxima_de_radicacion">FECHA MÁXIMA RADICACIÓN</label>
                    <input type="date" id="fecha_maxima_de_radicacion_display" class="form-control readonly-field" disabled
                           value="{{ old('fecha_maxima_de_radicacion', $tramite->fecha_maxima_de_radicacion ? \Carbon\Carbon::parse($tramite->fecha_maxima_de_radicacion)->format('Y-m-d') : '') }}">
                    <input type="hidden" name="fecha_maxima_de_radicacion" value="{{ $tramite->fecha_maxima_de_radicacion ? \Carbon\Carbon::parse($tramite->fecha_maxima_de_radicacion)->format('Y-m-d') : '' }}">
                </div>
                <div class="col-md-3" id="field-cargalaboral">
                    <label for="carga_laboral_en_horas">CARGA LABORAL HORAS</label>
                    <input type="number" id="carga_laboral_en_horas_display" class="form-control readonly-field" min="0" disabled
                           value="{{ old('carga_laboral_en_horas', $tramite->carga_laboral_en_horas) }}">
                    <input type="hidden" name="carga_laboral_en_horas" value="{{ $tramite->carga_laboral_en_horas }}">
                </div>
            </div>

            {{-- Incluir los campos editables para ejecutores (estado trámite y observaciones) --}}
            @include('tramites.partials.estado-tramite-fields')
            
            @include('tramites.partials.buttons')
        </form>
    </div>
</div>

@push('after-scripts')
<script>
    // Script para asegurar que el contenido se expanda cuando se oculta el sidebar
    document.addEventListener('DOMContentLoaded', function() {
        const sidebarToggle = document.querySelector('.sidebar-toggle');
        const contentWrapper = document.querySelector('.content-wrapper');
        
        if (sidebarToggle) {
            sidebarToggle.addEventListener('click', function() {
                if (contentWrapper) {
                    contentWrapper.style.marginLeft = '0';
                    contentWrapper.style.width = '100%';
                }
            });
        }
    });
</script>
@endpush

@include('tramites.partials.edit-script')
@endsection