@php
    $f = function($key) use ($inventory) {
        return old("features.$key", data_get($inventory, "features.$key", ''));
    };
@endphp

{{-- Computadores de escritorio --}}
<template x-if="categoryName.includes('computador') && !categoryName.includes('portátil') && !categoryName.includes('portatil') && !categoryName.includes('laptop')">
    <div>
        <div class="form-row">
            <div class="form-group">
                <label class="form-label" for="f_pc_name">Nombre del equipo</label>
                <input type="text" id="f_pc_name" name="features[pc_name]" class="form-control" value="{{ $f('pc_name') }}">
            </div>
            <div class="form-group">
                <label class="form-label" for="f_os">Sistema operativo</label>
                <input type="text" id="f_os" name="features[os]" class="form-control" value="{{ $f('os') }}">
            </div>
        </div>
        <div class="form-row">
            <div class="form-group">
                <label class="form-label" for="f_os_license">Licencia del Sistema operativo</label>
                <input type="text" id="f_os_license" name="features[os_license]" class="form-control" value="{{ $f('os_license') }}">
            </div>
            <div class="form-group">
                <label class="form-label" for="f_processor">Procesador</label>
                <input type="text" id="f_processor" name="features[processor]" class="form-control" value="{{ $f('processor') }}">
            </div>
        </div>
        <div class="form-row">
            <div class="form-group">
                <label class="form-label" for="f_ram">Memoria RAM</label>
                <input type="text" id="f_ram" name="features[ram]" class="form-control" value="{{ $f('ram') }}">
            </div>
            <div class="form-group">
                <label class="form-label" for="f_disk">Disco duro (tipo y capacidad)</label>
                <input type="text" id="f_disk" name="features[disk]" class="form-control" value="{{ $f('disk') }}" placeholder="Ej: SSD M2 512GB">
            </div>
        </div>
        <div class="form-row">
            <div class="form-group">
                <label class="form-label" for="f_gpu">Tarjeta gráfica</label>
                <input type="text" id="f_gpu" name="features[gpu]" class="form-control" value="{{ $f('gpu') }}">
            </div>
            <div class="form-group">
                <label class="form-label" for="f_office">Office instalado</label>
                <input type="text" id="f_office" name="features[office]" class="form-control" value="{{ $f('office') }}">
            </div>
        </div>
        <div class="form-row">
            <div class="form-group">
                <label class="form-label" for="f_office_license">Licencia del office</label>
                <input type="text" id="f_office_license" name="features[office_license]" class="form-control" value="{{ $f('office_license') }}">
            </div>
            <div class="form-group">
                <label class="form-label" for="f_antivirus">Antivirus</label>
                <input type="text" id="f_antivirus" name="features[antivirus]" class="form-control" value="{{ $f('antivirus') }}">
            </div>
        </div>
        <div class="form-row">
            <div class="form-group">
                <label class="form-label" for="f_antivirus_license">Licencia del antivirus</label>
                <input type="text" id="f_antivirus_license" name="features[antivirus_license]" class="form-control" value="{{ $f('antivirus_license') }}">
            </div>
        </div>
        <div class="form-row">
            <div class="form-group">
                <label class="form-label" for="f_domain">Dominio o grupo de trabajo</label>
                <input type="text" id="f_domain" name="features[domain]" class="form-control" value="{{ $f('domain') }}">
            </div>
            <div class="form-group">
                <label class="form-label" for="f_main_user">Usuario principal</label>
                <input type="text" id="f_main_user" name="features[main_user]" class="form-control" value="{{ $f('main_user') }}">
            </div>
        </div>
        <div class="form-row">
            <div class="form-group">
                <label class="form-label" for="f_peripherals">Periféricos</label>
                <input type="text" id="f_peripherals" name="features[peripherals]" class="form-control" value="{{ $f('peripherals') }}" placeholder="Teclado, Mouse, etc.">
            </div>
        </div>
    </div>
