@extends('adminlte::page')

@section('content_header')
<h1><b>Solicitantes / Modificar solicitante</b></h1>
<hr>
@stop

@section('content')
<div class="row">
    <div class="col-md-12">
        <div class="card card-outline card-success">
            <div class="card-header">
                <h3 class="card-title">Editar los datos del formulario</h3>
                <div class="card-tools">
                    <!-- Puedes agregar herramientas aquí si es necesario -->
                </div>
            </div>
            <div class="card-body">
                <form action="{{ url('/admin/soportes', $soporte->id) }}" method="post">
                    @csrf
                    @method('PUT')

                    <div class="row mb-3">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="">Gerencia</label>
                                <div class="input-group mb-12">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text"><i class="fas fa-user"></i></span>
                                    </div>
                                    <select name="gerencia" class="form-control">
                                        <option>{{$soporte->gerencia}}</option>
                                        <option>AUDITORIA INTERNA</option>
                                        <option>CONSULTORIA JURIDICA</option>
                                        <option>DESPACHO DE PRESIDENCIA</option>
                                        <option>GERENCIA COMERCIAL</option>
                                        <option>GERENCIA DE ADMINISTRACIÓN Y FINANZAS</option>
                                        <option>GERENCIA DE COMUNICACIÓN CORPORATIVA</option>
                                        <option>GERENCIA DE CONTRATACIONES</option>
                                        <option>GERENCIA DE FUENTES HIDRICAS</option>
                                        <option>GERENCIA DE GESTIÓN COMUNITARIA</option>
                                        <option>GERENCIA DE MANTENIMIENTO DE REDES DE AGUA IRIBARREN</option>
                                        <option>GERENCIA DE MANTENIMIENTO ELECTROMECANICO METROPOLITANA</option>
                                        <option>GERENCIA DE PLANIFICACIÓN ESTRATEGICA</option>
                                        <option>GERENCIA DE PLANIFICACIÓN Y PRESUPUESTO</option>
                                        <option>GERENCIA DE PREVENCIÓN, CONTROL Y PERDIDA</option>
                                        <option>GERENCIA DE SERVICIOS GENERALES</option>
                                        <option>GERENCIA DE TALENTO HUMANO</option>
                                        <option>GERENCIA DE TECNOLOGÍA, INFORMACIÓN Y COMUNICACIÓN</option>
                                        <option>GERENCIA OPERATIVA IRIBARREN</option>
                                        <option>GERENCIA OPERATIVA MUNICIPIOS FORANEOS</option>
                                        <option>GERENCIA OPERATIVA PALAVECINO</option>
                                        <option>GERENCIA TECNICA</option>
                                        <option>GERENTE DE OBRAS</option>
                                        <option>PRESIDENCIA</option>
                                        <option>VICE PRESIDENCIA ADMINISTRATIVA</option>
                                        <option>VICE PRESIDENCIA OPERATIVA</option>
                                    </select>
                                </div>
                                @error('gerencia')
                                    <small style="color: red">{{ $message }}</small>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="">Tipo de Falla</label>
                                <div class="input-group mb-12">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text"><i class="fas fa-exclamation-circle"></i></span>
                                    </div>
                                    <select name="tipofalla" id="tipo" class="form-control">
                                        <option value="CCTV" {{ $soporte->tipofalla == 'CCTV' ? 'selected' : '' }}>CCTV</option>
                                        <option value="Impresoras" {{ $soporte->tipofalla == 'Impresoras' ? 'selected' : '' }}>Impresoras</option>
                                        <option value="Otros" {{ $soporte->tipofalla == 'Otros' ? 'selected' : '' }}>Otros</option>
                                        <option value="Radios" {{ $soporte->tipofalla == 'Radios' ? 'selected' : '' }}>Radios</option>
                                        <option value="Recargas" {{ $soporte->tipofalla == 'Recargas' ? 'selected' : '' }}>Recargas</option>
                                        <option value="Soporte" {{ $soporte->tipofalla == 'Soporte' ? 'selected' : '' }}>Soporte</option>
                                        <option value="Telecomunicaciones" {{ $soporte->tipofalla == 'Telecomunicaciones' ? 'selected' : '' }}>Telecomunicaciones</option>
                                    </select>
                                </div>
                                @error('tipofalla')
                                <small style="color: red">{{ $message }}</small>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="row mb-3">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="">Falla</label>
                                <div class="input-group mb-12">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text"><i class="fas fa-exclamation-triangle"></i></span>
                                    </div>
                                    <select name="falla" id="soporte-descripcion" class="form-control" style="display: none;" disabled>
                                        <option value="">Seleccione una opción</option>
                                        <option value="Apoyo" {{ $soporte->falla == 'Apoyo' ? 'selected' : '' }}>Apoyo</option>
                                        <option value="Configuración impresora compartida" {{ $soporte->falla == 'Configuración impresora compartida' ? 'selected' : '' }}>Configuración impresora compartida</option>
                                        <option value="Configuracion a la BIO" {{ $soporte->falla == 'Configuracion a la BIO' ? 'selected' : '' }}>Configuracion a la BIO</option>
                                        <option value="Configuracion carpeta compartida" {{ $soporte->falla == 'Configuracion carpeta compartida' ? 'selected' : '' }}>Configuracion carpeta compartida</option>
                                        <option value="Desinfeccion con Antivirus" {{ $soporte->falla == 'Desinfeccion con Antivirus' ? 'selected' : '' }}>Desinfeccion con Antivirus</option>
                                        <option value="Equipo no enciende" {{ $soporte->falla == 'Equipo no enciende' ? 'selected' : '' }}>Equipo no enciende</option>
                                        <option value="Equipo se apaga" {{ $soporte->falla == 'Equipo se apaga' ? 'selected' : '' }}>Equipo se apaga</option>
                                        <option value="Formateo de equipo" {{ $soporte->falla == 'Formateo de equipo' ? 'selected' : '' }}>Formateo de equipo</option>
                                        <option value="Guardia" {{ $soporte->falla == 'Guardia' ? 'selected' : '' }}>Guardia</option>
                                        <option value="Instalación de programas" {{ $soporte->falla == 'Instalación de programas' ? 'selected' : '' }}>Instalación de programas</option>
                                        <option value="Instalacion de equipo" {{ $soporte->falla == 'Instalacion de equipo' ? 'selected' : '' }}>Instalacion de equipo</option>
                                        <option value="Mantenimiento Laptop" {{ $soporte->falla == 'Mantenimiento Laptop' ? 'selected' : '' }}>Mantenimiento Laptop</option>
                                        <option value="Mantenimiento de PC" {{ $soporte->falla == 'Mantenimiento de PC' ? 'selected' : '' }}>Mantenimiento de PC</option>
                                        <option value="Mantenimiento de mouse" {{ $soporte->falla == 'Mantenimiento de mouse' ? 'selected' : '' }}>Mantenimiento de mouse</option>
                                        <option value="Monitor no enciende" {{ $soporte->falla == 'Monitor no enciende' ? 'selected' : '' }}>Monitor no enciende</option>
                                        <option value="Prestamos/Entrega de Bien" {{ $soporte->falla == 'Prestamos/Entrega de Bien' ? 'selected' : '' }}>Prestamos/Entrega de Bien</option>
                                        <option value="Reparacion de equipo" {{ $soporte->falla == 'Reparacion de equipo' ? 'selected' : '' }}>Reparacion de equipo</option>
                                        <option value="Regulador/UPS dañado" {{ $soporte->falla == 'Regulador/UPS dañado' ? 'selected' : '' }}>Regulador/UPS dañado</option>
                                       
                                        <option value="Videoconferencia" {{ $soporte->falla == 'Videoconferencia' ? 'selected' : '' }}>Videoconferencia</option>
                        
                                    </select>
                                    <select name="falla" id="tele-descripcion" class="form-control" style="display: none;" disabled>
                                        <option value="">Seleccione una opción</option>
                                        <option value="Adic./Elim./Modif. Equipo en Router" {{ $soporte->falla == 'Adic./Elim./Modif. Equipo en Router' ? 'selected' : '' }}>Adic./Elim./Modif. Equipo en Router</option>
                                        <option value="Cambio/Asignación de IP" {{ $soporte->falla == 'Cambio/Asignación de IP' ? 'selected' : '' }}>Cambio/Asignación de IP</option>
                                        <option value="Chequeo de punto y cable de red" {{ $soporte->falla == 'Chequeo de punto y cable de red' ? 'selected' : '' }}>Chequeo de punto y cable de red</option>
                                        <option value="Equipo sin internet" {{ $soporte->falla == 'Equipo sin internet' ? 'selected' : '' }}>Equipo sin internet</option>
                                        <option value="Inspección de equipo telefónico" {{ $soporte->falla == 'Inspección de equipo telefónico' ? 'selected' : '' }}>Inspección de equipo telefónico</option>
                                        <option value="Inspección de Velocidad" {{ $soporte->falla == 'Inspección de Velocidad' ? 'selected' : '' }}>Inspección de Velocidad</option>
                                        <option value="Inst./Revisión de Router" {{ $soporte->falla == 'Inst./Revisión de Router' ? 'selected' : '' }}>Inst./Revisión de Router</option>
                                        <option value="Ponchado de cable" {{ $soporte->falla == 'Ponchado de cable' ? 'selected' : '' }}>Ponchado de cable</option>
                                        <option value="Revisión de BAM" {{ $soporte->falla == 'Revisión de BAM' ? 'selected' : '' }}>Revisión de BAM</option>
                                        <option value="Teléfono sin tono" {{ $soporte->falla == 'Teléfono sin tono' ? 'selected' : '' }}>Teléfono sin tono</option>
                                    </select>
                                    <select name="falla" id="re-descripcion" class="form-control" style="display: none;" disabled>
                                        <option value="">Seleccione una opción</option>
                                        <option value="Mantenimiento" {{ $soporte->falla == 'Mantenimiento' ? 'selected' : '' }}>Mantenimiento</option>
                                        <option value="Nuevo" {{ $soporte->falla == 'Nuevo' ? 'selected' : '' }}>Nuevo</option>
                                        <option value="Recarga" {{ $soporte->falla == 'Recarga' ? 'selected' : '' }}>Recarga</option>
                                        <option value="Sustitución de piezas" {{ $soporte->falla == 'Sustitución de piezas' ? 'selected' : '' }}>Sustitución de piezas</option>
                                    </select>
                                    <select name="falla" id="ra-descripcion" class="form-control" style="display: none;" disabled>
                                        <option value="">Seleccione una opción</option>
                                        <option value="Asignación de portátil" {{ $soporte->falla == 'Asignación de portátil' ? 'selected' : '' }}>Asignación de portátil</option>
                                        <option value="Configuración de radios" {{ $soporte->falla == 'Configuración de radios' ? 'selected' : '' }}>Configuración de radios</option>
                                        <option value="Inspección de Radiocomunicaciones" {{ $soporte->falla == 'Inspección de Radiocomunicaciones' ? 'selected' : '' }}>Inspección de Radiocomunicaciones</option>
                                        <option value="Instalación de antenas" {{ $soporte->falla == 'Instalación de antenas' ? 'selected' : '' }}>Instalación de antenas</option>
                                        <option value="Instalación de radios" {{ $soporte->falla == 'Instalación de radios' ? 'selected' : '' }}>Instalación de radios</option>
                                        <option value="Mantenimiento de antenas" {{ $soporte->falla == 'Mantenimiento de antenas' ? 'selected' : '' }}>Mantenimiento de antenas</option>
                                        <option value="Mantenimiento de radios" {{ $soporte->falla == 'Mantenimiento de radios' ? 'selected' : '' }}>Mantenimiento de radios</option>
                                        <option value="Revisión/Mtto base cargador" {{ $soporte->falla == 'Revisión/Mtto base cargador' ? 'selected' : '' }}>Revisión/Mtto base cargador</option>
                                    </select>
                                    <select name="falla" id="cc-descripcion" class="form-control" style="display: none;" disabled>
                                        <option value="">Seleccione una opción</option>
                                        <option value="Instalación de cámaras" {{ $soporte->falla == 'Instalación de cámaras' ? 'selected' : '' }}>Instalación de cámaras</option>
                                        <option value="Mantenimiento de cámaras" {{ $soporte->falla == 'Mantenimiento de cámaras' ? 'selected' : '' }}>Mantenimiento de cámaras</option>
                                        <option value="Sustitución de cámara" {{ $soporte->falla == 'Sustitución de cámara' ? 'selected' : '' }}>Sustitución de cámara</option>
                                        <option value="Sustitución de cableado" {{ $soporte->falla == 'Sustitución de cableado' ? 'selected' : '' }}>Sustitución de cableado</option>
                                        <option value="Sustitución de chip" {{ $soporte->falla == 'Sustitución de chip' ? 'selected' : '' }}>Sustitución de chip</option>
                                        <option value="Sustitución de componentes" {{ $soporte->falla == 'Sustitución de componentes' ? 'selected' : '' }}>Sustitución de componentes</option>
                                    </select>
                                    <select name="falla" id="im-descripcion" class="form-control" style="display: none;" disabled>
                                        <option value="">Seleccione una opción</option>
                                        <option value="Acompañamiento técnico" {{ $soporte->falla == 'Acompañamiento técnico' ? 'selected' : '' }}>Acompañamiento técnico</option>
                                        <option value="Atasco de papel en impresora" {{ $soporte->falla == 'Atasco de papel en impresora' ? 'selected' : '' }}>Atasco de papel en impresora</option>
                                        <option value="Limpieza de componentes" {{ $soporte->falla == 'Limpieza de componentes' ? 'selected' : '' }}>Limpieza de componentes</option>
                                        <option value="Mantenimiento a impresora" {{ $soporte->falla == 'Mantenimiento a impresora' ? 'selected' : '' }}>Mantenimiento a impresora</option>
                                        <option value="Pieza suelta" {{ $soporte->falla == 'Pieza suelta' ? 'selected' : '' }}>Pieza suelta</option>
                                    </select>
                                    <select name="falla" id="fo-descripcion" class="form-control" style="display: none;" disabled>
                                        <option value="">Seleccione una opción</option>
                                        <option value="Adic./Elim./Modif. Equipo en Router" {{ $soporte->falla == 'Adic./Elim./Modif. Equipo en Router' ? 'selected' : '' }}>Adic./Elim./Modif. Equipo en Router</option>
                                        <option value="Apoyo" {{ $soporte->falla == 'Apoyo' ? 'selected' : '' }}>Apoyo</option>
                                        <option value="Atasco de papel en impresora" {{ $soporte->falla == 'Atasco de papel en impresora' ? 'selected' : '' }}>Atasco de papel en impresora</option>
                                        <option value="Atención remota" {{ $soporte->falla == 'Atención remota' ? 'selected' : '' }}>Atención remota</option>
                                        <option value="Configuración impresora compartida" {{ $soporte->falla == 'Configuración impresora compartida' ? 'selected' : '' }}>Configuración impresora compartida</option>
                                        <option value="Configuracion a la BIO" {{ $soporte->falla == 'Configuracion a la BIO' ? 'selected' : '' }}>Configuracion a la BIO</option>
                                        <option value="Configuracion carpeta compartida" {{ $soporte->falla == 'Configuracion carpeta compartida' ? 'selected' : '' }}>Configuracion carpeta compartida</option>
                                        <option value="Desinfeccion con Antivirus" {{ $soporte->falla == 'Desinfeccion con Antivirus' ? 'selected' : '' }}>Desinfeccion con Antivirus</option>
                                        <option value="Equipo sin internet" {{ $soporte->falla == 'Equipo sin internet' ? 'selected' : '' }}>Equipo sin internet</option>
                                        <option value="Formateo de equipo" {{ $soporte->falla == 'Formateo de equipo' ? 'selected' : '' }}>Formateo de equipo</option>
                                        <option value="Inspección de Velocidad" {{ $soporte->falla == 'Inspección de Velocidad' ? 'selected' : '' }}>Inspección de Velocidad</option>
                                        <option value="Instalacion de equipo" {{ $soporte->falla == 'Instalacion de equipo' ? 'selected' : '' }}>Instalacion de equipo</option>
                                        <option value="Instalación de programas" {{ $soporte->falla == 'Instalación de programas' ? 'selected' : '' }}>Instalación de programas</option>
                                        <option value="Mantenimiento Laptop" {{ $soporte->falla == 'Mantenimiento Laptop' ? 'selected' : '' }}>Mantenimiento Laptop</option>
                                        <option value="Mantenimiento de PC" {{ $soporte->falla == 'Mantenimiento de PC' ? 'selected' : '' }}>Mantenimiento de PC</option>
                                        <option value="Mantenimiento de mouse" {{ $soporte->falla == 'Mantenimiento de mouse' ? 'selected' : '' }}>Mantenimiento de mouse</option>
                                        <option value="Ponchado de cable" {{ $soporte->falla == 'Ponchado de cable' ? 'selected' : '' }}>Ponchado de cable</option>
                                        <option value="Prestamos/Entrega de Bien" {{ $soporte->falla == 'Prestamos/Entrega de Bien' ? 'selected' : '' }}>Prestamos/Entrega de Bien</option>
                                        <option value="Reparacion de equipo" {{ $soporte->falla == 'Reparacion de equipo' ? 'selected' : '' }}>Reparacion de equipo</option>
                                        <option value="Regulador/UPS dañado" {{ $soporte->falla == 'Regulador/UPS dañado' ? 'selected' : '' }}>Regulador/UPS dañado</option>
                                    </select>
                                    <select name="falla" id="otros-descripcion" class="form-control" style="display: none;" disabled>
                                        <option value="">Seleccione una opción</option>
                                        <option value="Reunión" {{ $soporte->falla == 'Reunión' ? 'selected' : '' }}>Reunión</option>
                                        <option value="Tramites Administrativos" {{ $soporte->falla == 'Tramites Administrativos' ? 'selected' : '' }}>Tramites Administrativos</option>
                                        <option value="Tramites de Bienes" {{ $soporte->falla == 'Tramites de Bienes' ? 'selected' : '' }}>Tramites de Bienes</option>
                                        <option value="Planificación de personal" {{ $soporte->falla == 'Planificación de personal' ? 'selected' : '' }}>Planificación de personal</option>
                                    </select>
                                </div>
                                @error('falla')
                                    <small style="color: red">{{ $message }}</small>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="">Atendido por</label>
                                <div class="input-group mb-12">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text"><i class="fas fa-user"></i></span>
                                    </div>
                                    <input type="text" name="atendido" value="{{$soporte->atendido}}" class="form-control" placeholder="Escriba aquí.." required>
                                </div>
                                @error('atendido')
                                    <small style="color: red">{{ $message }}</small>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="row mb-3">
                        <div class="col-md-6">
                            <div class="form-group" id="observaciones-group">
                                <label for="password_confirmation">Observaciones</label>
                                <div class="input-group mb-12">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text"><i class="fas fa-eye"></i></span>
                                    </div>
                                    <input type="text" name="observacion" value="{{$soporte->observacion}}" class="form-control" placeholder="Escriba aquí.." required>
                                </div>
                                @error('observacion')
                                    <small style="color: red">{{ $message }}</small>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="password_confirmation">Fecha</label>
                                <div class="input-group mb-12">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text"><i class="fas fa-calendar"></i></span>
                                    </div>
                                    <input type="date" name="fecha" value="{{$soporte->fecha}}" class="form-control" required>
                                </div>
                                @error('fecha')
                                    <small style="color: red">{{ $message }}</small>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="password_confirmation">Departamento</label>
                                <div class="input-group mb-12">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text"><i class="fas fa-building"></i></span>
                                    </div>
                                    <input type="text" name="departamento" value="{{$soporte->departamento}}" class="form-control" placeholder="Escriba aquí.." required>
                                </div>
                                @error('departamento')
                                    <small style="color: red">{{ $message }}</small>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="hora">Hora</label>
                                <div class="input-group mb-12">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text"><i class="fas fa-clock"></i></span>
                                    </div>
                                    <input type="time" name="hora" 
                                           value="{{ old('hora', $soporte->created_at->format('H:i')) }}" 
                                           class="form-control" required>
                                </div>
                                @error('hora')
                                    <small style="color: red">{{ $message }}</small>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <hr>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <a href="{{ url('/admin/soportes') }}" class="btn btn-secondary">Cancelar</a>
                                <button type="submit" class="btn btn-success">Modificar</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@stop

