{{-- Smart Field Component with State and Role Awareness --}}
{{-- Usage: @include('tramites.partials.smart-field', ['field' => 'nombre_producto']) --}}

@php
    $stateHandler = app(\App\Services\TramiteStateHandler::class);
    $stateId = $tramite->estado_tramite_id ?? 1;
    $userRole = $stateHandler->getUserRole();
    
    // Check if field should be hidden
    if ($stateHandler->isFieldHidden($stateId, $field, $userRole)) {
        return; // Don't render hidden fields
    }
    
    // Get field definition and permissions
    $fieldDef = $stateHandler->getFieldDefinition($field);
    $isEditable = $stateHandler->isFieldEditable($stateId, $field, $userRole);
    $attributes = $stateHandler->getFieldAttributes($stateId, $field, $userRole);
    
    // Get field value and handle array/null cases
    // Special handling for fields that are now in the producto_especifico
    $productFields = ['num_registro', 'fecha_vencimiento_registro', 'estado_registro_id', 'nombre_producto', 'marca', 'unidad_de_negocio', 'expediente', 'ingrediente_principal', 'concentracion', 'indicacion', 'via_administracion', 'condicion_de_venta', 'tiempo_de_vida_util', 'condicion_de_almacenamiento', 'titular', 'importador', 'fabricante', 'acondicionador'];
    
    // Special handling for producto_id field
    if ($field === 'producto_id' && $tramite->productoEspecifico && $tramite->productoEspecifico->tipoProducto) {
        // Get tipo_producto from producto_especifico
        $fieldValue = old($field, $tramite->productoEspecifico->tipoProducto->id);
    } elseif ($field === 'nombre_producto' && $tramite->productoEspecifico) {
        // Special handling for nombre_producto - use 'nombre' field from producto_especifico
        $fieldValue = old($field, $tramite->productoEspecifico->nombre);
    } elseif (in_array($field, $productFields) && $tramite->productoEspecifico) {
        // Get value from producto_especifico
        $fieldValue = old($field, $tramite->productoEspecifico->{$field});
    } else {
        // Get value from tramite (default behavior)
        $fieldValue = old($field, $tramite->{$field});
    }
    
    if (is_array($fieldValue)) {
        $fieldValue = '';
    }
    if ($fieldValue === null) {
        $fieldValue = '';
    }
    
    // Merge with any additional attributes passed
    $additionalAttributes = $additionalAttributes ?? [];
    
    // Separate container attributes from input attributes
    $containerAttributes = [];
    $inputAttributes = [];
    
    foreach ($additionalAttributes as $key => $value) {
        if (in_array($key, ['class', 'data-depends-on', 'data-show-when', 'style'])) {
            $containerAttributes[$key] = $value;
        } else {
            $inputAttributes[$key] = $value;
        }
    }
    
    // Merge input attributes
    $attributes = array_merge($attributes, $inputAttributes);
    
    // Get field configuration
    $type = $type ?? $fieldDef['type'] ?? 'text';
    $label = $label ?? $fieldDef['label'] ?? strtoupper(str_replace('_', ' ', $field));
    $colSize = $colSize ?? '4';
    $rows = $rows ?? $fieldDef['rows'] ?? '3';
    
    // Define fields that should be uppercase without accents in TICKET state
    $uppercaseFields = ['indicacion', 'via_administracion', 'condicion_de_venta', 'condicion_de_almacenamiento', 'titular', 'importador', 'fabricante', 'acondicionador'];
    $shouldApplyUppercase = $stateId == 8 && in_array($field, $uppercaseFields) && $isEditable;
    
    // Define fields that should be uppercase without accents in any state
    $globalUppercaseFields = ['responsable_entregar_informacion'];
    $shouldApplyGlobalUppercase = in_array($field, $globalUppercaseFields) && $isEditable;
    
    // Add field definition attributes (min, max, placeholder, etc.)
    $fieldDefAttributes = [];
    
    // For fields that depend on user assignment, only add min/max if user is assigned
    $userDependentFields = ['fecha_planeada_de_entrega_del_dossier', 'fecha_maxima_de_radicacion', 'carga_laboral_en_horas'];
    $hasUserAssigned = !empty($tramite->usuario_responsable_id);
    
    if (in_array($field, $userDependentFields) && !$hasUserAssigned) {
        // Don't add min/max validation for user-dependent fields when no user is assigned
        if (isset($fieldDef['max'])) $fieldDefAttributes['max'] = $fieldDef['max'];
        if (isset($fieldDef['step'])) $fieldDefAttributes['step'] = $fieldDef['step'];
    } else {
        // Add all field definition attributes normally
        if (isset($fieldDef['min'])) $fieldDefAttributes['min'] = $fieldDef['min'];
        if (isset($fieldDef['max'])) $fieldDefAttributes['max'] = $fieldDef['max'];
        if (isset($fieldDef['step'])) $fieldDefAttributes['step'] = $fieldDef['step'];
    }
    
    if (isset($fieldDef['placeholder'])) $fieldDefAttributes['placeholder'] = $fieldDef['placeholder'];
    
    // Merge field definition attributes with other attributes
    $attributes = array_merge($fieldDefAttributes, $attributes);
    
    // Build attribute string for input
    $attributeString = '';
    foreach ($attributes as $key => $value) {
        if ($key === 'class') {
            $attributeString .= ' class="form-control ' . $value . '"';
        } else {
            $attributeString .= ' ' . $key . '="' . $value . '"';
        }
    }
    
    // If no class was set, add default
    if (!isset($attributes['class'])) {
        $attributeString .= ' class="form-control"';
    }
    
    // Build container attribute string
    $containerAttributeString = '';
    foreach ($containerAttributes as $key => $value) {
        $containerAttributeString .= ' ' . $key . '="' . $value . '"';
    }
    
    // Handle special field types
    if ($type === 'hidden') {
        $colSize = '0'; // Hidden fields don't take space
    }