</template>

{{-- Portátiles --}}
<template x-if="categoryName.includes('portátil') || categoryName.includes('portatil') || categoryName.includes('laptop')">
    <div>
        <div class="form-row">
            <div class="form-group">
                <label class="form-label" for="f_lap_name">Nombre del equipo</label>
                <input type="text" id="f_lap_name" name="features[pc_name]" class="form-control" value="{{ $f('pc_name') }}">
            </div>
            <div class="form-group">
                <label class="form-label" for="f_lap_os">Sistema operativo</label>
                <input type="text" id="f_lap_os" name="features[os]" class="form-control" value="{{ $f('os') }}">
            </div>
        </div>
        <div class="form-row">
            <div class="form-group">
                <label class="form-label" for="f_lap_os_license">Licencia del OS</label>
                <input type="text" id="f_lap_os_license" name="features[os_license]" class="form-control" value="{{ $f('os_license') }}">
            </div>
            <div class="form-group">
                <label class="form-label" for="f_lap_processor">Procesador</label>
                <input type="text" id="f_lap_processor" name="features[processor]" class="form-control" value="{{ $f('processor') }}">
            </div>
        </div>
        <div class="form-row">
            <div class="form-group">
                <label class="form-label" for="f_lap_ram">Memoria RAM</label>
                <input type="text" id="f_lap_ram" name="features[ram]" class="form-control" value="{{ $f('ram') }}">
            </div>
            <div class="form-group">
                <label class="form-label" for="f_lap_disk">Disco duro</label>
                <input type="text" id="f_lap_disk" name="features[disk]" class="form-control" value="{{ $f('disk') }}">
            </div>
        </div>
        <div class="form-row">
            <div class="form-group">
                <label class="form-label" for="f_lap_gpu">Tarjeta gráfica</label>
                <input type="text" id="f_lap_gpu" name="features[gpu]" class="form-control" value="{{ $f('gpu') }}">
            </div>
            <div class="form-group">
                <label class="form-label" for="f_lap_office">Office instalado</label>
                <input type="text" id="f_lap_office" name="features[office]" class="form-control" value="{{ $f('office') }}">
            </div>
        </div>
        <div class="form-row">
            <div class="form-group">
                <label class="form-label" for="f_lap_office_license">Licencia Office</label>
                <input type="text" id="f_lap_office_license" name="features[office_license]" class="form-control" value="{{ $f('office_license') }}">
            </div>
            <div class="form-group">
                <label class="form-label" for="f_lap_antivirus">Antivirus</label>
                <input type="text" id="f_lap_antivirus" name="features[antivirus]" class="form-control" value="{{ $f('antivirus') }}">
            </div>
        </div>
        <div class="form-row">
            <div class="form-group">
                <label class="form-label" for="f_lap_antivirus_license">Licencia Antivirus</label>
                <input type="text" id="f_lap_antivirus_license" name="features[antivirus_license]" class="form-control" value="{{ $f('antivirus_license') }}">
            </div>
        </div>
        <div class="form-row">
            <div class="form-group">
                <label class="form-label" for="f_lap_domain">Dominio o grupo de trabajo</label>
                <input type="text" id="f_lap_domain" name="features[domain]" class="form-control" value="{{ $f('domain') }}">
            </div>
            <div class="form-group">
                <label class="form-label" for="f_lap_main_user">Usuario principal</label>
                <input type="text" id="f_lap_main_user" name="features[main_user]" class="form-control" value="{{ $f('main_user') }}">
            </div>
        </div>
        <div class="form-row">
            <div class="form-group">
                <label class="form-label" for="f_lap_battery">Estado de batería</label>
                <input type="text" id="f_lap_battery" name="features[battery]" class="form-control" value="{{ $f('battery') }}">
            </div>
            <div class="form-group">
                <label class="form-label" for="f_lap_charger">Cargador asignado</label>
                <input type="text" id="f_lap_charger" name="features[charger]" class="form-control" value="{{ $f('charger') }}">
            </div>
        </div>
        <div class="form-row">
            <div class="form-group">
                <label class="form-label" for="f_lap_accessories">Accesorios entregados</label>
                <input type="text" id="f_lap_accessories" name="features[accessories]" class="form-control" value="{{ $f('accessories') }}" placeholder="Funda, Mouse, etc.">
            </div>
        </div>
    </div>
