@extends('layouts.menu')

@section('tittle')
    EDIT INFRAESTRUCTURAS IT
@endsection

@section('contenido')
    <div class="row">
        <div class="col-lg-12">

            <div class="card card-table comman-shadow shadow-lg">
                <div class="card-body">
                    <div class="row align-items-center">
                        <div class="col">
                            <h3 class="page-title">Editar Infraestructuras IT: {{ $descripcion_alerta }}</h3>
                        </div>
                    </div>
                    <br>
                    <form id="formInfraestructura">
                        <div class="modal-body">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label for="" class="col-form-label">Responsable:</label>
                                        <select class="form-select" aria-label="Default select example" id="responsable"
                                            name="responsable">
                                            <option selected value="{{ $responsable_desc }}">Seleccione una opción</option>
                                            @foreach ($responsablesData as $responsable)
                                                <option value="{{ $responsable->pkUsuario }}">{{ $responsable->usuario }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-lg-3">
                                    <div class="form-group">
                                        <label for="" class="col-form-label">Tipo de Falla:</label>
                                        <select class="form-select"
                                            id="tipo_falla" name="tipo_falla">
                                            <option selected>Seleccione una Tipo</option>
                                            @foreach ($tiposFallaData as $tFalla)
                                                <option value="{{ $tFalla->pk_tipo }}">{{ $tFalla->descripcion_tipo }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-lg-3">
                                    <div class="form-group">
                                        <label for="" class="col-form-label">Estado:</label>
                                        <select class="form-select" aria-label="Default select example" id="estado"
                                            name="estado">
                                            <option value="2" id="infalla">En Falla</option>
                                            <option value="3" id="inanular">Anular</option>
                                            <option value="4" id="inrepair">Reparar</option>
                                            <option value="5" id="inpause">Pausar</option>
                                            <option value="7" id="inreanudar">Reanudar</option>
                                            <option value="6" id="inend">Finalizar</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label for="" class="col-form-label" for="motivoTextArea">Motivo:</label>
                                        <textarea name="motivoTextArea" id="motivoTextArea" class="form-control" cols="20" rows="3"></textarea>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label for="" class="col-form-label"
                                            for="solucionTextArea">Solución:</label>
                                        <textarea name="solucionTextArea" id="solucionTextArea" class="form-control" cols="20" rows="3"></textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="submit" id="btnGuardar" class="btn btn-success">Guardar</button>
                            </div>
                    </form>
                </div>
            </div>

        </div>
    </div>
@endsection

@section('scripts')
    <script>
        $(document).ready(function() {
            $('#indicadoresITMenu, #infraestructurasMenu').addClass('active');

            var secuencia_id, opcion, invisibleColumns, actionTrigg;
            opcion = 8;

            /*
             * --------------------------- FILL VALUES ---------------------------
             */
            getDataAlerta();

            function getDataAlerta() {
                secuencia_id = '{{$id_secuencia}}';

                try {
                    $.ajax({
                        url: "{{ URL::asset('php/infraestructurasITAPI.php') }}",
                        method: "POST",
                        data: {
                            secuencia_id: secuencia_id,
                            opcion: opcion,
                        },
                        success: function(data) {
                            $("#motivoTextArea").val(data.descripcion_motivo);
                            $("#solucionTextArea").val(data.descripcion_solucion);
                            $("#responsable").val(data.id_solucionado_por).change();
                            $("#estado").val(data.estado).change();
                            $("#tipo_falla").val(data.id_tipo_falla).change();

                            if (data.id_solucionado_por != "SIN SOLUCIONAR AÚN") {
                                $("#responsable").prop("disabled", true);
                            }

                            if (data.estado == 3 || data.estado == 6) {
                                $("#motivoTextArea").prop("readonly", true);
                                $("#solucionTextArea").prop("readonly", true);
                                $("#responsable").prop("disabled", true);
                                $("#estado").prop("disabled", true);
                            }

                            if (data.estado == 2) {
                                $("#inpause").css("display", "none");
                                $("#inreanudar").css("display", "none");
                                $("#inend").css("display", "none");
                            } else if (data.estado == 4) {
                                $("#infalla").css("display", "none");
                                $("#inanular").css("display", "none");
                            } else if (data.estado == 5) {
                                $("#infalla").css("display", "none");
                                $("#inanular").css("display", "none");
                                $("#inrepair").css("display", "none");
                                $("#inend").css("display", "none");
                            }
                        },
                    });
                } catch (error) {
                    Swal.fire("", "Error: " + error, "error");
                }
            }

            $("#btnGuardar").click(function(e) {
                e.preventDefault();

                var secuencia_id = '{{$id_secuencia}}';
                var descripcion = '{{$descripcion_alerta}}';
                
                var motivo = $.trim($("#motivoTextArea").val());
                var solucion = $.trim($("#solucionTextArea").val());
                var id_responsable = $.trim($("#responsable").val());
                var tipo_falla = $.trim($("#tipo_falla").val());
                var responsable_select = $.trim($("#responsable option:selected").text());
                var estado = $.trim($("#estado").val());
                usuarioActual = $.trim('{{Session::get('userName')}}');

                opcion = 9;

                if (id_responsable != "SIN SOLUCIONAR AÚN") {
                    if (estado == 2) {
                        Swal.fire("", "No puede elegir el mismo Estado!", "danger");
                    } else {
                        try {
                            $.ajax({
                                url: "{{ URL::asset('php/infraestructurasITAPI.php') }}",
                                method: "POST",
                                data: {
                                    motivo: motivo,
                                    solucion: solucion,
                                    id_responsable: id_responsable,
                                    tipo_falla: tipo_falla,
                                    responsable_select: responsable_select,
                                    estado: estado,
                                    descripcion: descripcion,
                                    usuarioActual: usuarioActual,
                                    secuencia_id: secuencia_id,
                                    opcion: opcion,
                                },
                                success: function(data) {
                                    Swal.fire("", "Estado Actualizado!", "success");
                                    window.location = "/TICKETIT/public/admin/indicadores/infraestructurasIT"
                                },
                            });
                        } catch (error) {
                            Swal.fire("", "Error: " + error, "error");
                        }
                    }
                } else {
                    Swal.fire("", "Seleccione un responsable y otro estado!", "error");
                }
            });
        });
    </script>
@endsection