@section('css')
@stop

@section('js')
<script>
    $(document).ready(function() {
        // Función para mostrar y habilitar el select correspondiente
        function mostrarSelectCorrespondiente(tipoFalla) {
            // Ocultar y deshabilitar todos los selects
            $('[id$="-descripcion"]').hide().prop('disabled', true);

            // Mostrar y habilitar el select correspondiente
            switch (tipoFalla) {
                case 'Soporte':
                    $('#soporte-descripcion').show().prop('disabled', false);
                    break;
                case 'Telecomunicaciones':
                    $('#tele-descripcion').show().prop('disabled', false);
                    break;
                case 'Recargas':
                    $('#re-descripcion').show().prop('disabled', false);
                    break;
                case 'Radios':
                    $('#ra-descripcion').show().prop('disabled', false);
                    break;
                case 'CCTV':
                    $('#cc-descripcion').show().prop('disabled', false);
                    break;
                case 'Impresoras':
                    $('#im-descripcion').show().prop('disabled', false);
                    break;
                case 'Foraneos':
                    $('#fo-descripcion').show().prop('disabled', false);
                    break;
                case 'Otros':
                    $('#otros-descripcion').show().prop('disabled', false);
                    break;
            }
        }

        // Ejecutar la función al cargar la página
        var tipoFallaInicial = $('#tipo').val();
        mostrarSelectCorrespondiente(tipoFallaInicial);

        // Ejecutar la función cuando cambie el valor del select principal
        $('#tipo').on('change', function() {
            var selectedValue = $(this).val();
            mostrarSelectCorrespondiente(selectedValue);
        });
    });
</script>
@stop