</template>

{{-- Monitores --}}
<template x-if="categoryName.includes('monitor') || categoryName.includes('pantalla')">
    <div class="form-row">
        <div class="form-group">
            <label class="form-label" for="f_mon_size">Tamaño de Pantalla</label>
            <input type="text" id="f_mon_size" name="features[screen_size]" class="form-control" value="{{ $f('screen_size') }}">
        </div>
        <div class="form-group">
            <label class="form-label" for="f_mon_ports">Puertos de Video</label>
            <input type="text" id="f_mon_ports" name="features[video_ports]" class="form-control" value="{{ $f('video_ports') }}">
        </div>
    </div>
</template>

{{-- Impresoras --}}
<template x-if="categoryName.includes('impresora')">
    <div class="form-row">
        <div class="form-group">
            <label class="form-label" for="f_printer_type">Tipo de impresora</label>
            <input type="text" id="f_printer_type" name="features[printer_type]" class="form-control" value="{{ $f('printer_type') }}">
        </div>
        <div class="form-group">
            <label class="form-label" for="f_printer_conn">Tipo de conexión</label>
            <input type="text" id="f_printer_conn" name="features[connection_type]" class="form-control" value="{{ $f('connection_type') }}">
        </div>
    </div>
</template>

{{-- DVR / NVR --}}
<template x-if="categoryName.includes('dvr') || categoryName.includes('nvr')">
    <div>
        <div class="form-row">
            <div class="form-group">
                <label class="form-label" for="f_dvr_channels">Cantidad de canales</label>
                <input type="number" id="f_dvr_channels" name="features[channels]" class="form-control" value="{{ $f('channels') }}">
            </div>
            <div class="form-group">
                <label class="form-label" for="f_dvr_disk">Disco duro instalado</label>
                <input type="text" id="f_dvr_disk" name="features[disk]" class="form-control" value="{{ $f('disk') }}">
            </div>
        </div>
        <div class="form-row">
            <div class="form-group">
                <label class="form-label" for="f_dvr_fw">Versión de firmware</label>
                <input type="text" id="f_dvr_fw" name="features[firmware]" class="form-control" value="{{ $f('firmware') }}">
            </div>
            <div class="form-group">
                <label class="form-label" for="f_dvr_user">Usuario administrador</label>
                <input type="text" id="f_dvr_user" name="features[admin_user]" class="form-control" value="{{ $f('admin_user') }}">
            </div>
        </div>
        <div class="form-row">
            <div class="form-group">
                <label class="form-label" for="f_dvr_pass">Contraseña</label>
                <input type="text" id="f_dvr_pass" name="features[admin_pass]" class="form-control" value="{{ $f('admin_pass') }}">
            </div>
            <div class="form-group">
                <label class="form-label" for="f_dvr_ddns">DDNS o P2P</label>
                <input type="text" id="f_dvr_ddns" name="features[ddns_p2p]" class="form-control" value="{{ $f('ddns_p2p') }}">
            </div>
        </div>
    </div>
</template>

