@extends('layouts.menu')

@section('tittle')
    RESOLVER TICKET COMUN
@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="ticketsAprobadosMenu"><span
                                class="badge badge-pill badge-dark text-white" style="margin-right: 5px">SIN
                                ASIGNAR</span></b><span class="badge badge-pill badge-danger text-white"
                            id="cantSinAsignar">0</span></li>
                    <li class="breadcrumb-item"><b class="menu-item-head" id="ticketsAsignadosMenu"><span
                                class="badge badge-pill badge-warning text-black"
                                style="margin-right: 5px">ASIGNADOS</span></b><span
                            class="badge badge-pill badge-danger text-white" id="cantAsignada">0</span></li>
                    <li class="breadcrumb-item"><b class="menu-item-head" id="ticketsProcesoMenu"><span
                                class="badge badge-pill badge-info text-black" style="margin-right: 5px">EN
                                PROCESO</span></b><span class="badge badge-pill badge-danger text-white"
                            id="cantProceso">0</span></li>
                    <li class="breadcrumb-item"><b class="menu-item-head" id="ticketsPausaMenu"><span
                                class="badge badge-pill badge-warning text-black"
                                style="margin-right: 5px">PAUSADOS</span></b><span
                            class="badge badge-pill badge-danger text-white" id="cantPausa">0</span></li>
                    <li class="breadcrumb-item"><b class="menu-item-head" id="ticketsFinalizadosMenu"><span
                                class="badge badge-pill badge-success" style="margin-right: 5px">FINALIZADOS</span></b><span
                            class="badge badge-pill badge-danger text-white" id="cantFinaliza">0</span></li>
                    <li class="breadcrumb-item"><b class="menu-item-head" id="ticketsRechazadosMenu"><span
                                class="badge badge-pill badge-danger" style="margin-right: 5px">RECHAZADOS</span></b><span
                            class="badge badge-pill badge-danger text-white" id="cantRechaza">0</span></li>
                </ul>

            </div>

            @include('layouts.tables_resolver_estados')

        </div>
    </div>



    @include('layouts.modalResolverTicket')
    @include('layouts.modal_recordatorios')
    @include('layouts.modal_fila_tickets')
@endsection

