@extends('layouts.menu')

@section('tittle')
    INFRAESTRUCTURAS IT
@endsection

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

            <div class="page-sub-header">
                <ul class="breadcrumb">
                    <li class="breadcrumb-item"><b class="menu-item-head" id="infraestructurasList"><span
                                class="badge badge-pill badge-success text-white">INFRAESTRUCTURAS IT</span></b>
                    </li>
                    <li class="breadcrumb-item"><b class="menu-item-head" id="registroInfraestructuras"><span
                                class="badge badge-pill badge-warning text-white">REGISTRO DISPONIBILIDAD</span></b></li>
                </ul>
            </div>

            {{-- INFRAESTRUCTURAS LIST --}}
            <div id="infraestructurasListSection">
                <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">INFRAESTRUCTURAS IT</h3>
                            </div>
                            <div class="col-auto text-end float-end ms-auto download-grp">
                                <a href="#" type="button" class="btn btn-primary" id="btnNuevo" title="Crear Nuevo"
                                    alt="Crear Nuevo"><i class="fas fa-plus"></i></a>
                            </div>
                        </div>
                        <br>
                        <div class="table-responsive">
                            <table id="infraestructurasTable"
                                class="table table-hover table-center table-bordered table-striped" style="width:100%">
                                <thead class="thead-light">
                                    <tr>
                                        <th class="text-center">#</th>
                                        <th class="text-center">Infraestructura</th>
                                        <th class="text-center">ID Tipo</th>
                                        <th class="text-center">Tipo</th>
                                        <th class="text-center">ID Responsable</th>
                                        <th class="text-center">Responsable</th>
                                        <th class="text-center">ID Ubicación</th>
                                        <th class="text-center">Ubicación</th>
                                        <th class="text-center">Estado</th>
                                        <th class="text-center">Acciones</th>
                                    </tr>
                                </thead>
                                <tbody>

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>

            <div id="registroListInfraestructuras">
                <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">Registro Disponibilidad Infraestructuras IT</h3>
                            </div>
                            <div class="col-lg-2 text-end float-end ms-auto download-grp">
                                <label>Desde</label>
                                <input type="date" id="periodoInicio" class="form-control form-control-sm pickedDate"
                                    value="{{ $date1 }}">
                            </div>
                            <div class="col-lg-2 text-end float-end ms-auto download-grp">
                                <label>Hasta</label>
                                <input type="date" id="periodoFinal" class="form-control form-control-sm pickedDate"
                                    value="{{ $date }}">
                            </div>
                        </div>
                        <br>
                        <div class="table-responsive">
                            <table id="registroDisponibilidadTable"
                                class="table table-hover table-center table-bordered table-striped" style="width:100%">
                                <thead class="thead-light">
                                    <tr>
                                        <th class="text-center">ID</th>
                                        <th class="text-center">Infraestructura</th>
                                        <th class="text-center">Motivo</th>
                                        <th class="text-center">Solución</th>
                                        <th class="text-center">Inicio Fallo</th>
                                        <th class="text-center">Inicio Reparación</th>
                                        <th class="text-center">Inicio Pausado</th>
                                        <th class="text-center">Reanudado</th>
                                        <th class="text-center">Fin Reparación</th>
                                        <th class="text-center">ID Responsable</th>
                                        <th class="text-center">Responsable</th>
                                        <th class="text-center">Tipo Falla</th>
                                        <th class="text-center">Estado</th>
                                        <th class="text-center">Acciones</th>
                                    </tr>
                                </thead>
                                <tbody>

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- MODAL PARA NUEVA INFRAESTRUCTURA --}}
    <div class="modal fade" id="modalInfraestructura" role="dialog" data-bs-keyboard="false" data-bs-backdrop="static"
        aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel"></h5>
                </div>
                <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">Descripción:</label>
                                    <input type="text" class="form-control" id="descripcion">
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="" class="col-form-label">Tipo de Infraestructura:</label>
                                    <select class="form-select" aria-label="Default select example"
                                        id="tipo_infraestructura" name="tipo_infraestructura">
                                        <option selected>Seleccione una opción</option>
                                        @foreach ($tiposData as $tipos)
                                            <option value="{{ $tipos->pk_tipo }}">{{ $tipos->descripcion_tipo }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                        <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>Seleccione una opción</option>
                                        @foreach ($responsablesData as $responsable)
                                            <option value="{{ $responsable->pkUsuario }}">{{ $responsable->usuario }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="" class="col-form-label">Ubicación:</label>
                                    <select class="form-select" aria-label="Default select example" id="ubicacion"
                                        name="ubicacion">
                                        <option selected>Seleccione una opción</option>
                                        @foreach ($ubicacionesData as $ubicacion)
                                            <option value="{{ $ubicacion->id_ubicacion }}">{{ $ubicacion->ubicacion }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="submit" id="btnGuardar" class="btn btn-success">Guardar</button>
                            <button type="button" class="btn btn-danger" id="btnCancelar"
                                data-dismiss="modal">Cancelar</button>
                        </div>
                </form>
            </div>
        </div>
    </div>
@endsection

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

            $('#infraestructurasListSection').css("display", "contents");
            $('#registroListInfraestructuras').css("display", "none");

            $('#infraestructurasList').click(function(e) {
                e.preventDefault();

                $('#infraestructurasListSection').css("display", "contents");
                $('#registroListInfraestructuras').css("display", "none");
            });
            $('#registroInfraestructuras').click(function(e) {
                e.preventDefault();

                $('#infraestructurasListSection').css("display", "none");
                $('#registroListInfraestructuras').css("display", "contents");
            });

            var infraestructura_id, opcion, invisibleColumns, actionTrigg;
            opcion = 4;

            /*
             * --------------------------- FILL INFRAESTRUCTURA TABLE ---------------------------
             */
            invisibleColumns = [2, 4, 6];
            infraestructurasTable = $("#infraestructurasTable").DataTable({
                beforeSend: function(xhr, type) {
                    if (!type.crossDomain) {
                        xhr.setRequestHeader('X-CSRF-Token', $('meta[name="csrf-token"]').attr(
                            'content'));
                    }
                },
                ajax: {
                    url: "infraestructurasIT/listInfraestructuras",
                    method: "GET",
                },
                language: {
                    url: "{{ asset('json/es-ES.json') }}",
                },
                columns: [{
                        data: "id_infraestructura"
                    },
                    {
                        data: "descripcion_infraestructura",
                        width: "20%"
                    },
                    {
                        data: "fk_tipo"
                    },
                    {
                        data: "tipo_infraestructura",
                        width: "15%"
                    },
                    {
                        data: "id_responsable"
                    },
                    {
                        data: "responsable",
                        width: "15%"
                    },
                    {
                        data: "id_ubicacion"
                    },
                    {
                        data: "ubicacion",
                        width: "15%"
                    },
                    {
                        data: "estado",
                        render: function(data, type, row) {
                            var badge = "";
                            if (data == "ON-LINE") {
                                badge +=
                                    '<span class="badge badge-pill badge-success">' +
                                    data +
                                    "</span>";
                            } else if (data == "FALLA") {
                                badge +=
                                    '<span class="badge badge-pill badge-warning">' +
                                    data +
                                    "</span>";
                            } else if (data == "REPARACIÓN") {
                                badge +=
                                    '<span class="badge badge-pill badge-info">' + data + "</span>";
                            } else if (data == "ANULADO") {
                                badge +=
                                    '<span class="badge badge-pill badge-danger">' + data +
                                    "</span>";
                            } else if (data == "PAUSADO") {
                                badge +=
                                    '<span class="badge badge-pill badge-light">' +
                                    data +
                                    "</span>";
                            }

                            return badge;
                        },
                    },
                    {
                        defaultContent: "<div class='text-center'><div class='btn-group'><button class='btn btn-primary btn-sm btnAlert' title='Nueva Falla' alt='Nueva Falla'><i class='material-icons'>notifications_active</i></button><button class='btn btn-primary btn-sm btnEditar' title='Editar' alt='Editar'><i class='material-icons'>edit</i></button><button class='btn btn-danger btn-sm btnBorrar' title='Cambiar Estado' alt='Cambiar Estado'><i class='material-icons'>change_circle</i></button></div></div>",
                    },
                ],
                columnDefs: [{
                    targets: invisibleColumns,
                    visible: false,
                }, ],
            });

            var fila;

            /*
             * --------------------------- FUNCTION NEW & EDIT INFRAESTRUCTURA + OPEN MODAL ---------------------------
             */
            $("#btnNuevo").click(function() {
                opcion = 1;
                actionTrigg = 1;
                infraestructura_id = null;
                $("#formKPI").trigger("reset");
                $(".modal-header").css("background-color", "#17a2b8");
                $(".modal-header").css({
                    color: "white",
                    "font-weight": "900",
                });
                $(".modal-title").text("Nueva Infraestructura");
                $("#modalInfraestructura").modal("show");
            });

            /*
             * --------------------------- FUNCTION CLOSE MODAL ---------------------------
             */
            $("#btnCancelar").click(function() {
                $("#modalInfraestructura").modal("hide");
            });

            $("#formInfraestructura").submit(function(e) {
                e.preventDefault();
                usuarioActual = '{{ Session::get('userName') }}';

                descripcion = $.trim($("#descripcion").val());
                tipo_infraestructura = $.trim($("#tipo_infraestructura").val());
                id_responsable = $.trim($("#responsable").val());
                id_ubicacion = $.trim($("#ubicacion").val());

                responsable_select = $.trim($("#responsable option:selected").text());
                ubicacion_select = $.trim($("#ubicacion option:selected").text());

                if (
                    $.trim(descripcion).length > 0 &&
                    $.trim(tipo_infraestructura).length > 0 &&
                    $.trim(id_responsable).length > 0 &&
                    $.trim(id_ubicacion).length > 0
                ) {
                    try {
                        $.ajax({
                            url: "{{ URL::asset('php/infraestructurasITAPI.php') }}",
                            type: "POST",
                            datatype: "json",
                            data: {
                                infraestructura_id: infraestructura_id,
                                descripcion: descripcion,
                                tipo_infraestructura: tipo_infraestructura,
                                usuarioActual: usuarioActual,
                                id_responsable: id_responsable,
                                id_ubicacion: id_ubicacion,
                                responsable_select: responsable_select,
                                ubicacion_select: ubicacion_select,
                                actionTrigg: actionTrigg,
                                opcion: opcion,
                            },
                            success: function(data) {
                                if (data.result == "Existe") {
                                    Swal.fire("", "Ya existe esta Infraestructura!", "warning");
                                } else {
                                    if (actionTrigg == 1) {
                                        Swal.fire("", "Infraestructura Creada!", "success");
                                    } else {
                                        Swal.fire("", "Infraestructura Editada!", "success");
                                    }
                                    $('#formInfraestructura').trigger('reset');
                                    $("#modalInfraestructura").modal("hide");
                                    infraestructurasTable.ajax.reload(null, false);
                                    registroDisponibilidadTable.ajax.reload(null, false);
                                }
                            },
                        });
                    } catch (error) {
                        Swal.fire("", "Error: " + error, "error");
                    }
                } else {
                    Swal.fire("", "¡Llene todos los Campos!", "error");
                }
            });

            /*
             * --------------------------- FUNCTION GET DATA TO EDIT INFRAESTRUCTURA ---------------------------
             */
            $(document).on("click", ".btnEditar", function() {
                $("#formInfraestructura").trigger("reset");

                opcion = 2;
                actionTrigg = 2;
                fila = $(this).closest("tr");
                descripcion = $.trim(fila.find("td:eq(1)").text());
                estado = $.trim(fila.find("td:eq(5)").text());

                opcion = 2;
                actionTrigg = 2;
                fila = $(this).closest("tr");

                infraestructura_id = parseInt(fila.find("td:eq(0)").text());
                descripcion = $.trim(fila.find("td:eq(1)").text());
                var data = $("#infraestructurasTable").DataTable().row(fila).data();
                var tipo_infraestructura = data["fk_tipo"];
                var id_responsable = data["id_responsable"];
                var id_ubicacion = data["id_ubicacion"];

                $("#descripcion").val(descripcion);
                $("#tipo_infraestructura").val(tipo_infraestructura).change();
                $("#responsable").val(id_responsable).change();
                $("#ubicacion").val(id_ubicacion).change();

                $(".modal-header").css("background-color", "#007bff");
                $(".modal-header").css({
                    color: "white",
                    "font-weight": "900",
                });
                $(".modal-title").text("Editar Infraestructura");
                $("#modalInfraestructura").modal("show");
            });

            /*
             * --------------------------- FUNCTION CHANGE INFRAESTRUCTURA STATUS ---------------------------
             */
            $(document).on("click", ".btnBorrar", function() {
                fila = $(this).closest("tr");

                usuarioActual = '{{ Session::get('userName') }}';

                infraestructura_id = $.trim(parseInt(fila.find("td:eq(0)").text()));
                descripcion = $.trim(fila.find("td:eq(1)").text());
                estado = $.trim(fila.find("td:eq(5)").text());
                opcion = 3;

                if (estado == "ON-LINE") {
                    infraestructura_status = 3;
                    Swal.fire({
                        title: "¿Está seguro de deshabilitar esta Infraestructura " +
                            descripcion +
                            "?",
                        icon: "warning",
                        showCancelButton: true,
                        confirmButtonColor: '#3085d6',
                        cancelButtonColor: '#d33',
                        confirmButtonText: 'Confirmar'
                    }).then((result) => {
                        if (result.isConfirmed) {
                            try {
                                $.ajax({
                                    url: "{{ URL::asset('php/infraestructurasITAPI.php') }}",
                                    type: "POST",
                                    datatype: "json",
                                    data: {
                                        opcion: opcion,
                                        descripcion: descripcion,
                                        usuarioActual: usuarioActual,
                                        infraestructura_status: infraestructura_status,
                                        infraestructura_id: infraestructura_id,
                                    },
                                    success: function() {
                                        Swal.fire("", "Infraestructura Deshabilitada!",
                                            "success");
                                        infraestructurasTable.ajax.reload(null,
                                            false);
                                    },
                                });
                            } catch (error) {
                                Swal.fire("", "Error: " + error, "error");
                            }
                        }
                    });
                } else if (estado == "ANULADO") {
                    infraestructura_status = 1;
                    try {
                        $.ajax({
                            url: "{{ URL::asset('php/infraestructurasITAPI.php') }}",
                            type: "POST",
                            datatype: "json",
                            data: {
                                opcion: opcion,
                                descripcion: descripcion,
                                usuarioActual: usuarioActual,
                                infraestructura_status: infraestructura_status,
                                infraestructura_id: infraestructura_id,
                            },
                            success: function() {
                                Swal.fire("", "Infraestructura Habilitada!", "success");
                                infraestructurasTable.ajax.reload(null, false);
                            },
                        });
                    } catch (error) {
                        Swal.fire("", "Error: " + error, "error");
                    }
                } else {
                    Swal.fire(
                        "",
                        descripcion + " está en FALLA! NO puedes cambiar su estado.",
                        "warning"
                    );
                }
            });

            /*
             * =========================================================================================================
             * =========================================================================================================
             * =========================================================================================================
             * =========================================================================================================
             */

            getRegistroDisponibilidad();
            $(".pickedDate").change(function(e) {
                e.preventDefault();

                getRegistroDisponibilidad();
            });

            function getRegistroDisponibilidad() {
                opcion = 5;
                invisibleColumns2 = [9];

                var periodoInicio = $("#periodoInicio").val();
                var periodoFinal = $("#periodoFinal").val();

                $("#registroDisponibilidadTable").DataTable().clear().destroy();
                registroDisponibilidadTable = $("#registroDisponibilidadTable").DataTable({
                    beforeSend: function(xhr, type) {
                        if (!type.crossDomain) {
                            xhr.setRequestHeader('X-CSRF-Token', $('meta[name="csrf-token"]').attr(
                                'content'));
                        }
                    },
                    ajax: {
                        url: "infraestructurasIT/listAlertasInfraestructuras/" + periodoInicio + "/" +
                            periodoFinal,
                        method: "GET",
                    },
                    language: {
                        url: "{{ asset('json/es-ES.json') }}",
                    },
                    columns: [{
                            data: "id_secuencia"
                        },
                        {
                            data: "descripcion_infraestructura"
                        },
                        {
                            data: "descripcion_motivo",
                            className: 'text-wrap'
                        },
                        {
                            data: "descripcion_solucion",
                            className: 'text-wrap'
                        },
                        {
                            data: "fecha_hora_fallo",
                            className: 'text-wrap'
                        },
                        {
                            data: "fecha_hora_inicio_reparacion",
                            className: 'text-wrap'
                        },
                        {
                            data: "fecha_hora_pausado",
                            className: 'text-wrap'
                        },
                        {
                            data: "fecha_hora_reanudado",
                            className: 'text-wrap'
                        },
                        {
                            data: "fecha_hora_final_reparacion",
                            className: 'text-wrap'
                        },
                        {
                            data: "id_solucionado_por"
                        },
                        {
                            data: "solucionado_por"
                        },
                        {
                            data: "tipo_falla",
                            render: function(data, type, row) {
                                var badge = "";
                                if (data == "SOPORTE") {
                                    badge +=
                                        '<span class="badge badge-pill badge-warning">' +
                                        data +
                                        "</span>";
                                } else if (data == "DESARROLLO") {
                                    badge +=
                                        '<span class="badge badge-pill badge-info">' +
                                        data +
                                        "</span>";
                                }

                                return badge;
                            },
                        },
                        {
                            data: "estado",
                            render: function(data, type, row) {
                                var badge = "";
                                if (data == "ON-LINE") {
                                    badge +=
                                        '<span class="badge badge-pill badge-success">' +
                                        data +
                                        "</span>";
                                } else if (data == "FALLA") {
                                    badge +=
                                        '<span class="badge badge-pill badge-warning">' +
                                        data +
                                        "</span>";
                                } else if (data == "REPARACIÓN") {
                                    badge +=
                                        '<span class="badge badge-pill badge-info">' + data +
                                        "</span>";
                                } else if (data == "ANULADO") {
                                    badge +=
                                        '<span class="badge badge-pill badge-danger">' +
                                        data +
                                        "</span>";
                                } else if (data == "PAUSADO") {
                                    badge +=
                                        '<span class="badge badge-pill badge-light">' +
                                        data +
                                        "</span>";
                                } else if (data == "FINALIZADO") {
                                    badge +=
                                        '<span class="badge badge-pill badge-success">' +
                                        data +
                                        "</span>";
                                }

                                return badge;
                            },
                        },
                        {
                            defaultContent: "<div class='text-center'><div class='btn-group'><button class='btn btn-primary btn-sm btnEditAlert' data-aos='fade-in' type='button' data-toggle='modal' title='Editar' alt='Editar'><i class='material-icons'>edit</i></button><button class='btn btn-danger btn-sm btnDeleteAlert' title='Cambiar Estado' alt='Cambiar Estado'><i class='material-icons'>change_circle</i></button></div></div>",
                        },
                    ],
                    columnDefs: [{
                        targets: invisibleColumns2,
                        visible: false,
                    }, ],
                    order: [
                        [0, "desc"]
                    ],
                });
            }

            /*
             * --------------------------- FUNCTION CREATE ALERT ---------------------------
             */
            $(document).on("click", ".btnAlert", function() {
                fila = $(this).closest("tr");

                usuarioActual = '{{ Session::get('userName') }}';

                infraestructura_id = parseInt(fila.find("td:eq(0)").text());
                descripcion = fila.find("td:eq(1)").text();
                estado = fila.find("td:eq(5)").text();
                opcion = 6;

                if (estado != "ON-LINE") {
                    Swal.fire(
                        "",
                        descripcion + " está en otro Proceso! NO puedes crear una Alerta",
                        "warning"
                    );
                } else {
                    try {
                        $.ajax({
                            url: "{{ URL::asset('php/infraestructurasITAPI.php') }}",
                            type: "POST",
                            datatype: "json",
                            data: {
                                opcion: opcion,
                                descripcion: descripcion,
                                usuarioActual: usuarioActual,
                                infraestructura_id: infraestructura_id,
                            },
                            success: function() {
                                Swal.fire("", "Falla Creada!", "success");
                                infraestructurasTable.ajax.reload(null, false);
                                registroDisponibilidadTable.ajax.reload(null, false);
                            },
                        });
                    } catch (error) {
                        Swal.fire("", "Error: " + error, "error");
                    }
                }
            });
            /*
             * --------------------------- FUNCTION EDIT ALERT ---------------------------
             */
            $(document).on("click", ".btnEditAlert", function() {
                fila = $(this).closest("tr");

                usuarioActual = $.trim('{{ Session::get('userName') }}');

                id_alerta = parseInt(fila.find("td:eq(0)").text());
                descripcion = $.trim(fila.find("td:eq(1)").text());
                responsable = $.trim(fila.find("td:eq(9)").text());
                estado = $.trim(fila.find("td:eq(11)").text());

                if (estado == "ANULADO") {
                    Swal.fire("", descripcion + " está ANULADO! NO puedes Editarla", "danger");
                } else if (estado == "FINALIZADO") {
                    Swal.fire("", descripcion + " está FINALIZADO! No puedes Editarla", "warning");
                } else {
                    if (responsable != "SIN SOLUCIONAR AÚN" && responsable == usuarioActual) {
                        window.location = "infraestructurasIT/" + id_alerta + "/" + descripcion + "/" +
                            responsable + "/edit";
                    } else if (responsable == "SIN SOLUCIONAR AÚN") {
                        window.location = "infraestructurasIT/" + id_alerta + "/" + descripcion + "/" +
                            responsable + "/edit";
                    } else {
                        Swal.fire(
                            "",
                            "Alerta de Infraestructura con Seguimiendo por: " + responsable,
                            "warning"
                        );
                    }
                }
            });

            /*
             * --------------------------- FUNCTION OVERRIDE ALERT ---------------------------
             */
            $(document).on("click", ".btnDeleteAlert", function() {
                fila = $(this).closest("tr");

                usuarioActual = $.trim('{{ Session::get('userName') }}');
                opcion = 7;

                secuencia_id = parseInt(fila.find("td:eq(0)").text());
                descripcion = $.trim(fila.find("td:eq(1)").text());
                responsable = $.trim(fila.find("td:eq(9)").text());
                estado = $.trim(fila.find("td:eq(11)").text());

                if (estado == "ANULADO") {
                    Swal.fire(
                        "",
                        descripcion + " está ANULADO! NO puedes cambiar su Estado",
                        "danger"
                    );
                } else if (estado == "FINALIZADO") {
                    Swal.fire(
                        "",
                        descripcion + " está FINALIZADO! No puedes cambiar su estado",
                        "warning"
                    );
                } else {
                    if (responsable != "SIN SOLUCIONAR AÚN" && responsable == usuarioActual) {
                        Swal.fire({
                            title: "¿Está seguro de deshabilitar esta alerta de " + descripcion +
                                "?",
                            icon: "warning",
                            showCancelButton: true,
                            confirmButtonColor: '#3085d6',
                            cancelButtonColor: '#d33',
                            confirmButtonText: 'Confirmar'
                        }).then((result) => {
                            if (result.isConfirmed) {
                                try {
                                    $.ajax({
                                        url: "{{ URL::asset('php/infraestructurasITAPI.php') }}",
                                        type: "POST",
                                        datatype: "json",
                                        data: {
                                            opcion: opcion,
                                            descripcion: descripcion,
                                            usuarioActual: usuarioActual,
                                            infraestructura_status: 3,
                                            secuencia_id: secuencia_id,
                                        },
                                        success: function() {
                                            Swal.fire(
                                                "",
                                                "Alerta de Infraestructura " +
                                                descripcion +
                                                " Deshabilitada!",
                                                "success"
                                            );
                                            infraestructurasTable.ajax.reload(null,
                                                false);
                                            registroDisponibilidadTable.ajax.reload(
                                                null, false);
                                        },
                                    });
                                } catch (error) {
                                    Swal.fire("", "Error: " + error, "error");
                                }
                            }
                        });
                    } else {
                        Swal.fire(
                            "",
                            "Alerta de Infraestructura con Seguimiendo por: " + responsable,
                            "warning"
                        );
                    }
                }
            });
        });
    </script>
@endsection