{{-- Cámaras --}}
<template x-if="categoryName.includes('cámara') || categoryName.includes('camara')">
    <div x-data="{ camTech: '{{ old('features.technology', data_get($inventory ?? null, 'features.technology', '')) }}', showCamPass: false }">
        <div class="form-row">
            <div class="form-group">
                <label class="form-label" for="f_cam_tech">Tecnología</label>
                <select id="f_cam_tech" name="features[technology]" class="form-control" x-model="camTech">
                    <option value="">Seleccionar...</option>
                    <option value="IP">IP</option>
                    <option value="Análoga">Análoga</option>
                    <option value="HD-CVI">HD-CVI</option>
                    <option value="HD-TVI">HD-TVI</option>
                    <option value="AHD">AHD</option>
                </select>
            </div>
            <div class="form-group">
                <label class="form-label" for="f_cam_type">Tipo</label>
                <input type="text" id="f_cam_type" name="features[camera_type]" class="form-control" value="{{ $f('camera_type') }}" placeholder="Domo, Bala, PTZ...">
            </div>
        </div>
        <div class="form-row">
            <div class="form-group">
                <label class="form-label" for="f_cam_res">Resolución</label>
                <input type="text" id="f_cam_res" name="features[resolution]" class="form-control" value="{{ $f('resolution') }}">
            </div>
            <div class="form-group">
                <label class="form-label" for="f_cam_fw">Firmware</label>
                <input type="text" id="f_cam_fw" name="features[firmware]" class="form-control" value="{{ $f('firmware') }}">
            </div>
        </div>

        {{-- Campos adicionales para cámaras IP --}}
        <div x-show="camTech === 'IP'" x-transition.duration.300ms>
            <div style="border-top: 1px dashed var(--border-color, #e0e0e0); margin: 16px 0; padding-top: 16px;">
                <p style="font-size: 0.8rem; color: var(--text-muted); margin: 0 0 12px 0; display: flex; align-items: center; gap: 6px;">
                    <i class="ph ph-lock-key" style="color: var(--secondary);"></i>
                    Credenciales de acceso (Cámara IP)
                </p>
                <div class="form-row">
                    <div class="form-group">
                        <label class="form-label" for="f_cam_user">Usuario</label>
                        <input type="text" id="f_cam_user" name="features[cam_user]" class="form-control" value="{{ $f('cam_user') }}" placeholder="Ej: admin" autocomplete="off">
                    </div>
                    <div class="form-group">
                        <label class="form-label" for="f_cam_pass">Contraseña</label>
                        <div style="position: relative;">
                            <input :type="showCamPass ? 'text' : 'password'" id="f_cam_pass" name="features[cam_pass]" class="form-control" value="{{ $f('cam_pass') }}" placeholder="••••••••" autocomplete="new-password" style="padding-right: 44px;">
                            <button type="button" @click="showCamPass = !showCamPass" style="position: absolute; right: 8px; top: 50%; transform: translateY(-50%); background: none; border: none; cursor: pointer; padding: 4px 6px; color: var(--text-muted); border-radius: var(--radius-sm, 6px); transition: color 0.2s;" title="Mostrar/Ocultar contraseña">
                                <i class="ph" :class="showCamPass ? 'ph-eye-slash' : 'ph-eye'" style="font-size: 1.15rem;"></i>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

{{-- Switches --}}
<template x-if="categoryName.includes('switch')">
    <div>
        <div class="form-row">
            <div class="form-group">
                <label class="form-label" for="f_sw_managed">Administrable</label>
                <select id="f_sw_managed" name="features[managed]" class="form-control">
                    <option value="Sí" {{ $f('managed') == 'Sí' ? 'selected' : '' }}>Sí</option>
                    <option value="No" {{ $f('managed') == 'No' ? 'selected' : '' }}>No</option>
                </select>
            </div>
            <div class="form-group">
                <label class="form-label" for="f_sw_ports">Cantidad de puertos</label>
                <input type="number" id="f_sw_ports" name="features[ports_count]" class="form-control" value="{{ $f('ports_count') }}">
            </div>
        </div>
        <div class="form-row">
            <div class="form-group">
                <label class="form-label" for="f_sw_speed">Velocidad de puertos</label>
                <input type="text" id="f_sw_speed" name="features[speed]" class="form-control" value="{{ $f('speed') }}">
            </div>
            <div class="form-group">
                <label class="form-label" for="f_sw_vlan">VLAN configuradas</label>
                <input type="text" id="f_sw_vlan" name="features[vlan]" class="form-control" value="{{ $f('vlan') }}">
            </div>
        </div>
        <div class="form-row">
            <div class="form-group">
                <label class="form-label" for="f_sw_fw">Firmware</label>
                <input type="text" id="f_sw_fw" name="features[firmware]" class="form-control" value="{{ $f('firmware') }}">
            </div>
            <div class="form-group">
                <label class="form-label" for="f_sw_rack">Rack donde está instalado</label>
                <input type="text" id="f_sw_rack" name="features[rack]" class="form-control" value="{{ $f('rack') }}">
            </div>
        </div>
    </div>