@section('scripts')
    <script>
        $(document).ready(function() {
            var buttons = "Brtlip";

            var windowSize = $(window).width();

            if (windowSize <= 960) {
                fixedColumns__ticketsFinalizadosTable = 0;
            } else if (windowSize > 960) {
                fixedColumns__ticketsFinalizadosTable = 4;
            }



            $("#filaTable").DataTable();

            $('#ticketComunMenu, #resolverTicketComunMenu').addClass('active');

            /* if ("{{ Session::get('adminIT') == 'adminIT' }}") {
                $('.prioridadITSection').css('display', 'block');
            } else {
                $('.prioridadITSection').css('display', 'none');
            } */

            $('.editSolicitudIT').css('display', 'none');
            $('.rechazarSolicitudSection').css('display', 'none');

            /* MENUS EVENTS */
            $(".aprobadasSection").css('visibility', 'visible');
            $(".aprobadasSection").css('height', 'auto');

            $(".rechazadasSection").css('visibility', 'hidden');
            $(".rechazadasSection").css('height', '0');

            $(".asignadasSection").css('visibility', 'hidden');
            $(".asignadasSection").css('height', '0');

            $(".procesoSection").css('visibility', 'hidden');
            $(".procesoSection").css('height', '0');

            $(".pausadoSection").css('visibility', 'hidden');
            $(".pausadoSection").css('height', '0');

            $(".finalizadosSection").css('visibility', 'hidden');
            $(".finalizadosSection").css('height', '0');

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

                $(".aprobadasSection").css('visibility', 'visible');
                $(".aprobadasSection").css('height', 'auto');

                $(".rechazadasSection").css('visibility', 'hidden');
                $(".rechazadasSection").css('height', '0');

                $(".asignadasSection").css('visibility', 'hidden');
                $(".asignadasSection").css('height', '0');

                $(".procesoSection").css('visibility', 'hidden');
                $(".procesoSection").css('height', '0');

                $(".pausadoSection").css('visibility', 'hidden');
                $(".pausadoSection").css('height', '0');

                $(".finalizadosSection").css('visibility', 'hidden');
                $(".finalizadosSection").css('height', '0');
            });
            $('#ticketsAsignadosMenu').click(function(e) {
                e.preventDefault();

                $(".aprobadasSection").css('visibility', 'hidden');
                $(".aprobadasSection").css('height', '0');

                $(".rechazadasSection").css('visibility', 'hidden');
                $(".rechazadasSection").css('height', '0');

                $(".asignadasSection").css('visibility', 'visible');
                $(".asignadasSection").css('height', 'auto');

                $(".procesoSection").css('visibility', 'hidden');
                $(".procesoSection").css('height', '0');

                $(".pausadoSection").css('visibility', 'hidden');
                $(".pausadoSection").css('height', '0');

                $(".finalizadosSection").css('visibility', 'hidden');
                $(".finalizadosSection").css('height', '0');
            });
            $('#ticketsProcesoMenu').click(function(e) {
                e.preventDefault();

                $(".aprobadasSection").css('visibility', 'hidden');
                $(".aprobadasSection").css('height', '0');

                $(".rechazadasSection").css('visibility', 'hidden');
                $(".rechazadasSection").css('height', '0');

                $(".asignadasSection").css('visibility', 'hidden');
                $(".asignadasSection").css('height', '0');

                $(".procesoSection").css('visibility', 'visible');
                $(".procesoSection").css('height', 'auto');

                $(".pausadoSection").css('visibility', 'hidden');
                $(".pausadoSection").css('height', '0');

                $(".finalizadosSection").css('visibility', 'hidden');
                $(".finalizadosSection").css('height', '0');
            });
            $('#ticketsPausaMenu').click(function(e) {
                e.preventDefault();

                $(".aprobadasSection").css('visibility', 'hidden');
                $(".aprobadasSection").css('height', '0');

                $(".rechazadasSection").css('visibility', 'hidden');
                $(".rechazadasSection").css('height', '0');

                $(".asignadasSection").css('visibility', 'hidden');
                $(".asignadasSection").css('height', '0');

                $(".procesoSection").css('visibility', 'hidden');
                $(".procesoSection").css('height', '0');

                $(".pausadoSection").css('visibility', 'visible');
                $(".pausadoSection").css('height', 'auto');

                $(".finalizadosSection").css('visibility', 'hidden');
                $(".finalizadosSection").css('height', '0');
            });
            $('#ticketsRechazadosMenu').click(function(e) {
                e.preventDefault();

                $(".aprobadasSection").css('visibility', 'hidden');
                $(".aprobadasSection").css('height', '0');

                $(".rechazadasSection").css('visibility', 'visible');
                $(".rechazadasSection").css('height', 'auto');

                $(".asignadasSection").css('visibility', 'hidden');
                $(".asignadasSection").css('height', '0');

                $(".procesoSection").css('visibility', 'hidden');
                $(".procesoSection").css('height', '0');

                $(".pausadoSection").css('visibility', 'hidden');
                $(".pausadoSection").css('height', '0');

                $(".finalizadosSection").css('visibility', 'hidden');
                $(".finalizadosSection").css('height', '0');
            });
            $('#ticketsFinalizadosMenu').click(function(e) {
                e.preventDefault();

                $(".aprobadasSection").css('visibility', 'hidden');
                $(".aprobadasSection").css('height', '0');

                $(".rechazadasSection").css('visibility', 'hidden');
                $(".rechazadasSection").css('height', '0');

                $(".asignadasSection").css('visibility', 'hidden');
                $(".asignadasSection").css('height', '0');

                $(".procesoSection").css('visibility', 'hidden');
                $(".procesoSection").css('height', '0');

                $(".pausadoSection").css('visibility', 'hidden');
                $(".pausadoSection").css('height', '0');

                $(".finalizadosSection").css('visibility', 'visible');
                $(".finalizadosSection").css('height', 'auto');
            });
            /* END MENUS EVENTS */

            countTickets();

            function countTickets() {

                var date1r = $('#periodoInicio').val();
                var date2r = $('#periodoFinal').val();

                var date1f = $('#periodoInicioF').val();
                var date2f = $('#periodoFinalF').val();

                try {
                    $.ajax({
                        beforeSend: function(xhr, type) {
                            if (!type.crossDomain) {
                                xhr.setRequestHeader('X-CSRF-Token', $(
                                    'meta[name="csrf-token"]').attr('content'));
                            }
                        },
                        url: "{{ url('/api/get/conteo/tickets') }}" + "/" + date1f + "/" + date2f + "/" +
                            date1r + "/" + date2r,
                        method: "GET",
                        success: function(data) {
                            $('#cantSinAsignar').text(data.aprobados);
                            $('#cantAsignada').text(data.asignados);
                            $('#cantProceso').text(data.proceso);
                            $('#cantPausa').text(data.pausa);
                            $('#cantFinaliza').text(data.finaliza);
                            $('#cantRechaza').text(data.rechaza);
                        }
                    });
                } catch (error) {
                    Swal.fire("", "Error: " + error, "error");
                }
            }

            /* --------------------------- TICKET APROBADOS --------------------- */
            ticketsAprobadosTable = $("#ticketsAprobadosTable").DataTable({
                beforeSend: function(xhr, type) {
                    if (!type.crossDomain) {
                        xhr.setRequestHeader('X-CSRF-Token', $('meta[name="csrf-token"]').attr(
                            'content'));
                    }
                },
                scrollX: true,
                scrollCollapse: true,
                scrollY: '400px',
                pageLength: 50,
                fixedColumns: {
                    left: fixedColumns__ticketsFinalizadosTable,
                    right: 1
                },
                ajax: {
                    method: "GET",
                    url: "{{ url('/api/retrieve/tickets/comunes/resolver') }}" + "/8/0",
                },
                language: {
                    url: "{{ asset('json/es-ES.json') }}",
                },
                columns: [{
                        data: "id_secuencia"
                    },
                    {
                        data: "asunto",
                        className: "text-wrap"
                    },
                    {
                        data: "descripcion",
                        className: "text-wrap"
                    },
                    {
                        data: "justificacion",
                        className: "text-wrap"
                    },



                    {
                        data: "posible_error_usuario_ticket",
                        className: "text-center",
                        render: function(data, type, row) {
                            var badge = "";
                            if (data == "0") {
                                badge +=
                                    '<span class="badge badge-pill badge-danger">NO</span>';
                            } else if (data == "1") {
                                badge +=
                                    '<span class="badge badge-pill badge-success">SI</span>';
                            }

                            return badge;
                        },
                    },
                    {
                        data: "descripcion_posble_error_usuario_ticket",
                        className: "text-wrap",
                        width: "10%"
                    },
                    {
                        data: "posible_error_text",
                        className: "text-center",
                        render: function(data, type, row) {
                            var badge = "";
                            if (data == "0") {
                                badge +=
                                    '<span class="badge badge-pill badge-danger">NO</span>';
                            } else if (data == "1") {
                                badge +=
                                    '<span class="badge badge-pill badge-success">SI</span>';
                            }

                            return badge;
                        },
                    },
                    {
                        data: "comentario_posible_error",
                        className: "text-wrap",
                        width: "5%"
                    },


                    {
                        data: "prioridadTicket",
                        className: "text-center",
                        render: function(data, type, row) {
                            var badge = "";
                            if (data == "URGENTE") {
                                badge +=
                                    '<span class="badge badge-pill badge-danger">' +
                                    data +
                                    "</span>";
                            } else if (data == "ALTA") {
                                badge +=
                                    '<span class="badge badge-pill badge-warning">' +
                                    data +
                                    "</span>";
                            } else if (data == "MEDIA") {
                                badge +=
                                    '<span class="badge badge-pill badge-success">' + data +
                                    "</span>";
                            } else if (data == "BAJA") {
                                badge +=
                                    '<span class="badge badge-pill badge-info">' +
                                    data +
                                    "</span>";
                            } else {
                                badge +=
                                    '<span class="badge badge-pill badge-light">' +
                                    data +
                                    "</span>";
                            }

                            return badge;
                        },
                    },
                    {
                        data: "fullName_creado_por",
                    },
                    {
                        data: "perfil",
                        className: "text-wrap"
                    },
                    {
                        data: "fullName_aprueba",
                    },
                    {
                        data: "id_tipo_ticket",
                        className: "text-center",
                        render: function(data, type, row) {
                            var badge = "";
                            if (data == "1") {
                                badge +=
                                    '<span class="badge badge-pill badge-warning">AUTORIZACIÓN ESCALA</span>';
                            } else if (data == "0") {
                                badge +=
                                    '<span class="badge badge-pill badge-success">AUTORIZACIÓN NORMAL</span>';
                            } else {
                                badge +=
                                    '<span class="badge badge-pill badge-danger">FINALIZA POR ESCALA</span>';
                            }

                            return badge;
                        },
                    },
                    {
                        data: "estado_solicitud",
                        render: function(data, type, row) {
                            var badge = "";
                            if (data == "ASIGNADO") {
                                badge +=
                                    '<span class="badge badge-pill badge-warning">' +
                                    data +
                                    "</span>";
                            } else if (data == "EN PROCESO") {
                                badge +=
                                    '<span class="badge badge-pill badge-info">' +
                                    data +
                                    "</span>";
                            } else if (data == "PAUSADO") {
                                badge +=
                                    '<span class="badge badge-pill badge-primary">' + data +
                                    "</span>";
                            } else if (data == "FINALIZADA") {
                                badge +=
                                    '<span class="badge badge-pill badge-success">' + data +
                                    "</span>";
                            } else if (data == "RECHAZADA") {
                                badge +=
                                    '<span class="badge badge-pill badge-danger">' + data +
                                    "</span>";
                            } else if (data == "RECHAZADA IT") {
                                badge +=
                                    '<span class="badge badge-pill badge-danger">' + data +
                                    "</span>";
                            } else if (data == "SOLICITADO") {
                                badge +=
                                    '<span class="badge badge-pill badge-warning">' + data +
                                    "</span>";
                            } else if (data == "APROBADO") {
                                badge +=
                                    '<span class="badge badge-pill badge-success">' + data +
                                    "</span>";
                            }

                            return badge;
                        },
                    },
                    {
                        data: "prioridad",
                        render: function(data, type, row) {
                            var badge = "";
                            if (data == "URGENTE") {
                                badge +=
                                    '<span class="badge badge-pill badge-danger">' +
                                    data +
                                    "</span>";
                            } else if (data == "ALTA") {
                                badge +=
                                    '<span class="badge badge-pill badge-warning">' +
                                    data +
                                    "</span>";
                            } else if (data == "MEDIA") {
                                badge +=
                                    '<span class="badge badge-pill badge-success">' + data +
                                    "</span>";
                            } else if (data == "BAJA") {
                                badge +=
                                    '<span class="badge badge-pill badge-info">' +
                                    data +
                                    "</span>";
                            } else if (data == "NULA") {
                                badge +=
                                    '<span class="badge badge-pill badge-light">' +
                                    data +
                                    "</span>";
                            }

                            return badge;
                        },
                    },
                    {
                        data: "tipo_solicitud",
                        render: function(data, type, row) {
                            var badge = "";
                            if (data == "PROYECTO") {
                                badge +=
                                    '<span class="badge badge-pill badge-warning">' +
                                    data +
                                    "</span>";
                            } else if (data == "CAMBIOS SISTEMA") {
                                badge +=
                                    '<span class="badge badge-pill badge-primary">' +
                                    data +
                                    "</span>";
                            } else if (data == "SOPORTE") {
                                badge +=
                                    '<span class="badge badge-pill badge-success">' + data +
                                    "</span>";
                            } else if (data == "SISTEMAS") {
                                badge +=
                                    '<span class="badge badge-pill badge-info">' +
                                    data +
                                    "</span>";
                            } else if (data == "AUDITORIA") {
                                badge +=
                                    '<span class="badge badge-pill badge-danger">' +
                                    data +
                                    "</span>";
                            } else {
                                badge +=
                                    '<span class="badge badge-pill badge-dark">NINGUNO</span>';
                            }

                            return badge;
                        },
                    },

                    {
                        data: "sucursal",
                        className: "text-wrap"
                    },
                    {
                        data: "fecha_hora_creado",
                        className: "text-wrap"
                    },
                    {
                        data: "fecha_hora_aceptado",
                        className: "text-wrap"
                    },
                    {
                        defaultContent: "<div class='text-center'><div class='btn-group'><button class='btn btn-primary btn-sm btnAssign' title='Asignar' alt='Asignar'><i class='material-icons'>done</i></button><button class='btn btn-danger btn-sm btnReject' title='Rechazar' alt='Rechazar'><i class='material-icons'>close</i></button></div></div>",
                    },
                ],
                order: [
                    [0, "DESC"]
                ]
            });

            /* --------------------------- TICKET ASIGNADOS --------------------- */
            ticketsAsignadosTable = $("#ticketsAsignadosTable").DataTable({
                beforeSend: function(xhr, type) {
                    if (!type.crossDomain) {
                        xhr.setRequestHeader('X-CSRF-Token', $('meta[name="csrf-token"]').attr(
                            'content'));
                    }
                },
                scrollX: true,
                scrollCollapse: true,
                scrollY: '400px',
                pageLength: 50,
                fixedColumns: {
                    left: fixedColumns__ticketsFinalizadosTable,
                    right: 1
                },
                ajax: {
                    method: "GET",
                    url: "{{ url('/api/retrieve/tickets/comunes/resolver') }}" + "/2/0",
                },
                language: {
                    url: "{{ asset('json/es-ES.json') }}",
                },
                columns: [{
                        data: "id_secuencia"
                    },
                    {
                        data: "asunto",
                        className: "text-wrap"
                    },
                    {
                        data: "descripcion",
                        className: "text-wrap"
                    },
                    {
                        data: "justificacion",
                        className: "text-wrap"
                    },
                    {
                        data: "prioridadTicket",
                        className: "text-center",
                        render: function(data, type, row) {
                            var badge = "";
                            if (data == "URGENTE") {
                                badge +=
                                    '<span class="badge badge-pill badge-danger">' +
                                    data +
                                    "</span>";
                            } else if (data == "ALTA") {
                                badge +=
                                    '<span class="badge badge-pill badge-warning">' +
                                    data +
                                    "</span>";
                            } else if (data == "MEDIA") {
                                badge +=
                                    '<span class="badge badge-pill badge-success">' + data +
                                    "</span>";
                            } else if (data == "BAJA") {
                                badge +=
                                    '<span class="badge badge-pill badge-info">' +
                                    data +
                                    "</span>";
                            } else {
                                badge +=
                                    '<span class="badge badge-pill badge-light">' +
                                    data +
                                    "</span>";
                            }

                            return badge;
                        },
                    },
                    {
                        data: "fullName_creado_por",
                    },
                    {
                        data: "perfil",
                        className: "text-wrap"
                    },
                    {
                        data: "fullName_aprueba",
                    },
                    {
                        data: "id_tipo_ticket",
                        className: "text-center",
                        render: function(data, type, row) {
                            var badge = "";
                            if (data == "1") {
                                badge +=
                                    '<span class="badge badge-pill badge-warning">AUTORIZACIÓN ESCALA</span>';
                            } else if (data == "0") {
                                badge +=
                                    '<span class="badge badge-pill badge-success">AUTORIZACIÓN NORMAL</span>';
                            } else {
                                badge +=
                                    '<span class="badge badge-pill badge-danger">FINALIZA POR ESCALA</span>';
                            }

                            return badge;
                        },
                    },
                    {
                        data: "estado_solicitud",
                        render: function(data, type, row) {
                            var badge = "";
                            if (data == "ASIGNADO") {
                                badge +=
                                    '<span class="badge badge-pill badge-warning">' +
                                    data +
                                    "</span>";
                            } else if (data == "EN PROCESO") {
                                badge +=
                                    '<span class="badge badge-pill badge-info">' +
                                    data +
                                    "</span>";
                            } else if (data == "PAUSADO") {
                                badge +=
                                    '<span class="badge badge-pill badge-primary">' + data +
                                    "</span>";
                            } else if (data == "FINALIZADA") {
                                badge +=
                                    '<span class="badge badge-pill badge-success">' + data +
                                    "</span>";
                            } else if (data == "RECHAZADA") {
                                badge +=
                                    '<span class="badge badge-pill badge-danger">' + data +
                                    "</span>";
                            } else if (data == "RECHAZADA IT") {
                                badge +=
                                    '<span class="badge badge-pill badge-danger">' + data +
                                    "</span>";
                            } else if (data == "SOLICITADO") {
                                badge +=
                                    '<span class="badge badge-pill badge-warning">' + data +
                                    "</span>";
                            } else if (data == "APROBADO") {
                                badge +=
                                    '<span class="badge badge-pill badge-success">' + data +
                                    "</span>";
                            }

                            return badge;
                        },
                    },
                    {
                        data: "prioridad",
                        render: function(data, type, row) {
                            var badge = "";
                            if (data == "URGENTE") {
                                badge +=
                                    '<span class="badge badge-pill badge-danger">' +
                                    data +
                                    "</span>";
                            } else if (data == "ALTA") {
                                badge +=
                                    '<span class="badge badge-pill badge-warning">' +
                                    data +
                                    "</span>";
                            } else if (data == "MEDIA") {
                                badge +=
                                    '<span class="badge badge-pill badge-success">' + data +
                                    "</span>";
                            } else if (data == "BAJA") {
                                badge +=
                                    '<span class="badge badge-pill badge-info">' +
                                    data +
                                    "</span>";
                            } else if (data == "NULA") {
                                badge +=
                                    '<span class="badge badge-pill badge-light">' +
                                    data +
                                    "</span>";
                            }

                            return badge;
                        },
                    },
                    {
                        data: "tipo_solicitud",
                        render: function(data, type, row) {
                            var badge = "";
                            if (data == "PROYECTO") {
                                badge +=
                                    '<span class="badge badge-pill badge-warning">' +
                                    data +
                                    "</span>";
                            } else if (data == "CAMBIOS SISTEMA") {
                                badge +=
                                    '<span class="badge badge-pill badge-primary">' +
                                    data +
                                    "</span>";
                            } else if (data == "SOPORTE") {
                                badge +=
                                    '<span class="badge badge-pill badge-success">' + data +
                                    "</span>";
                            } else if (data == "SISTEMAS") {
                                badge +=
                                    '<span class="badge badge-pill badge-info">' +
                                    data +
                                    "</span>";
                            } else if (data == "AUDITORIA") {
                                badge +=
                                    '<span class="badge badge-pill badge-danger">' +
                                    data +
                                    "</span>";
                            } else {
                                badge +=
                                    '<span class="badge badge-pill badge-dark">NINGUNO</span>';
                            }

                            return badge;
                        },
                    },

                    {
                        data: "sucursal",
                        className: "text-wrap"
                    },
                    {
                        data: "fecha_hora_creado",
                        className: "text-wrap"
                    },
                    {
                        data: "fecha_hora_aceptado",
                        className: "text-wrap"
                    },


                    {
                        data: "fecha_hora_asignado",
                        className: "text-wrap"
                    },
                    {
                        data: "fecha_hora_proceso",
                        className: "text-wrap"
                    },
                    {
                        data: "fecha_hora_pausa",
                        className: "text-wrap"
                    },
                    {
                        data: "comentario_pausa",
                        className: "text-wrap"
                    },
                    {
                        data: "fecha_hora_reanudado",
                        className: "text-wrap"
                    },
                    {
                        data: "fecha_hora_estimada",
                        className: "text-wrap"
                    },
                    {
                        data: "fecha_hora_finalizado",
                        className: "text-wrap"
                    },

                    {
                        data: "comentario_finalizado",
                        className: "text-wrap"
                    },
                    {
                        defaultContent: "<div class='text-center'><div class='btn-group d-flex flex-wrap justify-content-center'><button class='btn btn-warning text-black btn-sm btnRecordar ' title='Crear Recordatorio' style='background-color: yellow; color: black;  border-color: yellow;'><i class='material-icons'>schedule</i></button><button class='btn btn-info btn-sm btnPreview text-white' title='Ver Gestión' alt='Ver Gestión'><i class='material-icons'>visibility</i></button><button class='btn btn-warning btn-sm btnEdit' title='Editar' alt='Editar'><i class='material-icons'>edit</i></button><button class='btn btn-primary btn-sm btnComment' title='Comentar' alt='Comentar'><i class='material-icons'>forum</i></button><button class='btn btn-primary btn-sm btnReturn' title='Regresar' alt='Regresar'><i class='material-icons'>reply</i></button><button class='btn btn-danger btn-sm btnReject' title='Rechazar' alt='Rechazar'><i class='material-icons'>close</i></button></div></div>",
                    },
                ],
                order: [
                    [0, "DESC"]
                ]
            });

            /* --------------------------- TICKET EN PROCESO --------------------- */
            ticketsProcesoTable = $("#ticketsProcesoTable").DataTable({
                beforeSend: function(xhr, type) {
                    if (!type.crossDomain) {
                        xhr.setRequestHeader('X-CSRF-Token', $('meta[name="csrf-token"]').attr(
                            'content'));
                    }
                },
                scrollX: true,
                scrollCollapse: true,
                scrollY: '400px',
                pageLength: 50,
                fixedColumns: {
                    left: fixedColumns__ticketsFinalizadosTable,
                    right: 1
                },
                ajax: {
                    method: "GET",
                    url: "{{ url('/api/retrieve/tickets/comunes/resolver') }}" + "/3/0",
                },
                language: {
                    url: "{{ asset('json/es-ES.json') }}",
                },
                columns: [{
                        data: "id_secuencia"
                    },
                    {
                        data: "asunto",
                        className: "text-wrap"
                    },
                    {
                        data: "descripcion",
                        className: "text-wrap"
                    },
                    {
                        data: "justificacion",
                        className: "text-wrap"
                    },
                    {
                        data: "prioridadTicket",
                        className: "text-center",
                        render: function(data, type, row) {
                            var badge = "";
                            if (data == "URGENTE") {
                                badge +=
                                    '<span class="badge badge-pill badge-danger">' +
                                    data +
                                    "</span>";
                            } else if (data == "ALTA") {
                                badge +=
                                    '<span class="badge badge-pill badge-warning">' +
                                    data +
                                    "</span>";
                            } else if (data == "MEDIA") {
                                badge +=
                                    '<span class="badge badge-pill badge-success">' + data +
                                    "</span>";
                            } else if (data == "BAJA") {
                                badge +=
                                    '<span class="badge badge-pill badge-info">' +
                                    data +
                                    "</span>";
                            } else {
                                badge +=
                                    '<span class="badge badge-pill badge-light">' +
                                    data +
                                    "</span>";
                            }

                            return badge;
                        },
                    },
                    {
                        data: "fullName_creado_por",
                    },
                    {
                        data: "perfil",
                        className: "text-wrap"
                    },
                    {
                        data: "fullName_aprueba",
                    },
                    {
                        data: "id_tipo_ticket",
                        className: "text-center",
                        render: function(data, type, row) {
                            var badge = "";
                            if (data == "1") {
                                badge +=
                                    '<span class="badge badge-pill badge-warning">AUTORIZACIÓN ESCALA</span>';
                            } else if (data == "0") {
                                badge +=
                                    '<span class="badge badge-pill badge-success">AUTORIZACIÓN NORMAL</span>';
                            } else {
                                badge +=
                                    '<span class="badge badge-pill badge-danger">FINALIZA POR ESCALA</span>';
                            }

                            return badge;
                        },
                    },
                    {
                        data: "estado_solicitud",
                        render: function(data, type, row) {
                            var badge = "";
                            if (data == "ASIGNADO") {
                                badge +=
                                    '<span class="badge badge-pill badge-warning">' +
                                    data +
                                    "</span>";
                            } else if (data == "EN PROCESO") {
                                badge +=
                                    '<span class="badge badge-pill badge-info">' +
                                    data +
                                    "</span>";
                            } else if (data == "PAUSADO") {
                                badge +=
                                    '<span class="badge badge-pill badge-primary">' + data +
                                    "</span>";
                            } else if (data == "FINALIZADA") {
                                badge +=
                                    '<span class="badge badge-pill badge-success">' + data +
                                    "</span>";
                            } else if (data == "RECHAZADA") {
                                badge +=
                                    '<span class="badge badge-pill badge-danger">' + data +
                                    "</span>";
                            } else if (data == "RECHAZADA IT") {
                                badge +=
                                    '<span class="badge badge-pill badge-danger">' + data +
                                    "</span>";
                            } else if (data == "SOLICITADO") {
                                badge +=
                                    '<span class="badge badge-pill badge-warning">' + data +
                                    "</span>";
                            } else if (data == "APROBADO") {
                                badge +=
                                    '<span class="badge badge-pill badge-success">' + data +
                                    "</span>";
                            }

                            return badge;
                        },
                    },
                    {
                        data: "prioridad",
                        render: function(data, type, row) {
                            var badge = "";
                            if (data == "URGENTE") {
                                badge +=
                                    '<span class="badge badge-pill badge-danger">' +
                                    data +
                                    "</span>";
                            } else if (data == "ALTA") {
                                badge +=
                                    '<span class="badge badge-pill badge-warning">' +
                                    data +
                                    "</span>";
                            } else if (data == "MEDIA") {
                                badge +=
                                    '<span class="badge badge-pill badge-success">' + data +
                                    "</span>";
                            } else if (data == "BAJA") {
                                badge +=
                                    '<span class="badge badge-pill badge-info">' +
                                    data +
                                    "</span>";
                            } else if (data == "NULA") {
                                badge +=
                                    '<span class="badge badge-pill badge-light">' +
                                    data +
                                    "</span>";
                            }

                            return badge;
                        },
                    },
                    {
                        data: "tipo_solicitud",
                        render: function(data, type, row) {
                            var badge = "";
                            if (data == "PROYECTO") {
                                badge +=
                                    '<span class="badge badge-pill badge-warning">' +
                                    data +
                                    "</span>";
                            } else if (data == "CAMBIOS SISTEMA") {
                                badge +=
                                    '<span class="badge badge-pill badge-primary">' +
                                    data +
                                    "</span>";
                            } else if (data == "SOPORTE") {
                                badge +=
                                    '<span class="badge badge-pill badge-success">' + data +
                                    "</span>";
                            } else if (data == "SISTEMAS") {
                                badge +=
                                    '<span class="badge badge-pill badge-info">' +
                                    data +
                                    "</span>";
                            } else if (data == "AUDITORIA") {
                                badge +=
                                    '<span class="badge badge-pill badge-danger">' +
                                    data +
                                    "</span>";
                            } else {
                                badge +=
                                    '<span class="badge badge-pill badge-dark">NINGUNO</span>';
                            }

                            return badge;
                        },
                    },

                    {
                        data: "sucursal",
                        className: "text-wrap"
                    },
                    {
                        data: "fecha_hora_creado",
                        className: "text-wrap"
                    },
                    {
                        data: "fecha_hora_aceptado",
                        className: "text-wrap"
                    },


                    {
                        data: "fecha_hora_asignado",
                        className: "text-wrap"
                    },
                    {
                        data: "fecha_hora_proceso",
                        className: "text-wrap"
                    },
                    {
                        data: "fecha_hora_pausa",
                        className: "text-wrap"
                    },
                    {
                        data: "comentario_pausa",
                        className: "text-wrap"
                    },
                    {
                        data: "fecha_hora_reanudado",
                        className: "text-wrap"
                    },
                    {
                        data: "fecha_hora_estimada",
                        className: "text-wrap"
                    },
                    {
                        data: "fecha_hora_finalizado",
                        className: "text-wrap"
                    },

                    {
                        data: "comentario_finalizado",
                        className: "text-wrap"
                    },
                    {
                        defaultContent: "<div class='text-center'><div class='btn-group d-flex flex-wrap justify-content-center'><button class='btn btn-warning text-black btn-sm btnRecordar ' title='Crear Recordatorio' style='background-color: yellow; color: black;  border-color: yellow;'><i class='material-icons'>schedule</i></button><button class='btn btn-info btn-sm btnPreview text-white' title='Ver Gestión' alt='Ver Gestión'><i class='material-icons'>visibility</i></button><button class='btn btn-warning btn-sm btnEdit' title='Editar' alt='Editar'><i class='material-icons'>edit</i></button><button class='btn btn-primary btn-sm btnComment' title='Comentar' alt='Comentar'><i class='material-icons'>forum</i></button><button class='btn btn-primary btn-sm btnReturn' title='Regresar' alt='Regresar'><i class='material-icons'>reply</i></button><button class='btn btn-danger btn-sm btnReject' title='Rechazar' alt='Rechazar'><i class='material-icons'>close</i></button></div></div>",
                    },
                ],
                order: [
                    [0, "DESC"]
                ]
            });

            /* --------------------------- TICKET EN PAUSA --------------------- */
            ticketsPausadosTable = $("#ticketsPausadosTable").DataTable({
                beforeSend: function(xhr, type) {
                    if (!type.crossDomain) {
                        xhr.setRequestHeader('X-CSRF-Token', $('meta[name="csrf-token"]').attr(
                            'content'));
                    }
                },
                scrollX: true,
                scrollCollapse: true,
                scrollY: '400px',
                pageLength: 50,
                fixedColumns: {
                    left: fixedColumns__ticketsFinalizadosTable,
                    right: 1
                },
                ajax: {
                    method: "GET",
                    url: "{{ url('/api/retrieve/tickets/comunes/resolver') }}" + "/4/0",
                },
                language: {
                    url: "{{ asset('json/es-ES.json') }}",
                },
                columns: [{
                        data: "id_secuencia"
                    },
                    {
                        data: "asunto",
                        className: "text-wrap"
                    },
                    {
                        data: "descripcion",
                        className: "text-wrap"
                    },
                    {
                        data: "justificacion",
                        className: "text-wrap"
                    },
                    {
                        data: "prioridadTicket",
                        className: "text-center",
                        render: function(data, type, row) {
                            var badge = "";
                            if (data == "URGENTE") {
                                badge +=
                                    '<span class="badge badge-pill badge-danger">' +
                                    data +
                                    "</span>";
                            } else if (data == "ALTA") {
                                badge +=
                                    '<span class="badge badge-pill badge-warning">' +
                                    data +
                                    "</span>";
                            } else if (data == "MEDIA") {
                                badge +=
                                    '<span class="badge badge-pill badge-success">' + data +
                                    "</span>";
                            } else if (data == "BAJA") {
                                badge +=
                                    '<span class="badge badge-pill badge-info">' +
                                    data +
                                    "</span>";
                            } else {
                                badge +=
                                    '<span class="badge badge-pill badge-light">' +
                                    data +
                                    "</span>";
                            }

                            return badge;
                        },
                    },
                    {
                        data: "fullName_creado_por",
                    },
                    {
                        data: "perfil",
                        className: "text-wrap"
                    },
                    {
                        data: "fullName_aprueba",
                    },
                    {
                        data: "id_tipo_ticket",
                        className: "text-center",
                        render: function(data, type, row) {
                            var badge = "";
                            if (data == "1") {
                                badge +=
                                    '<span class="badge badge-pill badge-warning">AUTORIZACIÓN ESCALA</span>';
                            } else if (data == "0") {
                                badge +=
                                    '<span class="badge badge-pill badge-success">AUTORIZACIÓN NORMAL</span>';
                            } else {
                                badge +=
                                    '<span class="badge badge-pill badge-danger">FINALIZA POR ESCALA</span>';
                            }

                            return badge;
                        },
                    },
                    {
                        data: "estado_solicitud",
                        render: function(data, type, row) {
                            var badge = "";
                            if (data == "ASIGNADO") {
                                badge +=
                                    '<span class="badge badge-pill badge-warning">' +
                                    data +
                                    "</span>";
                            } else if (data == "EN PROCESO") {
                                badge +=
                                    '<span class="badge badge-pill badge-info">' +
                                    data +
                                    "</span>";
                            } else if (data == "PAUSADO") {
                                badge +=
                                    '<span class="badge badge-pill badge-primary">' + data +
                                    "</span>";
                            } else if (data == "FINALIZADA") {
                                badge +=
                                    '<span class="badge badge-pill badge-success">' + data +
                                    "</span>";
                            } else if (data == "RECHAZADA") {
                                badge +=
                                    '<span class="badge badge-pill badge-danger">' + data +
                                    "</span>";
                            } else if (data == "RECHAZADA IT") {
                                badge +=
                                    '<span class="badge badge-pill badge-danger">' + data +
                                    "</span>";
                            } else if (data == "SOLICITADO") {
                                badge +=
                                    '<span class="badge badge-pill badge-warning">' + data +
                                    "</span>";
                            } else if (data == "APROBADO") {
                                badge +=
                                    '<span class="badge badge-pill badge-success">' + data +
                                    "</span>";
                            }

                            return badge;
                        },
                    },
                    {
                        data: "prioridad",
                        render: function(data, type, row) {
                            var badge = "";
                            if (data == "URGENTE") {
                                badge +=
                                    '<span class="badge badge-pill badge-danger">' +
                                    data +
                                    "</span>";
                            } else if (data == "ALTA") {
                                badge +=
                                    '<span class="badge badge-pill badge-warning">' +
                                    data +
                                    "</span>";
                            } else if (data == "MEDIA") {
                                badge +=
                                    '<span class="badge badge-pill badge-success">' + data +
                                    "</span>";
                            } else if (data == "BAJA") {
                                badge +=
                                    '<span class="badge badge-pill badge-info">' +
                                    data +
                                    "</span>";
                            } else if (data == "NULA") {
                                badge +=
                                    '<span class="badge badge-pill badge-light">' +
                                    data +
                                    "</span>";
                            }

                            return badge;
                        },
                    },
                    {
                        data: "tipo_solicitud",
                        render: function(data, type, row) {
                            var badge = "";
                            if (data == "PROYECTO") {
                                badge +=
                                    '<span class="badge badge-pill badge-warning">' +
                                    data +
                                    "</span>";
                            } else if (data == "CAMBIOS SISTEMA") {
                                badge +=
                                    '<span class="badge badge-pill badge-primary">' +
                                    data +
                                    "</span>";
                            } else if (data == "SOPORTE") {
                                badge +=
                                    '<span class="badge badge-pill badge-success">' + data +
                                    "</span>";
                            } else if (data == "SISTEMAS") {
                                badge +=
                                    '<span class="badge badge-pill badge-info">' +
                                    data +
                                    "</span>";
                            } else if (data == "AUDITORIA") {
                                badge +=
                                    '<span class="badge badge-pill badge-danger">' +
                                    data +
                                    "</span>";
                            } else {
                                badge +=
                                    '<span class="badge badge-pill badge-dark">NINGUNO</span>';
                            }
                            return badge;
                        },
                    },

                    {
                        data: "sucursal",
                        className: "text-wrap"
                    },
                    {
                        data: "fecha_hora_creado",
                        className: "text-wrap"
                    },
                    {
                        data: "fecha_hora_aceptado",
                        className: "text-wrap"
                    },


                    {
                        data: "fecha_hora_asignado",
                        className: "text-wrap"
                    },
                    {
                        data: "fecha_hora_proceso",
                        className: "text-wrap"
                    },
                    {
                        data: "fecha_hora_pausa",
                        className: "text-wrap"
                    },
                    {
                        data: "comentario_pausa",
                        className: "text-wrap"
                    },
                    {
                        data: "fecha_hora_reanudado",
                        className: "text-wrap"
                    },
                    {
                        data: "fecha_hora_estimada",
                        className: "text-wrap"
                    },
                    {
                        data: "fecha_hora_finalizado",
                        className: "text-wrap"
                    },

                    {
                        data: "comentario_finalizado",
                        className: "text-wrap"
                    },
                    {
                        defaultContent: "<div class='text-center'><div class='btn-group d-flex flex-wrap justify-content-center'><button class='btn btn-warning text-black btn-sm btnRecordar ' title='Crear Recordatorio' style='background-color: yellow; color: black;  border-color: yellow;'><i class='material-icons'>schedule</i></button><button class='btn btn-info btn-sm btnPreview text-white' title='Ver Gestión' alt='Ver Gestión'><i class='material-icons'>visibility</i></button><button class='btn btn-warning btn-sm btnEdit' title='Editar' alt='Editar'><i class='material-icons'>edit</i></button><button class='btn btn-primary btn-sm btnComment' title='Comentar' alt='Comentar'><i class='material-icons'>forum</i></button><button class='btn btn-primary btn-sm btnReturn' title='Regresar' alt='Regresar'><i class='material-icons'>reply</i></button><button class='btn btn-danger btn-sm btnReject' title='Rechazar' alt='Rechazar'><i class='material-icons'>close</i></button></div></div>",
                    },
                ],
                order: [
                    [0, "DESC"]
                ]
            });


            dateRangeTables();
            $('.pickedDate').change(function(e) {
                e.preventDefault();

                dateRangeTables();
                countTickets();
            });

            function dateRangeTables() {
                /* --------------------------- TICKET RECHAZADOS --------------------- */

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

                var periodoInicioF = $('#periodoInicioF').val();
                var periodoFinalF = $('#periodoFinalF').val();

                $("#ticketsFinalizadosTable").DataTable().clear().destroy();
                $("#ticketsRechazadosTable").DataTable().clear().destroy();

                /* --------------------------- TICKET FINALIZADOS --------------------- */
                ticketsFinalizadosTable = $("#ticketsFinalizadosTable").DataTable({
                    beforeSend: function(xhr, type) {
                        if (!type.crossDomain) {
                            xhr.setRequestHeader('X-CSRF-Token', $('meta[name="csrf-token"]').attr(
                                'content'));
                        }
                    },
                    scrollX: true,
                    scrollCollapse: true,
                    scrollY: '400px',
                    pageLength: 50,
                    fixedColumns: {
                        left: fixedColumns__ticketsFinalizadosTable,
                        right: 1
                    },
                    ajax: {
                        method: "GET",
                        url: "{{ url('/api/list/tickets/finalizados/resolver') }}" + "/" + periodoInicioF +
                            "/" + periodoFinalF,
                    },
                    language: {
                        url: "{{ asset('json/es-ES.json') }}",
                    },
                    columns: [{
                            data: "id_secuencia"
                        },
                        {
                            data: "asunto",
                            className: "text-wrap"
                        },
                        {
                            data: "descripcion",
                            className: "text-wrap"
                        },
                        {
                            data: "justificacion",
                            className: "text-wrap"
                        },
                        {
                            data: "prioridadTicket",
                            className: "text-center",
                            render: function(data, type, row) {
                                var badge = "";
                                if (data == "URGENTE") {
                                    badge +=
                                        '<span class="badge badge-pill badge-danger">' +
                                        data +
                                        "</span>";
                                } else if (data == "ALTA") {
                                    badge +=
                                        '<span class="badge badge-pill badge-warning">' +
                                        data +
                                        "</span>";
                                } else if (data == "MEDIA") {
                                    badge +=
                                        '<span class="badge badge-pill badge-success">' + data +
                                        "</span>";
                                } else if (data == "BAJA") {
                                    badge +=
                                        '<span class="badge badge-pill badge-info">' +
                                        data +
                                        "</span>";
                                } else {
                                    badge +=
                                        '<span class="badge badge-pill badge-light">' +
                                        data +
                                        "</span>";
                                }

                                return badge;
                            },
                        },
                        {
                            data: "fullName_creado_por",
                        },
                        {
                            data: "perfil",
                            className: "text-wrap"
                        },
                        {
                            data: "fullName_aprueba",
                        },
                        {
                            data: "id_tipo_ticket",
                            className: "text-center",
                            render: function(data, type, row) {
                                var badge = "";
                                if (data == "1") {
                                    badge +=
                                        '<span class="badge badge-pill badge-warning">AUTORIZACIÓN ESCALA</span>';
                                } else if (data == "0") {
                                    badge +=
                                        '<span class="badge badge-pill badge-success">AUTORIZACIÓN NORMAL</span>';
                                } else {
                                    badge +=
                                        '<span class="badge badge-pill badge-danger">FINALIZA POR ESCALA</span>';
                                }

                                return badge;
                            },
                        },
                        {
                            data: "estado_solicitud",
                            render: function(data, type, row) {
                                var badge = "";
                                if (data == "ASIGNADO") {
                                    badge +=
                                        '<span class="badge badge-pill badge-warning">' +
                                        data +
                                        "</span>";
                                } else if (data == "EN PROCESO") {
                                    badge +=
                                        '<span class="badge badge-pill badge-info">' +
                                        data +
                                        "</span>";
                                } else if (data == "PAUSADO") {
                                    badge +=
                                        '<span class="badge badge-pill badge-primary">' + data +
                                        "</span>";
                                } else if (data == "FINALIZADA") {
                                    badge +=
                                        '<span class="badge badge-pill badge-success">' + data +
                                        "</span>";
                                } else if (data == "RECHAZADA") {
                                    badge +=
                                        '<span class="badge badge-pill badge-danger">' + data +
                                        "</span>";
                                } else if (data == "RECHAZADA IT") {
                                    badge +=
                                        '<span class="badge badge-pill badge-danger">' + data +
                                        "</span>";
                                } else if (data == "SOLICITADO") {
                                    badge +=
                                        '<span class="badge badge-pill badge-warning">' + data +
                                        "</span>";
                                } else if (data == "APROBADO") {
                                    badge +=
                                        '<span class="badge badge-pill badge-success">' + data +
                                        "</span>";
                                }

                                return badge;
                            },
                        },
                        {
                            data: "prioridad",
                            render: function(data, type, row) {
                                var badge = "";
                                if (data == "URGENTE") {
                                    badge +=
                                        '<span class="badge badge-pill badge-danger">' +
                                        data +
                                        "</span>";
                                } else if (data == "ALTA") {
                                    badge +=
                                        '<span class="badge badge-pill badge-warning">' +
                                        data +
                                        "</span>";
                                } else if (data == "MEDIA") {
                                    badge +=
                                        '<span class="badge badge-pill badge-success">' + data +
                                        "</span>";
                                } else if (data == "BAJA") {
                                    badge +=
                                        '<span class="badge badge-pill badge-info">' +
                                        data +
                                        "</span>";
                                } else if (data == "NULA") {
                                    badge +=
                                        '<span class="badge badge-pill badge-light">' +
                                        data +
                                        "</span>";
                                }

                                return badge;
                            },
                        },
                        {
                            data: "tipo_solicitud",
                            render: function(data, type, row) {
                                var badge = "";
                                if (data == "PROYECTO") {
                                    badge +=
                                        '<span class="badge badge-pill badge-warning">' +
                                        data +
                                        "</span>";
                                } else if (data == "CAMBIOS SISTEMA") {
                                    badge +=
                                        '<span class="badge badge-pill badge-primary">' +
                                        data +
                                        "</span>";
                                } else if (data == "SOPORTE") {
                                    badge +=
                                        '<span class="badge badge-pill badge-success">' + data +
                                        "</span>";
                                } else if (data == "SISTEMAS") {
                                    badge +=
                                        '<span class="badge badge-pill badge-info">' +
                                        data +
                                        "</span>";
                                } else if (data == "AUDITORIA") {
                                    badge +=
                                        '<span class="badge badge-pill badge-danger">' +
                                        data +
                                        "</span>";
                                } else {
                                    badge +=
                                        '<span class="badge badge-pill badge-dark">NINGUNO</span>';
                                }

                                return badge;
                            },
                        },

                        {
                            data: "sucursal",
                            className: "text-wrap"
                        },
                        {
                            data: "fecha_hora_creado",
                            className: "text-wrap"
                        },
                        {
                            data: "fecha_hora_aceptado",
                            className: "text-wrap"
                        },


                        {
                            data: "fecha_hora_asignado",
                            className: "text-wrap"
                        },
                        {
                            data: "fecha_hora_proceso",
                            className: "text-wrap"
                        },
                        {
                            data: "fecha_hora_pausa",
                            className: "text-wrap"
                        },
                        {
                            data: "comentario_pausa",
                            className: "text-wrap"
                        },
                        {
                            data: "fecha_hora_reanudado",
                            className: "text-wrap"
                        },
                        {
                            data: "fecha_hora_estimada",
                            className: "text-wrap"
                        },
                        {
                            data: "fecha_hora_finalizado",
                            className: "text-wrap"
                        },

                        {
                            data: "comentario_finalizado",
                            className: "text-wrap"
                        },
                        {
                            data: "url",
                            render: function(data, type, row) {
                                var badge = "";

                                if (data != 0) {
                                    badge +=
                                        '<div class="text-center"><div class="btn-group"><a href="' +
                                        data +
                                        '" target="_blank"><button class="btn btn-info btn-sm viewManual text-white" title="Ver Documento"><i class="material-icons text-white">visibility</i></button></a></div></div>';
                                } else {
                                    badge +=
                                        "<div class='text-center'><div class='btn-group'><button class='btn btn-info btn-sm btnPreview text-white' title='Ver Gestión' alt='Ver Gestión'><i class='material-icons'>visibility</i></button></div></div>";
                                }

                                return badge;
                            },
                        },
                    ],
                    order: [
                        [0, "DESC"]
                    ]
                });

                ticketsRechazadosTable = $("#ticketsRechazadosTable").DataTable({
                    beforeSend: function(xhr, type) {
                        if (!type.crossDomain) {
                            xhr.setRequestHeader('X-CSRF-Token', $('meta[name="csrf-token"]').attr(
                                'content'));
                        }
                    },
                    scrollX: true,
                    scrollCollapse: true,
                    scrollY: '400px',
                    pageLength: 50,
                    fixedColumns: {
                        left: fixedColumns__ticketsFinalizadosTable,
                        right: 1
                    },
                    ajax: {
                        method: "GET",
                        url: "{{ url('/api/list/tickets/rechazados/resolver') }}" + "/" + periodoInicio +
                            "/" + periodoFinal,
                    },
                    language: {
                        url: "{{ asset('json/es-ES.json') }}",
                    },
                    columns: [{
                            data: "id_secuencia"
                        },
                        {
                            data: "asunto",
                            className: "text-wrap"
                        },
                        {
                            data: "descripcion",
                            className: "text-wrap"
                        },
                        {
                            data: "justificacion",
                            className: "text-wrap"
                        },
                        {
                            data: "prioridadTicket",
                            className: "text-center",
                            render: function(data, type, row) {
                                var badge = "";
                                if (data == "URGENTE") {
                                    badge +=
                                        '<span class="badge badge-pill badge-danger">' +
                                        data +
                                        "</span>";
                                } else if (data == "ALTA") {
                                    badge +=
                                        '<span class="badge badge-pill badge-warning">' +
                                        data +
                                        "</span>";
                                } else if (data == "MEDIA") {
                                    badge +=
                                        '<span class="badge badge-pill badge-success">' + data +
                                        "</span>";
                                } else if (data == "BAJA") {
                                    badge +=
                                        '<span class="badge badge-pill badge-info">' +
                                        data +
                                        "</span>";
                                } else {
                                    badge +=
                                        '<span class="badge badge-pill badge-light">' +
                                        data +
                                        "</span>";
                                }

                                return badge;
                            },
                        },
                        {
                            data: "fullName_creado_por",
                        },
                        {
                            data: "perfil",
                            className: "text-wrap"
                        },
                        {
                            data: "fullName_aprueba",
                        },
                        {
                            data: "id_tipo_ticket",
                            className: "text-center",
                            render: function(data, type, row) {
                                var badge = "";
                                if (data == "1") {
                                    badge +=
                                        '<span class="badge badge-pill badge-warning">AUTORIZACIÓN ESCALA</span>';
                                } else if (data == "0") {
                                    badge +=
                                        '<span class="badge badge-pill badge-success">AUTORIZACIÓN NORMAL</span>';
                                } else {
                                    badge +=
                                        '<span class="badge badge-pill badge-danger">FINALIZA POR ESCALA</span>';
                                }

                                return badge;
                            },
                        },
                        {
                            data: "estado_solicitud",
                            render: function(data, type, row) {
                                var badge = "";
                                if (data == "ASIGNADO") {
                                    badge +=
                                        '<span class="badge badge-pill badge-warning">' +
                                        data +
                                        "</span>";
                                } else if (data == "EN PROCESO") {
                                    badge +=
                                        '<span class="badge badge-pill badge-info">' +
                                        data +
                                        "</span>";
                                } else if (data == "PAUSADO") {
                                    badge +=
                                        '<span class="badge badge-pill badge-primary">' + data +
                                        "</span>";
                                } else if (data == "FINALIZADA") {
                                    badge +=
                                        '<span class="badge badge-pill badge-success">' + data +
                                        "</span>";
                                } else if (data == "RECHAZADA") {
                                    badge +=
                                        '<span class="badge badge-pill badge-danger">' + data +
                                        "</span>";
                                } else if (data == "RECHAZADA IT") {
                                    badge +=
                                        '<span class="badge badge-pill badge-danger">' + data +
                                        "</span>";
                                } else if (data == "SOLICITADO") {
                                    badge +=
                                        '<span class="badge badge-pill badge-warning">' + data +
                                        "</span>";
                                } else if (data == "APROBADO") {
                                    badge +=
                                        '<span class="badge badge-pill badge-success">' + data +
                                        "</span>";
                                }

                                return badge;
                            },
                        },
                        {
                            data: "prioridad",
                            render: function(data, type, row) {
                                var badge = "";
                                if (data == "URGENTE") {
                                    badge +=
                                        '<span class="badge badge-pill badge-danger">' +
                                        data +
                                        "</span>";
                                } else if (data == "ALTA") {
                                    badge +=
                                        '<span class="badge badge-pill badge-warning">' +
                                        data +
                                        "</span>";
                                } else if (data == "MEDIA") {
                                    badge +=
                                        '<span class="badge badge-pill badge-success">' + data +
                                        "</span>";
                                } else if (data == "BAJA") {
                                    badge +=
                                        '<span class="badge badge-pill badge-info">' +
                                        data +
                                        "</span>";
                                } else if (data == "NULA") {
                                    badge +=
                                        '<span class="badge badge-pill badge-light">' +
                                        data +
                                        "</span>";
                                }

                                return badge;
                            },
                        },
                        {
                            data: "tipo_solicitud",
                            render: function(data, type, row) {
                                var badge = "";
                                if (data == "PROYECTO") {
                                    badge +=
                                        '<span class="badge badge-pill badge-warning">' +
                                        data +
                                        "</span>";
                                } else if (data == "CAMBIOS SISTEMA") {
                                    badge +=
                                        '<span class="badge badge-pill badge-primary">' +
                                        data +
                                        "</span>";
                                } else if (data == "SOPORTE") {
                                    badge +=
                                        '<span class="badge badge-pill badge-success">' + data +
                                        "</span>";
                                } else if (data == "SISTEMAS") {
                                    badge +=
                                        '<span class="badge badge-pill badge-info">' +
                                        data +
                                        "</span>";
                                } else if (data == "AUDITORIA") {
                                    badge +=
                                        '<span class="badge badge-pill badge-danger">' +
                                        data +
                                        "</span>";
                                } else {
                                    badge +=
                                        '<span class="badge badge-pill badge-dark">NINGUNO</span>';
                                }

                                return badge;
                            },
                        },

                        {
                            data: "sucursal",
                            className: "text-wrap"
                        },
                        {
                            data: "fecha_hora_creado",
                            className: "text-wrap"
                        },
                        {
                            data: "fecha_hora_aceptado",
                            className: "text-wrap"
                        },


                        {
                            data: "fecha_hora_asignado",
                            className: "text-wrap"
                        },
                        {
                            data: "fecha_hora_proceso",
                            className: "text-wrap"
                        },
                        {
                            data: "fecha_hora_pausa",
                            className: "text-wrap"
                        },
                        {
                            data: "comentario_pausa",
                            className: "text-wrap"
                        },
                        {
                            data: "fecha_hora_reanudado",
                            className: "text-wrap"
                        },
                        {
                            data: "fecha_hora_estimada",
                            className: "text-wrap"
                        },
                        {
                            data: "fecha_hora_finalizado",
                            className: "text-wrap"
                        },

                        {
                            data: "comentario_finalizado",
                            className: "text-wrap"
                        },
                        {
                            data: "url",
                            render: function(data, type, row) {
                                var badge = "";

                                if (data != 0) {
                                    badge +=
                                        '<div class="text-center"><div class="btn-group"><a href="' +
                                        data +
                                        '" target="_blank"><button class="btn btn-info btn-sm viewManual text-white" title="Ver Documento"><i class="material-icons text-white">visibility</i></button></a></div></div>';
                                } else {
                                    badge +=
                                        "<div class='text-center'><div class='btn-group'><button class='btn btn-info btn-sm btnPreview text-white' title='Ver Gestión' alt='Ver Gestión'><i class='material-icons'>visibility</i></button></div></div>";
                                }

                                return badge;
                            },
                        },
                    ],
                    order: [
                        [0, "DESC"]
                    ]
                });
            }

            /* FUNCTION TO SMALL SWAL MESSAGE */
            var toastMixin = Swal.mixin({
                toast: true,
                icon: 'success',
                title: 'General Title',
                animation: false,
                position: 'top-right',
                showConfirmButton: false,
                timer: 2000,
                timerProgressBar: true,
                didOpen: (toast) => {
                    toast.addEventListener('mouseenter', Swal.stopTimer)
                    toast.addEventListener('mouseleave', Swal.resumeTimer)
                }
            });

            var toastMixinLong = Swal.mixin({
                toast: true,
                icon: 'success',
                title: 'General Title',
                animation: false,
                position: 'top-right',
                showConfirmButton: false,
                timer: 5000,
                timerProgressBar: true,
                didOpen: (toast) => {
                    toast.addEventListener('mouseenter', Swal.stopTimer)
                    toast.addEventListener('mouseleave', Swal.resumeTimer)
                }
            });

            /* FUNCTION STATUS CHANGE ENABLE BOXES */
            $('#estadoOption').change(function(e) {
                e.preventDefault();

                var new_estado = $('#estadoOption').val();

                if (new_estado == 2) {
                    $("#estadoOption").prop("disabled", false);
                    $("#prioridadIT").prop("disabled", true);
                    $("#fechaSelect").prop("disabled", true);
                    $("#dificultadInicio").prop("disabled", true);

                    $(".errorUsuarioView").css("display", "none");
                    $("#dificultadFinal").prop("disabled", true);

                    editors['comentarioPausa'].enable(false);
                    editors['comentarioFinal'].enable(false);

                } else if (new_estado == 3) {
                    $("#estadoOption").prop("disabled", false);
                    $("#prioridadIT").prop("disabled", false);
                    $("#fechaSelect").prop("disabled", false);
                    $("#dificultadInicio").prop("disabled", false);

                    $(".errorUsuarioView").css("display", "none");
                    $("#dificultadFinal").prop("disabled", true);
                    editors['comentarioPausa'].enable(false);
                    editors['comentarioFinal'].enable(false);
                } else if (new_estado == 4) {
                    $("#estadoOption").prop("disabled", false);
                    $("#prioridadIT").prop("disabled", true);
                    $("#fechaSelect").prop("disabled", true);
                    $("#dificultadInicio").prop("disabled", true);

                    $(".errorUsuarioView").css("display", "none");
                    $("#dificultadFinal").prop("disabled", true);
                    editors['comentarioPausa'].enable(true);
                    editors['comentarioFinal'].enable(false);
                } else if (new_estado == 5) {
                    $("#estadoOption").prop("disabled", false);
                    $("#prioridadIT").prop("disabled", true);
                    $("#fechaSelect").prop("disabled", true);
                    $("#dificultadInicio").prop("disabled", true);

                    $(".errorUsuarioView").css("display", "contents");
                    $("#dificultadFinal").prop("disabled", false);
                    editors['comentarioPausa'].enable(false);
                    editors['comentarioFinal'].enable(true);
                } else if (new_estado == 6) {
                    $("#estadoOption").prop("disabled", false);
                    $("#prioridadIT").prop("disabled", false);
                    $("#fechaSelect").prop("disabled", false);
                    $("#dificultadInicio").prop("disabled", false);

                    $(".errorUsuarioView").css("display", "none");
                    $("#dificultadFinal").prop("disabled", true);
                    editors['comentarioPausa'].enable(false);
                    editors['comentarioFinal'].enable(false);
                }
            });



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


            /* FUNCTION ASSIGN SOLICITUD */
            $('.aprobadasSection').on("click", ".btnAssign", function(e) {
                e.preventDefault();

                fila = $(this).closest("tr");
                solicitud_id = $.trim(fila.find("td:eq(0)").text());
                opcion = 1;

                $.ajax({
                    url: "{{ URL::asset('php/validationsAPI.php') }}",
                    method: "POST",
                    datatype: "json",
                    data: {
                        solicitud_id: solicitud_id,
                        opcion: 1
                    },
                    success: function(data) {
                        if (data.result == "Existe") {
                            toastMixinLong.fire({
                                icon: 'warning',
                                animation: true,
                                title: 'NO DISPONIBLE! Solicitud en gestión por otro usuario.'
                            });

                            ticketsAprobadosTable.ajax.reload(null, false);
                            ticketsAsignadosTable.ajax.reload(null, false);
                            ticketsProcesoTable.ajax.reload(null, false);
                            ticketsPausadosTable.ajax.reload(null, false);
                            //ticketsFinalizadosTable.ajax.reload(null, false);
                            dateRangeTables();
                            countTickets();
                        } else {
                            try {
                                $.ajax({
                                    beforeSend: function(xhr, type) {
                                        if (!type.crossDomain) {
                                            xhr.setRequestHeader('X-CSRF-Token', $(
                                                    'meta[name="csrf-token"]')
                                                .attr('content'));
                                        }
                                    },
                                    url: "{{ url('/api/assignTicket') }}",
                                    type: "POST",
                                    data: {
                                        solicitud_id: solicitud_id
                                    },
                                    success: function(data) {
                                        ticketsAprobadosTable.ajax.reload(null,
                                            false);
                                        ticketsAsignadosTable.ajax.reload(null,
                                            false);
                                        ticketsProcesoTable.ajax.reload(null,
                                            false);
                                        ticketsPausadosTable.ajax.reload(null,
                                            false);
                                        dateRangeTables();
                                        countTickets();

                                        toastMixin.fire({
                                            animation: true,
                                            title: 'Asignado!'
                                        });
                                    },
                                });
                            } catch (error) {
                                Swal.fire("", "Error: " + error, "error");
                            }
                        }
                    }
                });
            });

            /* FUNCTION RETURN SOLICITUD SISTEMAS */
            $(document).on("click", ".btnReturn", function(e) {
                e.preventDefault();

                fila = $(this).closest("tr");
                solicitud_id = $.trim(fila.find("td:eq(0)").text());

                try {
                    $.ajax({
                        beforeSend: function(xhr, type) {
                            if (!type.crossDomain) {
                                xhr.setRequestHeader('X-CSRF-Token', $(
                                    'meta[name="csrf-token"]').attr('content'));
                            }
                        },
                        url: "{{ url('/api/returnTicket') }}",
                        type: "POST",
                        async: false,
                        data: {
                            solicitud_id: solicitud_id
                        },
                        success: function(data) {
                            ticketsAprobadosTable.ajax.reload(null, false);
                            ticketsAsignadosTable.ajax.reload(null, false);
                            ticketsProcesoTable.ajax.reload(null, false);
                            ticketsPausadosTable.ajax.reload(null, false);
                            //ticketsFinalizadosTable.ajax.reload(null, false);
                            dateRangeTables();
                            countTickets();

                            toastMixin.fire({
                                animation: true,
                                title: 'Regresado!'
                            });
                        },
                    });
                } catch (error) {
                    Swal.fire("", "Error: " + error, "error");
                }
            });

            /* FUNCTION OPEN MODAL REJECT SOLICITUD NO ASSIGNED SAS SISTEMAS */
            $(document).on("click", ".btnReject", function(e) {
                e.preventDefault();

                fila = $(this).closest("tr");
                solicitud_id = $.trim(fila.find("td:eq(0)").text());

                opcion = 1;
                $('#hidden_optionReject').val(3);

                $('#hidden_solicitud_id').val(solicitud_id);

                $('#btnRechazar').show();
                $('#btnGuardar').hide();
                $('.editSolicitudIT').css('display', 'none');
                $('.rechazarSolicitudSection').css('display', 'contents');

                $(".modal-header").css("background-color", "#f44336");
                $(".modal-title").css({
                    "color": "white",
                    "font-weight": "900",
                });
                $(".modal-title").text("Rechazar Ticket #" + solicitud_id);
                $("#modalGestionSolicitud").modal("show");

                /* $.ajax({
                    url: "{{ URL::asset('php/validationsAPI.php') }}",
                    method: "POST",
                    datatype: "json",
                    data: {
                        solicitud_id: solicitud_id,
                        opcion: 1
                    },
                    success: function(data) {
                        if (data.result == "Existe") {
                            toastMixinLong.fire({
                                icon: 'warning',
                                animation: true,
                                title: 'NO DISPONIBLE! Solicitud en gestión por otro usuario.'
                            });
                        } 
                    }
                }); */



            });





            /* FUNCTION OPEN MODAL REJECT SOLICITUD SISTEMAS */
            /*  $(document).on("click", ".btnReject", function(e) {
                e.preventDefault();

                fila = $(this).closest("tr");
                solicitud_id = $.trim(fila.find("td:eq(0)").text());

                $('#hidden_optionReject').val(3);

                opcion = 1;

                $('#hidden_solicitud_id').val(solicitud_id);

                $('#btnRechazar').show();
                $('#btnGuardar').hide();
                $('.editSolicitudIT').css('display', 'none');
                $('.rechazarSolicitudSection').css('display', 'contents');

                $(".modal-header").css("background-color", "#f44336");
                $(".modal-title").css({
                    "color": "white",
                    "font-weight": "900",
                });
                $(".modal-title").text("Rechazar Ticket #" + solicitud_id);
                $("#modalGestionSolicitud").modal("show");
            }); */




            /* FUNCTION REJECT SOLICITUD SISTEMAS */
            $(document).on("click", "#btnRechazar", function(e) {
                e.preventDefault();

                var solicitud_id = $('#hidden_solicitud_id').val();
                var comment = $('#comentarioRechazo').val();
                var optionReject = $('#hidden_optionReject').val();

                try {
                    $.ajax({
                        beforeSend: function(xhr, type) {
                            if (!type.crossDomain) {
                                xhr.setRequestHeader('X-CSRF-Token', $(
                                    'meta[name="csrf-token"]').attr('content'));
                            }
                        },
                        url: "{{ url('/api/rejectTicket') }}",
                        type: "POST",
                        data: {
                            solicitud_id: solicitud_id,
                            comment: comment,
                            optionReject: optionReject,
                        },
                        success: function(data) {
                            $("#modalGestionSolicitud").modal("hide");
                            ticketsAprobadosTable.ajax.reload(null, false);
                            ticketsAsignadosTable.ajax.reload(null, false);
                            ticketsProcesoTable.ajax.reload(null, false);
                            ticketsPausadosTable.ajax.reload(null, false);
                            //ticketsFinalizadosTable.ajax.reload(null, false);
                            dateRangeTables();
                            countTickets();

                            $("#dificultadFinal").prop("disabled", true);
                            $("#comentarioFinal").prop("readonly", true);

                            $('#comentarioRechazo').val('');

                            /* SEND TELEGRAM NOTIFICATION */
                            try {
                                $.ajax({
                                    beforeSend: function(xhr, type) {
                                        if (!type.crossDomain) {
                                            xhr.setRequestHeader(
                                                'X-CSRF-Token',
                                                $(
                                                    'meta[name="csrf-token"]'
                                                ).attr('content'));
                                        }
                                    },
                                    method: "POST",
                                    url: "{{ url('/api/send/telegram/notification/rechaza/all') }}",
                                    data: {
                                        solicitud_id: solicitud_id
                                    },
                                    success: function(data) {
                                        console.log('Notification sent!');
                                    },
                                });
                            } catch (error) {
                                Swal.fire("", "Error: " + error, "error");
                            }

                            toastMixin.fire({
                                animation: true,
                                title: 'Rechazado!'
                            });
                            $('#hidden_solicitud_id').val('0');
                        },
                    });
                } catch (error) {
                    Swal.fire("", "Error: " + error, "error");
                }
            });


            /* FUNCTION OPEN MODAL EDIT SOLICITUD SISTEMAS */
            $(document).on("click", ".btnEdit", function(e) {
                e.preventDefault();

                $('#txtURL').val('');

                fila = $(this).closest("tr");
                solicitud_id = $.trim(fila.find("td:eq(0)").text());
                $('#hidden_solicitud_id').val(solicitud_id);

                $('#btnRechazar').hide();
                $('#btnGuardar').show();
                $('.editSolicitudIT').css('display', 'contents');
                $('.rechazarSolicitudSection').css('display', 'none');

                $('.comentarioFinalView').css('display', 'contents');

                $(".modal-header").css("background-color", "#0D3728");
                $(".modal-title").css({
                    "color": "white",
                    "font-weight": "900",
                });
                $(".modal-title").text("Gestión Ticket #" + solicitud_id);
                $("#modalGestionSolicitud").modal("show");

                $('#modalGestionSolicitud').on('shown.bs.modal', function () {
                    fillGestionData(solicitud_id, 1);
                });                
            });

            $(document).on("click", ".btnPreview", function(e) {
                e.preventDefault();

                fila = $(this).closest("tr");
                solicitud_id = $.trim(fila.find("td:eq(0)").text());
                $('#hidden_solicitud_id').val(solicitud_id);

                $('#btnRechazar').hide();
                $('#btnGuardar').show();
                $('.editSolicitudIT').css('display', 'contents');
                $('.rechazarSolicitudSection').css('display', 'none');

                $('.comentarioFinalView').css('display', 'contents');

                $(".modal-header").css("background-color", "#0D3728");
                $(".modal-title").css({
                    "color": "white",
                    "font-weight": "900",
                });
                $(".modal-title").text("Gestión Ticket #" + solicitud_id);
                $("#modalGestionSolicitud").modal("show");

                $('#modalGestionSolicitud').on('shown.bs.modal', function () {
                    fillGestionData(solicitud_id, 2);
                });
            });

            var editors = {};

            $('.quill-editor').each(function () {
                var editorId = $(this).attr('id'); // Obtener el ID del editor
                editors[editorId] = new Quill(`#${editorId}`, {
                    theme: 'snow',
                    modules: {
                        toolbar: [
                            [{ 'header': [1, 2, false] }],
                            ['bold', 'italic', 'underline'],
                            ['link', 'blockquote', 'code-block'],
                            [{ 'list': 'ordered' }, { 'list': 'bullet' }],
                            [{ 'align': [] }],
                            ['clean']
                        ]
                    }
                });

                // Ajustar la altura automáticamente al contenido
                editors[editorId].on('text-change', function () {
                    var editor = document.querySelector(`#${editorId} .ql-editor`);
                    editor.style.height = 'auto'; // Resetear la altura
                    editor.style.height = editor.scrollHeight + 'px'; // Ajustar a la altura del contenido
                });
            });

            

            // Guardar la variable 'editors' para usarla en otro evento
            window.quillEditors = editors;

            function fillGestionData(solicitud_id, opcion) {
                try {
                    $.ajax({
                        beforeSend: function(xhr, type) {
                            if (!type.crossDomain) {
                                xhr.setRequestHeader('X-CSRF-Token', $(
                                    'meta[name="csrf-token"]').attr('content'));
                            }
                        },
                        method: "POST",
                        url: "{{ url('/api/get/x/ticket/data') }}",
                        data: {
                            solicitud_id: solicitud_id,
                        },
                        success: function(data) {
                            $('#asuntoBox').val(data.asunto);
                            $('#descripcionBox').val(data.descripcion);
                            $('#sistemaBox').val(data.id_sistema).change();
                            $('#prioridadIT').val(data.id_prioridad_it).change();
                            $('#tipoSolicitudBox').val(data.id_tipo_solicitud).change();
                            $('#prioridad').val(data.id_prioridad).change();
                            $('#empleadoBox').val(data.empleado);
                            $('#dificultadInicio').val(data.id_dificultad_proceso).change();
                            $('#sucursalBox').val(data.id_sucursal).change();
                            $('#estadoOption').val(data.idEstado).change();
                            $('#fechaSelect').val(data.fecha_hora_espera_finalizado).change();
                            $('#dificultadFinal').val(data.id_dificultad_final).change();
                            $('#hidden_estado_anterior').val(data.idEstado);
                            //$('#comentarioPausa').val(data.comentario_pausa);
                            //$('#comentarioFinal').val(data.comentario_finalizado);


                            // Asumiendo que 'data' es el objeto que contiene los datos de la base de datos
                            console.log('Contenido que se pasa a comentarioFinal:', data.comentario_finalizado);

                            var editors = window.quillEditors;

                            editors['comentarioPausa'].enable(true);
                            editors['comentarioFinal'].enable(true);
                            editors['pasos_resolver'].enable(true);

                            editors['comentarioPausa'].clipboard.dangerouslyPasteHTML(data.comentario_pausa || '');
                            editors['comentarioFinal'].clipboard.dangerouslyPasteHTML(data.comentario_finalizado || '');
                            editors['pasos_resolver'].clipboard.dangerouslyPasteHTML(data.pasos_resolver || '');


                            $('#justificacionBox').val(data.justificacion);
                            $('#latitud').val(data.latitud);
                            $('#longitud').val(data.longitud);


                            //tinymce.get('pasos_resolver').getBody().setAttribute('contenteditable',false);

                            editors['pasos_resolver'].enable(false);


                            if (data.posible_error_usuario_ticket == "0") {
                                $('#errorUsuarioCheck').val("#").change();
                                $('#nivel_errorUsuarioCheck').prop('disabled', true);
                                $('#comment_errorUsuarioCheck').prop('disabled', true);
                            } else {
                                $('#nivel_errorUsuarioCheck').prop('disabled', false);
                                $('#comment_errorUsuarioCheck').prop('disabled', false);
                                $('#errorUsuarioCheck').val(data.posible_error_usuario_ticket).change();
                            }

                            $('#comment_errorUsuarioCheck').val(data
                                .descripcion_posible_error_usuario_default);

                            editors['comentarioPausa'].enable(false);
                            editors['comentarioFinal'].enable(false);

                            if (opcion == 1) {

                                if (data.idEstado == 2) {
                                    $("#estado2").css("display", "contents");
                                    $("#estado3").css("display", "contents");
                                    $("#estado4").css("display", "contents");
                                    $("#estado5").css("display", "none");
                                    $("#estado6").css("display", "none");

                                    $("#estadoOption").prop("disabled", false);
                                    $("#prioridadIT").prop("disabled", true);
                                    $("#fechaSelect").prop("disabled", true);
                                    $("#dificultadInicio").prop("disabled", true);

                                    $("#dificultadFinal").prop("disabled", true);
                                } else if (data.idEstado == 3) {
                                    $("#estado2").css("display", "none");
                                    $("#estado3").css("display", "contents");
                                    $("#estado4").css("display", "contents");
                                    $("#estado5").css("display", "contents");
                                    $("#estado6").css("display", "none");

                                    $("#extender_tiempo").prop("disabled", false);

                                    $("#estadoOption").prop("disabled", false);
                                    $("#prioridadIT").prop("disabled", true);
                                    $("#fechaSelect").prop("disabled", true);
                                    $("#dificultadInicio").prop("disabled", true);

                                    $("#dificultadFinal").prop("disabled", true);
                                } else if (data.idEstado == 4) {
                                    $("#estado2").css("display", "none");
                                    $("#estado3").css("display", "none");
                                    $("#estado4").css("display", "contents");
                                    $("#estado5").css("display", "none");
                                    $("#estado6").css("display", "contents");

                                    $("#estadoOption").prop("disabled", false);
                                    $("#prioridadIT").prop("disabled", true);
                                    $("#fechaSelect").prop("disabled", true);
                                    $("#dificultadInicio").prop("disabled", true);

                                    $("#dificultadFinal").prop("disabled", true);
                                }

                                $("#txtURL").prop("readonly", false);


                                $('#btnGuardar').attr('disabled', false);
                            } else {
                                $("#estadoOption").prop("disabled", true);
                                $("#prioridadIT").prop("disabled", true);
                                $("#fechaSelect").prop("disabled", true);
                                $("#dificultadInicio").prop("disabled", true);

                                $("#dificultadFinal").prop("disabled", true);

                                $('#btnGuardar').attr('disabled', true);

                                $("#txtURL").prop("readonly", true);
                            }
                        },
                    });
                } catch (error) {
                    Swal.fire("", "Error: " + error, "error");
                }
            }

            $('#errorUsuarioCheck').change(function(e) {
                e.preventDefault();

                if ($(this).val() == "1") {
                    $('#nivel_errorUsuarioCheck').prop('disabled', false);
                    $('#comment_errorUsuarioCheck').prop('disabled', false);
                } else {
                    $('#nivel_errorUsuarioCheck').prop('disabled', true);
                    $('#comment_errorUsuarioCheck').prop('disabled', true);
                }
            });

            /* FUNCTION CHANGE SOLICITUD STATUS */
            $(document).on("click", "#btnGuardar", function(e) {
                e.preventDefault();

                var solicitud_id = $('#hidden_solicitud_id').val();

                var estado = $.trim($('#estadoOption').val());
                var prioridadIT = $.trim($('#prioridadIT').val());
                var fechaEstimada = $('#fechaSelect').val();
                var dificultadInicio = $.trim($('#dificultadInicio').val());
                var dificultadFinal = $.trim($('#dificultadFinal').val());

                //var comentarioPausa = $.trim($('#comentarioPausa').val());
                //var comentarioFinal = $.trim($('#comentarioFinal').val());

                var editors = window.quillEditors;
                var comentarioPausa = editors['comentarioPausa'].root.innerHTML.trim();
                var comentarioFinal = editors['comentarioFinal'].root.innerHTML.trim();

                var nivel_errorUsuarioCheck = $.trim($('#nivel_errorUsuarioCheck').val());
                var errorUsuarioCheck = $.trim($('#errorUsuarioCheck').val());
                var comment_errorUsuarioCheck = $.trim($('#comment_errorUsuarioCheck').val());
                var estadoText = $("#estadoOption option:selected").text();
                var txtURL = $.trim($('#txtURL').val());

                if (estado == 3) {
                    comentarioPausa = "commentPausa";
                    comentarioFinal = "commentFinal";
                } else if (estado == 4 || estado == 6) {
                    comentarioFinal = "commentFinal";
                }

                if (estado == 3 && (dificultadInicio == 0 || !$('#fechaSelect').val())) {
                    Swal.fire("", "No puede dejar campos sin seleccionar o llenar!", "warning");

                } else if (estado == 4 && (comentarioPausa == '' || comentarioPausa == null)) {
                    Swal.fire("", "Debe dejar un comentario de Pausa!", "warning");

                } else if (estado == 5 && (dificultadInicio == 0 || dificultadFinal == 0 || (
                        comentarioFinal == '' || comentarioFinal == null) || errorUsuarioCheck == "#") || (
                        errorUsuarioCheck == 1 && !$.trim($('#comment_errorUsuarioCheck').val()))) {
                    Swal.fire("", "No puede dejar campos sin seleccionar o llenar!", "warning");

                } else if (estado == 6 && (dificultadInicio == 0 || !$('#fechaSelect').val())) {
                    Swal.fire("", "No puede dejar campos sin seleccionar o llenar!", "warning");

                } else {
                    try {
                        $.ajax({
                            beforeSend: function(xhr, type) {
                                if (!type.crossDomain) {
                                    xhr.setRequestHeader('X-CSRF-Token', $(
                                        'meta[name="csrf-token"]').attr('content'));
                                }
                            },
                            url: "{{ url('/api/gestion/edit/ticket') }}",
                            type: "POST",
                            data: {
                                solicitud_id: solicitud_id,
                                prioridadIT: prioridadIT,
                                fechaEstimada: fechaEstimada,
                                dificultadInicio: dificultadInicio,
                                dificultadFinal: dificultadFinal,
                                comentarioPausa: comentarioPausa,
                                comentarioFinal: comentarioFinal,
                                nivel_errorUsuarioCheck: nivel_errorUsuarioCheck,
                                errorUsuarioCheck: errorUsuarioCheck,
                                comment_errorUsuarioCheck: comment_errorUsuarioCheck,
                                txtURL: txtURL,
                                estado: estado,
                            },
                            success: function(data) {

                                if (data.save == 1) {
                                    if (data.cambiado == 1) {
                                        Swal.fire("",
                                            "La Fecha Estimada Anterior ya Pasó, Debes definir una Fecha y Hora Estimada MAYOR a la Fecha y Hora Actual: " +
                                            data.now + "!", "warning");
                                    } else {
                                        $("#modalGestionSolicitud").modal("hide");

                                        ticketsAprobadosTable.ajax.reload(null, false);
                                        ticketsAsignadosTable.ajax.reload(null, false);
                                        ticketsProcesoTable.ajax.reload(null, false);
                                        ticketsPausadosTable.ajax.reload(null, false);
                                        //ticketsFinalizadosTable.ajax.reload(null, false);
                                        dateRangeTables();
                                        countTickets();

                                        if (estado == 4 || estado == 5 || estado == 6) {
                                            try {
                                                $.ajax({
                                                    beforeSend: function(xhr, type) {
                                                        if (!type.crossDomain) {
                                                            xhr.setRequestHeader(
                                                                'X-CSRF-Token',
                                                                $(
                                                                    'meta[name="csrf-token"]'
                                                                ).attr(
                                                                    'content'));
                                                        }
                                                    },
                                                    url: "{{ url('/admin/ticket/gestionIT/notification/') }}" +
                                                        "/" + solicitud_id + "/" +
                                                        estado,
                                                    method: "GET",
                                                    success: function(data) {},
                                                });
                                            } catch (error) {
                                                Swal.fire("", "Error: " + error, "error");
                                            }
                                        }

                                        toastMixin.fire({
                                            animation: true,
                                            title: 'Estado Editado! ' + estadoText
                                        });
                                        $('#hidden_solicitud_id').val('0');
                                        $('#comentarioRechazo').val('');
                                    }
                                } else if (data.save == 0) {
                                    Swal.fire("", "Error L: " + data.error, "error");
                                }

                            },
                        });
                    } catch (error) {
                        Swal.fire("", "Error: " + error, "error");
                    }
                }
            });

            /* FUNCTION GO TO COMMENTS */
            $(document).on("click", ".btnComment", function(e) {
                e.preventDefault();

                fila = $(this).closest("tr");
                id_secuencia = $.trim(fila.find("td:eq(0)").text());

                window.location = "{{ url('/admin/solicitudes/gestionIT/comment') }}" + "/" + id_secuencia;
            });




            $(document).on('click', '.btnRecordar', function() {
                fila = $(this).closest("tr");
                $('#formRecordatorios').trigger('reset');

                id_ticket_solicitado = $.trim(fila.find("td:eq(0)").text());
                ticket_solicitado = $.trim(fila.find("td:eq(1)").text());

                $('#id_ticket_solicitado').val(id_ticket_solicitado);
                $('#ticket_solicitado').val(ticket_solicitado);
                $('#tipo_recordatorio').val(29).change();


                $('#tipo_recordatorio').attr('disabled', true);
                $('#btnSelectTicket').prop('disabled', true);
                $('#id_ticket_solicitado').prop('disabled', false);
                $('#ticket_solicitado').prop('disabled', false);


                $('#modalRecordatorios').modal('show');
            });



            $('#formRecordatorios').submit(function(e) {
                e.preventDefault();

                recordatorio = $('#recordatorio').val();
                responsable = $('#responsable').val();
                tipo_recordatorio = $('#tipo_recordatorio').val();
                fecha_hora_recordatorio = $('#fecha_hora_recordatorio').val();
                intervalo_repeticion = $('#intervalo_repeticion').val();
                maximas_repeticiones = $('#maximas_repeticiones').val();
                id_ticket_solicitado = $('#id_ticket_solicitado').val();

                if (responsable == 0) {
                    Swal.fire("", "Debes seleccionar un responsable!", "warning");
                    return false;
                }
                if (tipo_recordatorio == 29 && id_ticket_solicitado == 0) {
                    Swal.fire("", "Debes seleccionar un Ticket por Recordar!", "warning");
                    return false;
                }

                try {
                    $.ajax({
                        beforeSend: function(xhr, type) {
                            if (!type.crossDomain) {
                                xhr.setRequestHeader('X-CSRF-Token', $(
                                        'meta[name="csrf-token"]')
                                    .attr(
                                        'content'));
                            }
                        },
                        type: "POST",
                        url: "{{ url('/api/insert/update/recordatorio') }}",
                        data: {
                            recordatorio_id: 0,

                            recordatorio: recordatorio,
                            responsable: responsable,
                            tipo_recordatorio: tipo_recordatorio,
                            fecha_hora_recordatorio: fecha_hora_recordatorio,
                            intervalo_repeticion: intervalo_repeticion,
                            maximas_repeticiones: maximas_repeticiones,
                            id_ticket_solicitado: id_ticket_solicitado,

                            opcion: 1
                        },
                        dataType: "json",
                        success: function(data) {
                            if (data.save == 1) {
                                Swal.fire("", "Recordatorio Creado!", "success");
                                $("#modalRecordatorios").modal("hide");
                            } else {
                                Swal.fire("", "Error L: " + data.error, "error");
                            }
                        }
                    });
                } catch (error) {
                    Swal.fire("", "Error A: " + error, "error");
                }

            });


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

                $('#formExtenderTiempo').trigger('reset');
                fechaSelect = $('#fechaSelect').val();
                $('#fecha_final_old').val(fechaSelect);
            });

            $('#formExtenderTiempo').submit(function(e) {
                e.preventDefault();

                ticket_id = $('#hidden_solicitud_id').val();
                fecha_extender = $('#fecha_final_new').val();
                comentario_tiempo_extra = $('#comentario_tiempo_extra').val();

                try {
                    $.ajax({
                        beforeSend: function(xhr, type) {
                            if (!type.crossDomain) {
                                xhr.setRequestHeader('X-CSRF-Token', $(
                                        'meta[name="csrf-token"]')
                                    .attr(
                                        'content'));
                            }
                        },
                        type: "POST",
                        url: "{{ url('/api/extender/tiempo/ticket') }}",
                        data: {
                            ticket_id: ticket_id,
                            fecha_extender: fecha_extender,
                            comentario_tiempo_extra: comentario_tiempo_extra,
                        },
                        dataType: "json",
                        success: function(data) {
                            if (data.save == 1) {
                                fillGestionData(ticket_id, 1);
                                Swal.fire("", "Tiempo Extendido Ticket!", "success");
                                $("#modalExtenderFecha").modal("hide");
                            } else {
                                Swal.fire("", "Error L: " + data.error, "error");
                            }
                        }
                    });
                } catch (error) {
                    Swal.fire("", "Error A: " + error, "error");
                }

            });



            $('#numFilaAreaFilter').change(function(e) {
                e.preventDefault();

                varArea = $(this).val();


                $("#filaTable").DataTable().clear().destroy();

                filaTable = $("#filaTable").DataTable({
                    scrollX: true,
                    scrollCollapse: true,
                    scrollY: '400px',
                    pageLength: 50,
                    fixedColumns: {
                        left: 3
                    },
                    ordering: false,
                    beforeSend: function(xhr, type) {
                        if (!type.crossDomain) {
                            xhr.setRequestHeader('X-CSRF-Token', $('meta[name="csrf-token"]')
                                .attr(
                                    'content'));
                        }
                    },
                    initComplete: function() {
                        var api = this.api();
                    },
                    dom: 'frtlip',
                    ajax: {
                        method: "GET",
                        url: "{{ url('/api/data/numero/fila/tickets') }}" + "/" + varArea,
                    },
                    language: {
                        url: "{{ asset('json/es-ES.json') }}",
                    },
                    columns: [{
                            data: "id_secuencia"
                        },
                        {
                            data: 'numero_fila',
                            createdCell: function(td, cellData, rowData, row, col) {
                                $(td).addClass('calificacion-cell-blue');
                            },
                            render: function(data, type, row) {
                                var badge = "";

                                if (row.estado_solicitud == "PAUSADO") {
                                    badge +=
                                        '<div class="text-center text-wrap">PAUSADO, AL SER RENOVADO TENDRA UN NUEVO NUMERO DE FILA!</div>';
                                } else if (row.estado_solicitud == "SOLICITADO") {
                                    badge +=
                                        '<div class="text-center text-wrap">' + data +
                                        '</div>';
                                } else if (row.estado_solicitud == "APROBADO") {
                                    badge +=
                                        '<div class="text-center text-wrap">' + data +
                                        '</div>';
                                } else {
                                    badge +=
                                        '<input type="text" class="form-control numero-fila" value="' +
                                        data + '" data-id="' + row.id_secuencia + '">';
                                }

                                return badge;
                            }
                        },
                        {
                            data: "asunto",
                            className: "text-wrap"
                        },
                        {
                            data: "descripcion",
                            className: "text-wrap"
                        },
                        {
                            data: "justificacion",
                            className: "text-wrap"
                        },
                        {
                            data: "fullName_creado_por",
                            className: "text-wrap"
                        },
                        {
                            data: "fullName_asignado_por",
                            className: "text-wrap"
                        },
                        {
                            data: "estado_solicitud",
                            render: function(data, type, row) {
                                var badge = "";
                                if (data == "ASIGNADO") {
                                    badge +=
                                        '<span class="badge badge-pill badge-warning">' +
                                        data +
                                        "</span>";
                                } else if (data == "EN PROCESO") {
                                    badge +=
                                        '<span class="badge badge-pill badge-info">' +
                                        data +
                                        "</span>";
                                } else if (data == "PAUSADO") {
                                    badge +=
                                        '<span class="badge badge-pill badge-primary">' +
                                        data +
                                        "</span>";
                                } else if (data == "FINALIZADA") {
                                    badge +=
                                        '<span class="badge badge-pill badge-success">' +
                                        data +
                                        "</span>";
                                } else if (data == "RECHAZADA") {
                                    badge +=
                                        '<span class="badge badge-pill badge-danger">' +
                                        data +
                                        "</span>";
                                } else if (data == "RECHAZADA IT") {
                                    badge +=
                                        '<span class="badge badge-pill badge-danger">' +
                                        data +
                                        "</span>";
                                } else if (data == "SOLICITADO") {
                                    badge +=
                                        '<span class="badge badge-pill badge-warning">' +
                                        data +
                                        "</span>";
                                } else if (data == "APROBADO") {
                                    badge +=
                                        '<span class="badge badge-pill badge-success">' +
                                        data +
                                        "</span>";
                                }

                                return badge;
                            },
                        },
                        {
                            data: "prioridad",
                            render: function(data, type, row) {
                                var badge = "";
                                if (data == "URGENTE") {
                                    badge +=
                                        '<span class="badge badge-pill badge-danger">' +
                                        data +
                                        "</span>";
                                } else if (data == "ALTA") {
                                    badge +=
                                        '<span class="badge badge-pill badge-warning">' +
                                        data +
                                        "</span>";
                                } else if (data == "MEDIA") {
                                    badge +=
                                        '<span class="badge badge-pill badge-success">' +
                                        data +
                                        "</span>";
                                } else if (data == "BAJA") {
                                    badge +=
                                        '<span class="badge badge-pill badge-info">' +
                                        data +
                                        "</span>";
                                } else if (data == "NULA") {
                                    badge +=
                                        '<span class="badge badge-pill badge-light">' +
                                        data +
                                        "</span>";
                                }

                                return badge;
                            },
                        },
                        {
                            data: "tipo_solicitud",
                            render: function(data, type, row) {
                                var badge = "";
                                if (data == "PROYECTO") {
                                    badge +=
                                        '<span class="badge badge-pill badge-warning">' +
                                        data +
                                        "</span>";
                                } else if (data == "CAMBIOS SISTEMA") {
                                    badge +=
                                        '<span class="badge badge-pill badge-primary">' +
                                        data +
                                        "</span>";
                                } else if (data == "SOPORTE") {
                                    badge +=
                                        '<span class="badge badge-pill badge-success">' +
                                        data +
                                        "</span>";
                                } else if (data == "SISTEMAS") {
                                    badge +=
                                        '<span class="badge badge-pill badge-info">' +
                                        data +
                                        "</span>";
                                } else if (data == "AUDITORIA") {
                                    badge +=
                                        '<span class="badge badge-pill badge-danger">' +
                                        data +
                                        "</span>";
                                } else {
                                    badge +=
                                        '<span class="badge badge-pill badge-dark">NINGUNO</span>';
                                }

                                return badge;
                            },
                        },
                        {
                            data: "sucursal",
                            className: "text-wrap"
                        },
                        {
                            data: "fecha_hora_creado",
                            className: "text-wrap"
                        },
                        {
                            data: "fecha_hora_aceptado",
                            className: "text-wrap"
                        },
                        {
                            data: "fecha_hora_asignado",
                            className: "text-wrap"
                        },
                        {
                            data: "fecha_hora_proceso",
                            className: "text-wrap"
                        },
                        {
                            data: "fecha_hora_pausa",
                            className: "text-wrap"
                        },
                        {
                            data: "comentario_pausa",
                            className: "text-wrap"
                        },
                        {
                            data: "fecha_hora_reanudado",
                            className: "text-wrap"
                        },
                        {
                            data: "fecha_hora_estimada",
                            className: "text-wrap"
                        },
                        {
                            data: "fecha_hora_finalizado",
                            className: "text-wrap"
                        },
                        {
                            data: "comentario_finalizado",
                            className: "text-wrap"
                        },
                    ],
                    rowCallback: function(row, data, index) {

                    }
                });
            });


            $('#filaTable tbody').on('blur', 'input.numero-fila', function() {
                var newNumber = $(this).val();
                var ticketId = $(this).data('id');

                // Validar que el nuevo número de fila es válido
                if (!isNaN(newNumber) && newNumber > 0) {
                    $.ajax({
                        beforeSend: function(xhr, type) {
                            if (!type.crossDomain) {
                                xhr.setRequestHeader('X-CSRF-Token', $(
                                        'meta[name="csrf-token"]')
                                    .attr(
                                        'content'));
                            }
                        },
                        url: "{{ url('/api/update/numero/fila') }}",
                        method: 'POST',
                        data: {
                            ticketId: ticketId,
                            nuevo_numero_fila: newNumber
                        },
                        dataType: "json",
                        success: function(data) {
                            if (data.save == 1) {
                                filaTable.ajax.reload(null, false);
                            } else {
                                Swal.fire("", "Error L: " + data.error, "error");
                            }
                        }
                    });
                } else {
                    alert('Ingrese un número válido.');
                    table.ajax.reload();
                }
            });





            //


        });
    </script>
@endsection