@endphp

@if($type === 'hidden')
    <input type="hidden" name="{{ $field }}" id="{{ $field }}" 
           value="{{ $fieldValue }}">
@else
    <div class="col-md-{{ $colSize }}" id="field-{{ $field }}"{!! $containerAttributeString !!}>
        <label for="{{ $field }}" class="form-label">{{ $label }}</label>
        
        @if($type === 'select')
            <select name="{{ $field }}" id="{{ $field }}" {!! $attributeString !!}
                    @if($field === 'usuario_responsable_id' && !$isEditable) 
                        disabled 
                        readonly 
                    @endif>
                <option value="">-- {{ $placeholder ?? 'SELECCIONE ' . $label }} --</option>
                @if(isset($options))
                    @foreach($options as $option)
                        <option value="{{ $option->id }}"
                            {{ $fieldValue == $option->id ? 'selected' : '' }}>
                            {{ strtoupper($option->nombre ?? $option->name) }}
                        </option>
                    @endforeach
                @elseif(isset($fieldDef['options']))
                    @foreach($fieldDef['options'] as $option)
                        <option value="{{ $option['value'] }}"
                            {{ $fieldValue == $option['value'] ? 'selected' : '' }}>
                            {{ $option['label'] }}
                        </option>
                    @endforeach
                @elseif(isset($fieldDef['options_source']))
                    {{-- Dynamic options loading based on source --}}
                    @switch($fieldDef['options_source'])
                        @case('productos')
                            @foreach($productos ?? [] as $producto)
                                <option value="{{ $producto->id }}"
                                    {{ $fieldValue == $producto->id ? 'selected' : '' }}>
                                    {{ strtoupper($producto->nombre) }}
                                </option>
                            @endforeach
                            @break
                        @case('tipos_productos')
                            @foreach($tiposProductos ?? [] as $tipoProducto)
                                <option value="{{ $tipoProducto->id }}"
                                    {{ $fieldValue == $tipoProducto->id ? 'selected' : '' }}>
                                    {{ $tipoProducto->nombre }}
                                </option>
                            @endforeach
                            @break
                        @case('tipos_tramite')
                            @foreach($tiposTramite ?? [] as $tipo)
                                <option value="{{ $tipo->id }}"
                                    {{ $fieldValue == $tipo->id ? 'selected' : '' }}>
                                    {{ strtoupper($tipo->nombre) }}
                                </option>
                            @endforeach
                            @break
                        @case('subtipos_tramite')
                            @foreach($subtiposTramite ?? [] as $subtipo)
                                <option value="{{ $subtipo->id }}"
                                    {{ $fieldValue == $subtipo->id ? 'selected' : '' }}>
                                    {{ strtoupper($subtipo->nombre) }}
                                </option>
                            @endforeach
                            @break
                        @case('estados_registro')
                            @foreach($estadosRegistro ?? [] as $estado)
                                <option value="{{ $estado->id }}"
                                    {{ $fieldValue == $estado->id ? 'selected' : '' }}>
                                    {{ strtoupper($estado->nombre) }}
                                </option>
                            @endforeach
                            @break
                        @case('formas_farmaceuticas')
                            @foreach($formasFarmaceuticas ?? [] as $forma)
                                <option value="{{ $forma->id }}"
                                    {{ $fieldValue == $forma->id ? 'selected' : '' }}>
                                    {{ strtoupper($forma->nombre) }}
                                </option>
                            @endforeach
                            @break
                        @case('users')
                            @foreach($usuarios ?? [] as $usuario)
                                <option value="{{ $usuario->id }}"
                                    {{ $fieldValue == $usuario->id ? 'selected' : '' }}>
                                    {{ strtoupper($usuario->name) }}
                                </option>
                            @endforeach
                            @break
                        @case('estados_tramite')
                            @foreach($estadosTramite ?? [] as $estado)
                                <option value="{{ $estado->id }}"
                                    {{ $fieldValue == $estado->id ? 'selected' : '' }}>
                                    {{ strtoupper($estado->nombre) }}
                                </option>
                            @endforeach
                            @break
                        @case('countries')
                            @foreach($countries ?? [] as $country)
                                <option value="{{ $country->id }}"
                                    {{ $fieldValue == $country->id ? 'selected' : '' }}>
                                    {{ strtoupper($country->nombre) }}
                                </option>
                            @endforeach
                            @break
                        @case('areas')
                            @foreach($areas ?? [] as $area)
                                <option value="{{ $area->id }}"
                                    {{ $fieldValue == $area->id ? 'selected' : '' }}>
                                    {{ strtoupper($area->nombre) }}
                                </option>
                            @endforeach
                            @break
                    @endswitch
                @endif
            </select>
        @elseif($type === 'textarea')
            <textarea name="{{ $field }}" id="{{ $field }}" 
                      rows="{{ $rows }}" {!! $attributeString !!}
                      @if($shouldApplyUppercase || $shouldApplyGlobalUppercase) oninput="convertToUppercaseNoAccents(this)" @endif>{{ $fieldValue }}</textarea>
        @elseif($type === 'date')
            @php
                // If it's a DateTime object, format it properly
                if (is_object($fieldValue) && method_exists($fieldValue, 'format')) {
                    $fieldValue = $fieldValue->format('Y-m-d');
                }
                // If it's a string with time, extract only the date part
                elseif (is_string($fieldValue) && strpos($fieldValue, ' ') !== false) {
                    $fieldValue = substr($fieldValue, 0, 10); // Get only YYYY-MM-DD part
                }
            @endphp
            <input type="date" name="{{ $field }}" id="{{ $field }}" 
                   value="{{ $fieldValue }}" {!! $attributeString !!}>
        @else
            <input type="{{ $type }}" name="{{ $field }}" id="{{ $field }}" 
                   value="{{ $fieldValue }}" {!! $attributeString !!}
                   @if($shouldApplyUppercase || $shouldApplyGlobalUppercase) oninput="convertToUppercaseNoAccents(this)" @endif
                   @if($field === 'tiempo_de_vida_util') oninput="validateIntegerInput(this)" @endif
                   @if($field === 'condicion_de_almacenamiento') oninput="validateTemperatureInput(this)" @endif>
        @endif
        
        @error($field)
            <div class="text-danger small mt-1">{{ $message }}</div>
        @enderror
    </div>