</template>

{{-- Teléfonos IP --}}
<template x-if="categoryName.includes('teléfono ip') || categoryName.includes('telefono ip') || (categoryName.includes('teléfono') && !categoryName.includes('planta'))">
    <div class="form-row">
        <div class="form-group">
            <label class="form-label" for="f_phone_ext">Extensión</label>
            <input type="text" id="f_phone_ext" name="features[extension]" class="form-control" value="{{ $f('extension') }}">
        </div>
        <div class="form-group">
            <label class="form-label" for="f_phone_fw">Firmware</label>
            <input type="text" id="f_phone_fw" name="features[firmware]" class="form-control" value="{{ $f('firmware') }}">
        </div>
    </div>
</template>

{{-- ATA --}}
<template x-if="categoryName.includes('ata')">
    <div class="form-row">
        <div class="form-group">
            <label class="form-label" for="f_ata_fxs">Puerto FXS</label>
            <input type="text" id="f_ata_fxs" name="features[fxs_ports]" class="form-control" value="{{ $f('fxs_ports') }}">
        </div>
        <div class="form-group">
            <label class="form-label" for="f_ata_voip">Operador VoIP</label>
            <input type="text" id="f_ata_voip" name="features[voip_operator]" class="form-control" value="{{ $f('voip_operator') }}">
        </div>
    </div>
</template>

{{-- Routers --}}
<template x-if="categoryName.includes('router') || categoryName.includes('firewall')">
    <div>
        <div class="form-row">
            <div class="form-group">
                <label class="form-label" for="f_rt_wan">IP WAN</label>
                <input type="text" id="f_rt_wan" name="features[wan_ip]" class="form-control" value="{{ $f('wan_ip') }}">
            </div>
            <div class="form-group">
                <label class="form-label" for="f_rt_isp">Proveedor</label>
                <input type="text" id="f_rt_isp" name="features[isp]" class="form-control" value="{{ $f('isp') }}">
            </div>
        </div>
        <div class="form-row">
            <div class="form-group">
                <label class="form-label" for="f_rt_speed">Velocidad</label>
                <input type="text" id="f_rt_speed" name="features[speed]" class="form-control" value="{{ $f('speed') }}">
            </div>
            <div class="form-group">
                <label class="form-label" for="f_rt_vpn">VPN configuradas</label>
                <input type="text" id="f_rt_vpn" name="features[vpn]" class="form-control" value="{{ $f('vpn') }}">
            </div>
        </div>
        <div class="form-row">
            <div class="form-group">
                <label class="form-label" for="f_rt_fw">Firmware</label>
                <input type="text" id="f_rt_fw" name="features[firmware]" class="form-control" value="{{ $f('firmware') }}">
            </div>
            <div class="form-group">
                <label class="form-label" for="f_rt_admin">Usuario administrador</label>
                <input type="text" id="f_rt_admin" name="features[admin_user]" class="form-control" value="{{ $f('admin_user') }}">
            </div>
        </div>
    </div>
</template>

