{{-- resources/views/tramites/create.blade.php --}}
@extends('backend.layouts.app')

@section('content')
<div class="container">
    <h1>Crear Nuevo Trámite</h1>

    {{-- Muestra errores de validación, si los hay --}}
    @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                  <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <form action="{{ route('tramites.store') }}" method="POST">
        @csrf

        <!-- Tipo de Producto (SELECT con opciones fijas) -->
        <div class="form-group">
            <label for="tipo_producto">Tipo de Producto</label>
            <select name="tipo_producto" class="form-control" required>
                <option value="">-- Seleccione Tipo de Producto --</option>
                @foreach($tiposProducto ?? [] as $tipo)
                    <option value="{{ $tipo }}" {{ old('tipo_producto') == $tipo ? 'selected' : '' }}>
                        {{ $tipo }}
                    </option>
                @endforeach
            </select>
        </div>

        <!-- Tipo de Trámite -->
        <div class="form-group">
            <label for="tipo_tramite">Tipo de Trámite</label>
            <!-- Input libre para cuando el producto no sea uno de los definidos -->
            <input type="text" id="tipo_tramite_text" name="tipo_tramite" class="form-control" value="{{ old('tipo_tramite') }}">
            <!-- Select dinámico para productos definidos -->
            <select id="tipo_tramite_select" name="tipo_tramite" class="form-control" style="display:none;">
                <!-- Las opciones se cargarán dinámicamente -->
            </select>
        </div>

        <!-- Subtipo de Trámite -->
        <div class="form-group">
            <label for="subtipo_tramite">Subtipo de Trámite</label>
            <!-- Input libre para cuando el producto no sea uno de los definidos -->
            <input type="text" id="subtipo_tramite_text" name="subtipo_tramite" class="form-control" value="{{ old('subtipo_tramite') }}">
            <!-- Select dinámico para productos definidos -->
            <select id="subtipo_tramite_select" name="subtipo_tramite" class="form-control" style="display:none;">
                <!-- Las opciones se cargarán dinámicamente -->
            </select>
        </div>

        <!-- Resto del formulario sin cambios -->
        <div class="form-group">
            <label for="estado">Estado Trámite</label>
            <select name="estado" class="form-control">
                <option value="">-- Seleccione Estado Trámite --</option>
                @foreach($estados ?? [] as $est)
                    <option value="{{ $est }}" {{ old('estado') == $est ? 'selected' : '' }}>
                        {{ $est }}
                    </option>
                @endforeach
            </select>
        </div>

        <div class="form-group">
            <label for="fecha_inicio">Fecha de Inicio</label>
            <input type="date" name="fecha_inicio" class="form-control" value="{{ old('fecha_inicio') }}">
        </div>

        <div class="form-group">
            <label for="fecha_vencimiento">Fecha de Vencimiento</label>
            <input type="date" name="fecha_vencimiento" class="form-control" value="{{ old('fecha_vencimiento') }}">
        </div>

        <div class="form-group">
            <label for="priority">Prioridad</label>
            <select name="priority" class="form-control">
                <option value="">-- Seleccione Prioridad --</option>
                @foreach($prioridades ?? [] as $pri)
                    <option value="{{ $pri }}" {{ old('priority') == $pri ? 'selected' : '' }}>
                        {{ $pri }}
                    </option>
                @endforeach
            </select>
        </div>

        <div class="form-group">
            <label for="usuario_responsable_id">ID Usuario Responsable</label>
            <input type="number" name="usuario_responsable_id" class="form-control" value="{{ old('usuario_responsable_id') }}">
        </div>

        <div class="form-group">
            <label for="ticket">Ticket</label>
            <input type="text" name="ticket" class="form-control" value="{{ old('ticket') }}">
        </div>

        <div class="form-group">
            <label for="radicado">Radicado</label>
            <input type="text" name="radicado" class="form-control" value="{{ old('radicado') }}">
        </div>

        <div class="form-group">
            <label for="num_registro">N.º de Registro</label>
            <input type="text" name="num_registro" class="form-control" value="{{ old('num_registro') }}">
        </div>

        <div class="form-group">
            <label for="expediente">Expediente</label>
            <input type="text" name="expediente" class="form-control" value="{{ old('expediente') }}">
        </div>

        <div class="form-group">
            <label for="asignacion">Asignación</label>
            <select name="asignacion" class="form-control">
                <option value="">-- Seleccionar --</option>
                <option value="SI" {{ old('asignacion') == 'SI' ? 'selected' : '' }}>SI</option>
                <option value="NO" {{ old('asignacion') == 'NO' ? 'selected' : '' }}>NO</option>
            </select>
        </div>

        <div class="form-group">
            <label for="etapa_tramite">Etapa del Trámite</label>
            <select name="etapa_tramite" class="form-control">
                <option value="">-- Seleccione Etapa --</option>
                <option value="Planeación"  {{ old('etapa_tramite')=='Planeación' ? 'selected' : '' }}>Planeación</option>
                <option value="Ejecución"   {{ old('etapa_tramite')=='Ejecución' ? 'selected' : '' }}>Ejecución</option>
                <option value="Resolutiva"  {{ old('etapa_tramite')=='Resolutiva' ? 'selected' : '' }}>Resolutiva</option>
                <option value="Reposición"  {{ old('etapa_tramite')=='Reposición' ? 'selected' : '' }}>Reposición</option>
            </select>
        </div>

        <hr>
        <h4>Información de Registro Sanitario</h4>

        <div class="form-group">
            <label for="nombre_producto">Nombre del Producto</label>
            <input type="text" name="nombre_producto" class="form-control" value="{{ old('nombre_producto') }}">
        </div>

        <div class="form-group">
            <label for="ingrediente_principal">Ingrediente Principal</label>
            <input type="text" name="ingrediente_principal" class="form-control" value="{{ old('ingrediente_principal') }}">
        </div>

        <div class="form-group">
            <label for="forma_farmaceutica">Forma Farmacéutica</label>
            <input type="text" name="forma_farmaceutica" class="form-control" value="{{ old('forma_farmaceutica') }}">
        </div>

        <div class="form-group">
            <label for="estado_registro_sanitario">Estado del Registro Sanitario</label>
            <select name="estado_registro_sanitario" class="form-control">
                <option value="">-- Seleccione --</option>
                <option value="EN PROCESO"  {{ old('estado_registro_sanitario')=='EN PROCESO' ? 'selected' : '' }}>EN PROCESO</option>
                <option value="VIGENTE"     {{ old('estado_registro_sanitario')=='VIGENTE' ? 'selected' : '' }}>VIGENTE</option>
                <option value="CANCELADO"   {{ old('estado_registro_sanitario')=='CANCELADO' ? 'selected' : '' }}>CANCELADO</option>
                <option value="SUSPENDIDO"  {{ old('estado_registro_sanitario')=='SUSPENDIDO' ? 'selected' : '' }}>SUSPENDIDO</option>
            </select>
        </div>

        <div class="form-group">
            <label for="fecha_vencimiento_registro_sanitario">Fecha de Vencimiento del Registro</label>
            <input type="date" name="fecha_vencimiento_registro_sanitario" class="form-control" value="{{ old('fecha_vencimiento_registro_sanitario') }}">
        </div>

        <hr>
        <div class="form-group">
            <label for="observaciones">Observaciones</label>
            <textarea name="observaciones" class="form-control" rows="3">{{ old('observaciones') }}</textarea>
        </div>

        <button type="submit" class="btn btn-success mt-3">Guardar</button>
        <a href="{{ route('tramites.index') }}" class="btn btn-secondary mt-3">Cancelar</a>
    </form>