@endif

@once
<script>
function convertToUppercaseNoAccents(element) {
    // Store the cursor position
    const cursorPos = element.selectionStart;
    
    // Convert to uppercase and remove accents
    let value = element.value.toUpperCase();
    
    // Replace accented characters with non-accented equivalents
    const accentMap = {
        'Á': 'A', 'À': 'A', 'Ä': 'A', 'Â': 'A', 'Ã': 'A', 'Å': 'A',
        'É': 'E', 'È': 'E', 'Ë': 'E', 'Ê': 'E',
        'Í': 'I', 'Ì': 'I', 'Ï': 'I', 'Î': 'I',
        'Ó': 'O', 'Ò': 'O', 'Ö': 'O', 'Ô': 'O', 'Õ': 'O', 'Ø': 'O',
        'Ú': 'U', 'Ù': 'U', 'Ü': 'U', 'Û': 'U',
        'Ñ': 'N',
        'Ç': 'C',
        'Ý': 'Y', 'Ÿ': 'Y'
    };
    
    // Replace accented characters
    for (const [accented, normal] of Object.entries(accentMap)) {
        value = value.replace(new RegExp(accented, 'g'), normal);
    }
    
    // Allow special characters including hyphens, dots, commas, parentheses, slashes
    // This is especially important for fields like num_registro that can contain "INVIMA2025 123456-RE"
    value = value.replace(/[^A-Z0-9\s\.,\-\(\)\/]/g, '');
    
    // Update the field value
    element.value = value;
    
    // Restore cursor position
    element.setSelectionRange(cursorPos, cursorPos);
}