{{-- Antenas WiFi --}}
<template x-if="categoryName.includes('antena') || categoryName.includes('wifi') || categoryName.includes('ap')">
    <div>
        <div class="form-row">
            <div class="form-group">
                <label class="form-label" for="f_wf_mode">Modo (AP, Station, etc.)</label>
                <input type="text" id="f_wf_mode" name="features[mode]" class="form-control" value="{{ $f('mode') }}">
            </div>
            <div class="form-group">
                <label class="form-label" for="f_wf_ssid">SSID</label>
                <input type="text" id="f_wf_ssid" name="features[ssid]" class="form-control" value="{{ $f('ssid') }}">
            </div>
        </div>
        <div class="form-row">
            <div class="form-group">
                <label class="form-label" for="f_wf_chan">Canal</label>
                <input type="text" id="f_wf_chan" name="features[channel]" class="form-control" value="{{ $f('channel') }}">
            </div>
            <div class="form-group">
                <label class="form-label" for="f_wf_freq">Frecuencia (2.4 / 5 GHz)</label>
                <input type="text" id="f_wf_freq" name="features[frequency]" class="form-control" value="{{ $f('frequency') }}">
            </div>
        </div>
        <div class="form-row">
            <div class="form-group">
                <label class="form-label" for="f_wf_power">Potencia</label>
                <input type="text" id="f_wf_power" name="features[power]" class="form-control" value="{{ $f('power') }}">
            </div>
            <div class="form-group">
                <label class="form-label" for="f_wf_gps">Coordenadas GPS</label>
                <div style="display: flex; gap: var(--space-xs);">
                    <input type="text" id="f_wf_gps" name="features[gps]" class="form-control" value="{{ $f('gps') }}" style="flex: 1;" placeholder="Lat, Lng">
                    <button type="button" class="btn btn-outline btn-icon" title="Obtener ubicación actual" onclick="
                        if(navigator.geolocation) {
                            navigator.geolocation.getCurrentPosition(
                                (pos) => document.getElementById('f_wf_gps').value = pos.coords.latitude + ', ' + pos.coords.longitude,
                                (err) => Swal.fire({icon: 'error', title: 'Error', text: 'No se pudo obtener la ubicación: ' + err.message})
                            );
                        } else {
                            Swal.fire({ title: 'Atención', text: 'Geolocalización no soportada por el navegador.', icon: 'warning', confirmButtonText: 'Entendido' });
                        }
                    ">
                        <i class="ph ph-map-pin"></i>
                    </button>
                </div>
            </div>
        </div>
    </div>
</template>

{{-- Servidores --}}
<template x-if="categoryName.includes('servidor') && !categoryName.includes('web') && !categoryName.includes('correo')">
    <div>
        <div class="form-row">
            <div class="form-group">
                <label class="form-label" for="f_srv_os">Sistema Operativo</label>
                <input type="text" id="f_srv_os" name="features[os]" class="form-control" value="{{ $f('os') }}">
            </div>
            <div class="form-group">
                <label class="form-label" for="f_srv_role">Función (AD, File Server, etc.)</label>
                <input type="text" id="f_srv_role" name="features[role]" class="form-control" value="{{ $f('role') }}">
            </div>
        </div>
        <div class="form-row">
            <div class="form-group">
                <label class="form-label" for="f_srv_cpu">Procesador</label>
                <input type="text" id="f_srv_cpu" name="features[processor]" class="form-control" value="{{ $f('processor') }}">
            </div>
            <div class="form-group">
                <label class="form-label" for="f_srv_ram">Memoria RAM</label>
                <input type="text" id="f_srv_ram" name="features[ram]" class="form-control" value="{{ $f('ram') }}">
            </div>
        </div>
        <div class="form-row">
            <div class="form-group">
                <label class="form-label" for="f_srv_disk">Almacenamiento</label>
                <input type="text" id="f_srv_disk" name="features[disk]" class="form-control" value="{{ $f('disk') }}">
            </div>
            <div class="form-group">
                <label class="form-label" for="f_srv_raid">RAID</label>
                <input type="text" id="f_srv_raid" name="features[raid]" class="form-control" value="{{ $f('raid') }}">
            </div>
        </div>
        <div class="form-row">
            <div class="form-group">
                <label class="form-label" for="f_srv_services">Servicios instalados</label>
                <input type="text" id="f_srv_services" name="features[services]" class="form-control" value="{{ $f('services') }}">
            </div>
            <div class="form-group">
                <label class="form-label" for="f_srv_backups">Copias de seguridad configuradas</label>
                <input type="text" id="f_srv_backups" name="features[backups]" class="form-control" value="{{ $f('backups') }}">
            </div>
        </div>
    </div>