</div>

{{-- Script para condicionar "Tipo de Trámite" y "Subtipo de Trámite" según el Tipo de Producto --}}
<script>
document.addEventListener('DOMContentLoaded', function() {
    const tipoProductoSelect = document.querySelector('select[name="tipo_producto"]');
    const tipoTramiteText = document.getElementById('tipo_tramite_text');
    const tipoTramiteSelect = document.getElementById('tipo_tramite_select');
    const subtipoTramiteText = document.getElementById('subtipo_tramite_text');
    const subtipoTramiteSelect = document.getElementById('subtipo_tramite_select');

    // Función para actualizar las opciones del select de Tipo de Trámite según el producto
    function updateTipoTramiteOptions(product) {
        let options = [];
        if (product === 'COSMETICO') {
            options = ["NUEVO", "RENOVACION", "MODIFICACION", "AUTO REQUERIMIENTO", "CANCELACION", "CORRECCIONES", "REVISION ANUAL DE PRODUCTO", "CERTIFICADO", "OTRO"];
        } else if (product === 'M BIOLOGICO') {
            options = ["NUEVO", "RENOVACION", "MODIFICACION", "AUTO REQUERIMIENTO", "CANCELACION", "CORRECCIONES", "REVISION ANUAL DE PRODUCTO", "CERTIFICADO", "OTRO", "AUTORIZACIONES"];
        } else if (product === 'M SINTESIS') {
            options = ["NUEVO", "MODIFICACION", "AUTO REQUERIMIENTO", "CANCELACION", "CORRECCIONES", "REVISION ANUAL DE PRODUCTO", "CERTIFICADO", "OTRO"];
        } else if (product === 'FITOTERAPEUTICO') {
            options = ["NUEVO", "RENOVACION", "MODIFICACION", "AUTO REQUERIMIENTO", "CANCELACION", "CORRECCIONES", "REVISION ANUAL DE PRODUCTO", "CERTIFICADO", "OTRO"];
        } else if (product === 'ALIMENTO') {
            options = ["NUEVO", "RENOVACION", "MODIFICACION", "AUTO REQUERIMIENTO", "CANCELACION", "CORRECCIONES", "CERTIFICADO", "OTRO"];
        } else if (product === 'HOMEOPATICO') {
            options = ["NUEVO", "RENOVACION", "MODIFICACION", "AUTO REQUERIMIENTO", "CANCELACION", "CORRECCIONES", "CERTIFICADO", "OTRO"];
        } else if (product === 'DISPOSITIVO') {
            options = ["NUEVO", "RENOVACION", "MODIFICACION", "AUTO REQUERIMIENTO", "CANCELACION", "CORRECCIONES", "CERTIFICADO", "OTRO"];
        } else if (product === 'SUPLEMENTOS') {
            options = ["NUEVO", "RENOVACION", "MODIFICACION", "AUTO REQUERIMIENTO", "CANCELACION", "CORRECCIONES", "CERTIFICADO", "OTRO"];
        } else if (product === 'ASEO') {
            options = ["NUEVO", "RENOVACION", "MODIFICACION", "AUTO REQUERIMIENTO", "CANCELACION", "CORRECCIONES", "REVISION ANUAL DE PRODUCTO", "CERTIFICADO", "OTRO"];
        } else if (product === 'PLAGUICIDAS') {
            options = ["NUEVO", "RENOVACION", "MODIFICACION", "AUTO REQUERIMIENTO", "CANCELACION", "CORRECCIONES", "CERTIFICADO", "OTRO"];
        } else if (product === 'REACTIVOS DE DIAGNOSTICO') {
            options = ["NUEVO", "RENOVACION", "MODIFICACION", "AUTO REQUERIMIENTO", "CANCELACION", "CORRECCIONES", "CERTIFICADO", "OTRO"];
        }
        tipoTramiteSelect.innerHTML = '';
        const defaultOption = document.createElement('option');
        defaultOption.value = '';
        defaultOption.textContent = '-- Seleccione Tipo de Trámite --';
        tipoTramiteSelect.appendChild(defaultOption);
        options.forEach(function(opt) {
            const optionElement = document.createElement('option');
            optionElement.value = opt;
            optionElement.textContent = opt;
            if (opt === "{{ old('tipo_tramite') }}") {
                optionElement.selected = true;
            }
            tipoTramiteSelect.appendChild(optionElement);
        });
    }

    // Función para retornar las opciones para el Subtipo de Trámite según producto y tipo de trámite
    function updateSubtipoOptions(product, tipoTramite) {
        let options = [];
        if (product === 'COSMETICO') {
            switch (tipoTramite) {
                case 'NUEVO':
                case 'RENOVACION':
                case 'AUTO REQUERIMIENTO':
                case 'CANCELACION':
                case 'CORRECCIONES':
                case 'REVISION ANUAL DE PRODUCTO':
                    options = ['NO APLICA'];
                    break;
                case 'MODIFICACION':
                    options = ['TECNICO', 'LEGAL', 'TECNICO LEGAL'];
                    break;
                case 'CERTIFICADO':
                    options = ['BPM CAPACIDAD', 'CVL', 'EXPORTACION', 'AUTORIZACION', 'OTROS'];
                    break;
                case 'OTRO':
                    options = ['OTROS'];
                    break;
                default:
                    options = [];
            }
        } else if (product === 'M BIOLOGICO') {
            switch (tipoTramite) {
                case 'NUEVO':
                case 'RENOVACION':
                case 'AUTO REQUERIMIENTO':
                case 'CANCELACION':
                case 'CORRECCIONES':
                case 'REVISION ANUAL DE PRODUCTO':
                    options = ['NO APLICA'];
                    break;
                case 'MODIFICACION':
                    options = ['CAMBIO CONDICIONES DE FABRICACION', 'SEGURIDAD Y EFICACIA', 'VARIACIONES DE COMPONENTES', 'OTROS'];
                    break;
                case 'CERTIFICADO':
                    options = ['BPM CAPACIDAD', 'CVL', 'EXPORTACION', 'AUTORIZACION Y OTROS'];
                    break;
                case 'OTRO':
                    options = ['OTROS'];
                    break;
                case 'AUTORIZACIONES':
                    options = ['APROBACION DE PROTOCOLOS', 'ENMIENDAS A ESTUDIOS EN CURSO', 'IMPORTACION', 'EXPORTACION'];
                    break;
                default:
                    options = [];
            }
        } else if (product === 'M SINTESIS') {
            switch (tipoTramite) {
                case 'NUEVO':
                    options = ['NO APLICA', 'EVALUACION FARMACOLOGICA', 'BIOEQUIVALENCIA', 'EVALUACION FARMACOLOGICA - BIOEQUIVALENCIA'];
                    break;
                case 'MODIFICACION':
                    options = ['CALIDAD', 'ADMINISTRATIVO - LEGALES', 'SEGURIDAD - EFICACIA'];
                    break;
                case 'AUTO REQUERIMIENTO':
                case 'CANCELACION':
                case 'CORRECCIONES':
                case 'REVISION ANUAL DE PRODUCTO':
                    options = ['NO APLICA'];
                    break;
                case 'CERTIFICADO':
                    options = ['BPM', 'CPP OMS', 'CVL', 'BPL', 'EXPORTACION', 'EXCLUSION DE IVA', 'AUTO REQUERIMIENTO', 'OTRO', 'AUTORIZACION Y OTROS'];
                    break;
                case 'OTRO':
                    options = ['OTROS'];
                    break;
                default:
                    options = [];
            }
        } else if (product === 'FITOTERAPEUTICO') {
            switch (tipoTramite) {
                case 'NUEVO':
                    options = ['NO APLICA'];
                    break;
                case 'RENOVACION':
                    options = ['NO APLICA'];
                    break;
                case 'MODIFICACION':
                    options = ['CALIDAD', 'ADMINISTRATIVO - LEGALES', 'SEGURIDAD - EFICACIA'];
                    break;
                case 'AUTO REQUERIMIENTO':
                    options = ['NO APLICA'];
                    break;
                case 'CANCELACION':
                    options = ['NO APLICA'];
                    break;
                case 'CORRECCIONES':
                    options = ['NO APLICA'];
                    break;
                case 'REVISION ANUAL DE PRODUCTO':
                    options = ['NO APLICA'];
                    break;
                case 'CERTIFICADO':
                    options = ['BPM', 'CPP OMS', 'CVL', 'BPL', 'EXPORTACION', 'EXCLUSION DE IVA', 'AUTO REQUERIMIENTO', 'OTRO', 'AUTORIZACION Y OTROS'];
                    break;
                case 'OTRO':
                    options = ['OTROS'];
                    break;
                default:
                    options = [];
            }
        } else if (product === 'ALIMENTO') {
            switch (tipoTramite) {
                case 'NUEVO':
                    options = ['NO APLICA'];
                    break;
                case 'RENOVACION':
                    options = ['NO APLICA'];
                    break;
                case 'MODIFICACION':
                    options = ['CALIDAD', 'ADMINISTRATIVO - LEGALES', 'OTROS'];
                    break;
                case 'AUTO REQUERIMIENTO':
                    options = ['NO APLICA'];
                    break;
                case 'CANCELACION':
                    options = ['NO APLICA'];
                    break;
                case 'CORRECCIONES':
                    options = ['NO APLICA'];
                    break;
                case 'CERTIFICADO':
                    options = ['BPM', 'CAPACIDAD', 'CVL', 'EXPORTACION', 'AUTO REQUERIMIENTO', 'OTRO', 'AUTORIZACION Y OTROS'];
                    break;
                case 'OTRO':
                    options = ['OTROS'];
                    break;
                default:
                    options = [];
            }
        } else if (product === 'HOMEOPATICO') {
            switch (tipoTramite) {
                case 'NUEVO':
                case 'RENOVACION':
                case 'MODIFICACION':
                case 'AUTO REQUERIMIENTO':
                case 'CANCELACION':
                case 'CORRECCIONES':
                    options = ['NO APLICA'];
                    break;
                case 'CERTIFICADO':
                    options = ['BPM', 'CVL', 'EXPORTACION', 'AUTO REQUERIMIENTO', 'OTRO', 'AUTORIZACION Y OTROS'];
                    break;
                case 'OTRO':
                    options = ['OTROS'];
                    break;
                default:
                    options = [];
            }
        } else if (product === 'DISPOSITIVO') {
            switch (tipoTramite) {
                case 'NUEVO':
                case 'RENOVACION':
                case 'MODIFICACION':
                case 'AUTO REQUERIMIENTO':
                case 'CANCELACION':
                case 'CORRECCIONES':
                    options = ['NO APLICA'];
                    break;
                case 'CERTIFICADO':
                    options = ['BPM', 'CVL', 'CCAA', 'EXPORTACION', 'AUTO REQUERIMIENTO', 'OTRO', 'AUTORIZACION Y OTROS'];
                    break;
                case 'OTRO':
                    options = ['OTROS'];
                    break;
                default:
                    options = [];
            }
        } else if (product === 'SUPLEMENTOS') {
            switch (tipoTramite) {
                case 'NUEVO':
                    options = ['NO APLICA'];
                    break;
                case 'RENOVACION':
                    options = ['NO APLICA'];
                    break;
                case 'MODIFICACION':
                    options = ['NO APLICA'];
                    break;
                case 'AUTO REQUERIMIENTO':
                    options = ['NO APLICA'];
                    break;
                case 'CANCELACION':
                    options = ['NO APLICA'];
                    break;
                case 'CORRECCIONES':
                    options = ['NO APLICA'];
                    break;
                case 'CERTIFICADO':
                    options = ['BPM', 'CVL', 'EXPORTACION', 'AUTO REQUERIMIENTO', 'OTRO', 'AUTORIZACION Y OTROS'];
                    break;
                case 'OTRO':
                    options = ['OTROS'];
                    break;
                default:
                    options = [];
            }
        } else if (product === 'ASEO') {
            switch (tipoTramite) {
                case 'NUEVO':
                case 'RENOVACION':
                case 'AUTO REQUERIMIENTO':
                case 'CANCELACION':
                case 'CORRECCIONES':
                case 'REVISION ANUAL DE PRODUCTO':
                    options = ['NO APLICA'];
                    break;
                case 'MODIFICACION':
                    options = ['TECNICO', 'LEGAL', 'TECNICO LEGAL'];
                    break;
                case 'CERTIFICADO':
                    options = ['BPM CAPACIDAD', 'CVL', 'EXPORTACION', 'AUTORIZACION Y OTROS'];
                    break;
                case 'OTRO':
                    options = ['OTROS'];
                    break;
                default:
                    options = [];
            }
        } else if (product === 'PLAGUICIDAS') {
            switch (tipoTramite) {
                case 'NUEVO':
                case 'RENOVACION':
                case 'MODIFICACION':
                case 'AUTO REQUERIMIENTO':
                case 'CANCELACION':
                case 'CORRECCIONES':
                    options = ['NO APLICA'];
                    break;
                case 'CERTIFICADO':
                    options = ['BPM', 'CAPACIDAD', 'CVL', 'EXPORTACION', 'AUTORIZACION Y OTROS'];
                    break;
                case 'OTRO':
                    options = ['OTROS'];
                    break;
                default:
                    options = [];
            }
        } else if (product === 'REACTIVOS DE DIAGNOSTICO') {
            switch (tipoTramite) {
                case 'NUEVO':
                case 'RENOVACION':
                case 'MODIFICACION':
                case 'AUTO REQUERIMIENTO':
                case 'CANCELACION':
                case 'CORRECCIONES':
                    options = ['NO APLICA'];
                    break;
                case 'CERTIFICADO':
                    options = ['BPM CAPACIDAD', 'CVL', 'EXPORTACION', 'AUTORIZACION Y OTROS'];
                    break;
                case 'OTRO':
                    options = ['OTROS'];
                    break;
                default:
                    options = [];
            }
        }
        return options;
    }

    // Alterna entre input y select para Tipo de Trámite según el producto
    function toggleTipoTramite() {
        const product = tipoProductoSelect.value;
        if (['COSMETICO', 'M BIOLOGICO', 'M SINTESIS', 'FITOTERAPEUTICO', 'ALIMENTO', 'HOMEOPATICO', 'DISPOSITIVO', 'SUPLEMENTOS', 'ASEO', 'PLAGUICIDAS', 'REACTIVOS DE DIAGNOSTICO'].includes(product)) {
            tipoTramiteText.style.display = 'none';
            tipoTramiteSelect.style.display = 'block';
            updateTipoTramiteOptions(product);
        } else {
            tipoTramiteText.style.display = 'block';
            tipoTramiteSelect.style.display = 'none';
        }
        toggleSubtipoTramite();
    }

    // Alterna entre input y select para Subtipo de Trámite y actualiza sus opciones
    function toggleSubtipoTramite() {
        const product = tipoProductoSelect.value;
        if (['COSMETICO', 'M BIOLOGICO', 'M SINTESIS', 'FITOTERAPEUTICO', 'ALIMENTO', 'HOMEOPATICO', 'DISPOSITIVO', 'SUPLEMENTOS', 'ASEO', 'PLAGUICIDAS', 'REACTIVOS DE DIAGNOSTICO'].includes(product)) {
            subtipoTramiteText.style.display = 'none';
            subtipoTramiteSelect.style.display = 'block';
            const selectedTipoTramite = tipoTramiteSelect.value;
            const opciones = updateSubtipoOptions(product, selectedTipoTramite);
            subtipoTramiteSelect.innerHTML = '';
            const defaultOption = document.createElement('option');
            defaultOption.value = '';
            defaultOption.textContent = '-- Seleccione Subtipo de Trámite --';
            subtipoTramiteSelect.appendChild(defaultOption);
            opciones.forEach(function(opcion) {
                const optionElement = document.createElement('option');
                optionElement.value = opcion;
                optionElement.textContent = opcion;
                if (opcion === "{{ old('subtipo_tramite') }}") {
                    optionElement.selected = true;
                }
                subtipoTramiteSelect.appendChild(optionElement);
            });
        } else {
            subtipoTramiteText.style.display = 'block';
            subtipoTramiteSelect.style.display = 'none';
        }
    }

    tipoProductoSelect.addEventListener('change', toggleTipoTramite);
    tipoTramiteSelect.addEventListener('change', toggleSubtipoTramite);
    toggleTipoTramite();
});
</script>
@endsection