function validateIntegerInput(element) {
    // Store the cursor position
    const cursorPos = element.selectionStart;
    
    // Remove any non-numeric characters except for the first minus sign
    let value = element.value;
    
    // Remove all non-numeric characters
    value = value.replace(/[^0-9]/g, '');
    
    // Ensure the value is within reasonable bounds (1-120 months)
    const numValue = parseInt(value);
    if (numValue < 1) {
        value = '1';
    } else if (numValue > 120) {
        value = '120';
    }
    
    // Update the field value
    element.value = value;
    
    // Restore cursor position (adjust if the value changed)
    const newCursorPos = Math.min(cursorPos, value.length);
    element.setSelectionRange(newCursorPos, newCursorPos);
    
    // Show validation message if needed
    const numValueFinal = parseInt(value);
    if (numValueFinal < 1 || numValueFinal > 120) {
        element.setCustomValidity('El tiempo de vida útil debe estar entre 1 y 120 meses');
    } else {
        element.setCustomValidity('');
    }
}

function validateTemperatureInput(element) {
    // Store the cursor position
    const cursorPos = element.selectionStart;
    
    // Remove any non-numeric characters except for minus sign
    let value = element.value;
    value = value.replace(/[^0-9\-]/g, '');
    
    // Handle negative numbers properly
    if (value.startsWith('-')) {
        value = '-' + value.substring(1).replace(/[^0-9]/g, '');
    } else {
        value = value.replace(/[^0-9]/g, '');
    }
    
    // Ensure the value is within reasonable bounds (-80°C to 50°C)
    const numValue = parseInt(value);
    if (numValue < -80) {
        value = '-80';
    } else if (numValue > 50) {
        value = '50';
    }
    
    // Update the field value
    element.value = value;
    
    // Restore cursor position (adjust if the value changed)
    const newCursorPos = Math.min(cursorPos, value.length);
    element.setSelectionRange(newCursorPos, newCursorPos);
    
    // Show validation message if needed
    const numValueFinal = parseInt(value);
    if (numValueFinal < -80 || numValueFinal > 50) {
        element.setCustomValidity('La temperatura debe estar entre -80°C y 50°C');
    } else {
        element.setCustomValidity('');
    }
}
</script>
@endonce

@if(!empty($jsConfig) && is_string($jsConfig))
    {!! $jsConfig !!}
@endif