</template>

{{-- Servidores Web/Correo --}}
<template x-if="categoryName.includes('web') || categoryName.includes('correo') || categoryName.includes('hosting')">
    <div>
        <div class="form-row">
            <div class="form-group">
                <label class="form-label" for="f_wh_domain">Dominio</label>
                <input type="text" id="f_wh_domain" name="features[domain]" class="form-control" value="{{ $f('domain') }}">
            </div>
            <div class="form-group">
                <label class="form-label" for="f_wh_prov">Hosting / Proveedor</label>
                <input type="text" id="f_wh_prov" name="features[provider]" class="form-control" value="{{ $f('provider') }}">
            </div>
        </div>
        <div class="form-row">
            <div class="form-group">
                <label class="form-label" for="f_wh_panel">Panel</label>
                <input type="text" id="f_wh_panel" name="features[panel]" class="form-control" value="{{ $f('panel') }}">
            </div>
            <div class="form-group">
                <label class="form-label" for="f_wh_ssl">Certificados SSL</label>
                <input type="text" id="f_wh_ssl" name="features[ssl]" class="form-control" value="{{ $f('ssl') }}">
            </div>
        </div>
        <div class="form-row">
            <div class="form-group">
                <label class="form-label" for="f_wh_exp_domain">Fecha vencimiento dominio</label>
                <input type="date" id="f_wh_exp_domain" name="features[domain_expiration]" class="form-control" value="{{ $f('domain_expiration') }}">
            </div>
            <div class="form-group">
                <label class="form-label" for="f_wh_exp_host">Fecha vencimiento hosting</label>
                <input type="date" id="f_wh_exp_host" name="features[hosting_expiration]" class="form-control" value="{{ $f('hosting_expiration') }}">
            </div>
        </div>
    </div>
</template>

{{-- UPS --}}
<template x-if="categoryName.includes('ups')">
    <div class="form-row">
        <div class="form-group">
            <label class="form-label" for="f_ups_cap">Capacidad (VA / Watts)</label>
            <input type="text" id="f_ups_cap" name="features[ups_capacity]" class="form-control" value="{{ $f('ups_capacity') }}">
        </div>
        <div class="form-group">
            <label class="form-label" for="f_ups_bat">Tipo de Batería</label>
            <input type="text" id="f_ups_bat" name="features[ups_battery]" class="form-control" value="{{ $f('ups_battery') }}">
        </div>
    </div>
</template>

{{-- Plantas Telefónicas --}}
<template x-if="categoryName.includes('planta') || categoryName.includes('pbx')">
    <div class="form-row">
        <div class="form-group">
            <label class="form-label" for="f_pbx_exts">Extensiones soportadas</label>
            <input type="number" id="f_pbx_exts" name="features[extensions_supported]" class="form-control" value="{{ $f('extensions_supported') }}">
        </div>
        <div class="form-group">
            <label class="form-label" for="f_pbx_trunks">Troncales</label>
            <input type="text" id="f_pbx_trunks" name="features[trunks]" class="form-control" value="{{ $f('trunks') }}">
        </div>
        <div class="form-group">
            <label class="form-label" for="f_pbx_fw">Firmware</label>
            <input type="text" id="f_pbx_fw" name="features[firmware]" class="form-control" value="{{ $f('firmware') }}">
        </div>
    </div>
</template>