@extends('layouts.menu')

@section('tittle')
    ACEPTAR / RECHAZAR SOLICITUDES
@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="pendientesMenu"><span
                                class="badge badge-pill badge-warning text-black">PENDIENTES</span></b></li>
                    <li class="breadcrumb-item"><b class="menu-item-head" id="historialMenu"><span
                                class="badge badge-pill badge-info text-black">HISTORIAL</span></b></li>
                </ul>
            </div>

            <div class="pendientesSection">
                <div class="card card-table comman-shadow shadow-lg bg-solicitudes">
                    <div class="card-body">
                        <div class="row align-items-center">
                            <div class="col">
                                <h3 class="page-title">TICKETS POR APROBAR | RECHAZAR</h3>
                            </div>
                        </div>
                        <br>
                        <div class="table-responsive">
                            <table id="aprobarRechazarTable"
                                class="table table-hover table-center table-bordered table-striped" style="width:100%">
                                <thead class="thead-light">
                                    <tr>
                                        <th class="text-center">#</th>
                                        <th class="text-center">Asunto</th>
                                        <th class="text-center">Descripción</th>
                                        <th class="text-center">Justificación</th>
                                        <th class="text-center">Solicitado por</th>
                                        <th class="text-center">Tipo Autorización</th>
                                        <th class="text-center">Estado</th>
                                        <th class="text-center text-wrap">Posible Error Usuario?</th>
                                        <th class="text-center text-wrap">Desc. Posible Error Usuario</th>
                                        <th class="text-center text-wrap">Posible Error Usuario</th>
                                        <th class="text-center text-wrap">Comentario</th>
                                        <th class="text-center">Prioridad</th>
                                        <th class="text-center">Tipo</th>
                                        <th class="text-center">Sistema</th>
                                        <th class="text-center">Sucursal</th>
                                        <th class="text-center">Fecha Creada</th>
                                        <th class="text-center">Acciones</th>
                                    </tr>
                                </thead>
                                <tbody>

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

            <div class="historialSection">
                <div class="card card-table comman-shadow shadow-lg bg-solicitudes">
                    <div class="card-body">
                        <div class="row align-items-center">
                            <div class="col">
                                <h3 class="page-title">HISTORIAL TICKETS APROBADOS | RECHAZADOS</h3>
                            </div>
                            <div class="col-lg-2 text-end float-end ms-auto download-grp">
                                <label>Desde</label>
                                <input type="date" id="periodoInicio" class="form-control form-control-sm pickedDate"
                                    value="{{ $date1 }}">
                            </div>
                            <div class="col-lg-2 text-end float-end ms-auto download-grp">
                                <label>Hasta</label>
                                <input type="date" id="periodoFinal" class="form-control form-control-sm pickedDate"
                                    value="{{ $date }}">
                            </div>
                        </div>
                        <br>
                        <div class="table-responsive">
                            <table id="historialTable" class="table table-hover table-center table-bordered table-striped"
                                style="width:100%">
                                <thead class="thead-light">
                                    <tr>
                                        <th class="text-center">#</th>
                                        <th class="text-center">Asunto</th>
                                        <th class="text-center">Descripción</th>
                                        <th class="text-center">Justificación</th>
                                        <th class="text-center">Solicitado por</th>
                                        <th class="text-center">Autorizado | Rechazado por</th>
                                        <th class="text-center">Tipo Autorización</th>
                                        <th class="text-center">Estado</th>
                                        <th class="text-center">Prioridad</th>
                                        <th class="text-center">Tipo</th>
                                        <th class="text-center">Sistema</th>
                                        <th class="text-center">Sucursal</th>
                                        <th class="text-center">Fecha Creada</th>
                                        <th class="text-center">Acciones</th>
                                    </tr>
                                </thead>
                                <tbody>

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

        </div>
    </div>

    {{-- MODAL VIEW ESCALA STATUS --}}
    <div class="modal fade" id="modalEscala" role="dialog" data-bs-keyboard="false" data-bs-backdrop="static"
        aria-labelledby="modalEscala" aria-hidden="true">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel"></h5>
                </div>
                <div class="modal-body">

                    <div class="table-responsive">
                        <table id="escalaStatusTable" class="table table-hover table-center table-bordered table-striped"
                            style="width:100%">
                            <thead class="thead-light">
                                <tr>
                                    <th class="text-center">Nombre</th>
                                    <th class="text-center">Estado</th>
                                    <th class="text-center">Fecha Autoriza | Rechaza</th>
                                </tr>
                            </thead>
                            <tbody>

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


                    <div class="modal-footer">
                        <button type="submit" id="btnCloseEscala" class="btn btn-secondary">Cerrar</button>
                    </div>
                </div>
            </div>
        </div>
    </div>



    {{-- MODAL RECHAZAR TICKET --}}
    <div class="modal fade" id="modalRechazar" role="dialog" data-bs-keyboard="false" data-bs-backdrop="static"
        aria-labelledby="modalRechazar" aria-hidden="true">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel"></h5>
                </div>
                <div class="modal-body">

                    <div class="col-lg-12">
                        <div class="form-group">
                            <label for="" class="col-form-label" for="comentarioFinal">Comentario:</label>
                            <textarea name="txt_rechazar" id="txt_rechazar" cols="30" rows="10" class="form-control form-control-sm"></textarea>
                        </div>
                    </div>

                    <input type="hidden" id="hidden_ticket_id">
                    <input type="hidden" id="hidden_ticket_normal_escala">
                    <input type="hidden" id="hidden_new_prioridad">

                    <div class="modal-footer">
                        <button type="submit" id="btnRechazar" class="btn btn-danger">Rechazar</button>
                        <button type="submit" id="btnCancelarRechazar" class="btn btn-secondary">Cancelar</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

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

            $('.escalaSection').css('display', 'none');

            $('.pendientesSection').css('display', 'block');
            $('.historialSection').css('display', 'none');

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

                $('.pendientesSection').css('display', 'block');
                $('.historialSection').css('display', 'none');
            });
            $('#historialMenu').click(function(e) {
                e.preventDefault();

                $('.pendientesSection').css('display', 'none');
                $('.historialSection').css('display', 'block');
            });

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

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

            /* SOLICITUDES PENDIENTES APROBAR | RECHAZAR */
            aprobarRechazarTable = $("#aprobarRechazarTable").DataTable({
                beforeSend: function(xhr, type) {
                    if (!type.crossDomain) {
                        xhr.setRequestHeader('X-CSRF-Token', $('meta[name="csrf-token"]').attr(
                            'content'));
                    }
                },
                fixedColumns: {
                    left: fixedColumns_tickets,
                    right: 1
                },
                ajax: {
                    method: "GET",
                    url: "{{ url('/api/get/tickets/realizados/aprobar') }}" + "/7/1",
                },
                language: {
                    url: "{{ asset('json/es-ES.json') }}",
                },
                columns: [{
                        data: "id_secuencia"
                    },
                    {
                        data: "asunto",
                        className: "text-wrap"
                    },
                    {
                        data: "descripcion",
                        className: "text-wrap",
                        width: "15%"
                    },
                    {
                        data: "justificacion",
                        className: "text-wrap"
                    },
                    {
                        data: "fullName_creado_por",
                        className: "text-wrap"
                    },
                    {
                        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">AUTORIZA ESCALA</span>';
                            } else if (data == "0") {
                                badge +=
                                    '<span class="badge badge-pill badge-success">AUTORIZA DIRECTO</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: "posible_error_usuario",
                        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",
                        className: "text-wrap",
                        width: "10%"
                    },
                    {
                        data: null,
                        render: function(data, type, row) {

                            var badge = "";

                            if ($.trim(data.posible_error_usuario) == "SI") {
                                badge +=
                                    '<div class="form-group"><select type="text" class="form-select form-select-sm posibleErrorNew" name="posibleErrorNew"id="prioridadNew"><option value="0">NO</option><option value="1" selected>SI</option></select></div>';
                            } else {
                                badge +=
                                    '<div class="form-group"><select type="text" class="form-select form-select-sm posibleErrorNew" name="posibleErrorNew"id="prioridadNew"><option value="0" selected>NO</option><option value="1">SI</option></select></div>';
                            }



                            return badge;
                        },
                    },
                    {
                        data: null,
                        render: function(data, type, row) {

                            var badge = "";

                            badge +=
                                '<div class="form-group"><textarea class="comentarioPosibleError"></textarea></div>';


                            return badge;
                        },
                    },
                    {
                        data: "prioridad",
                        render: function(data, type, row) {

                            var badge = "";
                            badge +=
                                '<div class="form-group"><select type="text" class="form-select form-select-sm prioridadNew" name="prioridadNew"id="prioridadNew"><option value="' +
                                data + '">' + data +
                                '</option><option value="1">URGENTE</option><option value="2">ALTA</option><option value="3">MEDIA</option><option value="4">BAJA</option></select></div>';

                            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: "sistema",
                        className: "text-wrap"
                    },
                    {
                        data: "sucursal",
                        className: "text-wrap"
                    },
                    {
                        data: "fecha_hora_creado",
                        className: "text-wrap"
                    },
                    {
                        data: "id_tipo_ticket",
                        className: "text-center",
                        render: function(data, type, row) {
                            var badge = "";
                            if (data == "1") {
                                badge +=
                                    "<div class='text-center'><div class='btn-group'><button class='btn btn-success btn-sm btnAceptarEscala' title='Aceptar' alt='Aceptar'><i class='material-icons'>done</i></button><button class='btn btn-danger btn-sm btnRechazarEscala' title='Rechazar' alt='Rechazar'><i class='material-icons'>close</i></button></div></div>";
                            } else if (data == "0") {
                                badge +=
                                    "<div class='text-center'><div class='btn-group'><button class='btn btn-success btn-sm btnAprobar' title='Aceptar' alt='Aceptar'><i class='material-icons'>done</i></button><button class='btn btn-danger btn-sm btnRechazar' title='Rechazar' alt='Rechazar'><i class='material-icons'>close</i></button></div></div>";
                            }

                            return badge;
                        },
                    },
                ],
                order: [
                    [0, "DESC"]
                ]
                /* columnDefs: [{
                    targets: invisibleColumns,
                    visible: false,
                }, ], */
            });

            historialTickets();

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

                historialTickets();
            });

            function historialTickets() {
                var date1 = $('#periodoInicio').val();
                var date2 = $('#periodoFinal').val();

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

                historialTable = $("#historialTable").DataTable({
                    beforeSend: function(xhr, type) {
                        if (!type.crossDomain) {
                            xhr.setRequestHeader('X-CSRF-Token', $('meta[name="csrf-token"]').attr(
                                'content'));
                        }
                    },
                    ajax: {
                        method: "GET",
                        url: "{{ url('/api/get/tickets/realizados/aprobar') }}" + "/0/1/" + date1 + "/" +
                            date2,
                    },
                    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: "fullName_creado_por",
                            className: "text-wrap"
                        },
                        {
                            data: "usuarioAutoriza",
                            className: "text-wrap"
                        },
                        {
                            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">AUTORIZA ESCALA</span>';
                                } else if (data == "0") {
                                    badge +=
                                        '<span class="badge badge-pill badge-success">AUTORIZA DIRECTO</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>";
                                } else if (data == "1") {
                                    badge +=
                                        '<span class="badge badge-pill badge-success">AUTORIZADA</span>';
                                } else if (data == "3") {
                                    badge +=
                                        '<span class="badge badge-pill badge-danger">RECHAZADA</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>";
                                } else {
                                    badge +=
                                        '<span class="badge badge-pill badge-light">NINGUNA</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 {
                                    badge +=
                                        '<span class="badge badge-pill badge-dark">NINGUNO</span>';
                                }

                                return badge;
                            },
                        },
                        {
                            data: "sistema",
                            className: "text-wrap"
                        },
                        {
                            data: "sucursal",
                            className: "text-wrap"
                        },
                        {
                            data: "fecha_hora_creado",
                            className: "text-wrap"
                        },
                        {
                            data: "id_tipo_ticket",
                            className: "text-center",
                            render: function(data, type, row) {
                                var badge = "";
                                if (data == "1") {
                                    badge +=
                                        "<div class='text-center'><div class='btn-group'><button class='btn btn-info text-white btn-sm btnViewEscala' title='Ver Escala' alt='Ver Escala'><i class='material-icons'>visibility</i></button></div></div>";
                                } else if (data == "0") {
                                    badge +=
                                        '<span class="badge badge-pill badge-success">SIN ACCIONES</span>';
                                }

                                return badge;
                            },
                        },
                    ],
                    order: [
                        [0, "DESC"]
                    ]
                    /* columnDefs: [{
                        targets: invisibleColumns,
                        visible: false,
                    }, ], */
                });
            }

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

                fila = $(this).closest("tr");

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

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

                escalaStatusTable = $("#escalaStatusTable").DataTable({
                    beforeSend: function(xhr, type) {
                        if (!type.crossDomain) {
                            xhr.setRequestHeader('X-CSRF-Token', $('meta[name="csrf-token"]')
                                .attr(
                                    'content'));
                        }
                    },
                    ordering: false,
                    ajax: {
                        method: "POST",
                        url: "{{ url('/api/get/ticket/escala/status') }}",
                        data: {
                            id_ticket_comun: id_ticket_comun
                        },
                    },
                    language: {
                        url: "{{ asset('json/es-ES.json') }}",
                    },
                    columns: [{
                            data: "nombre_usuario",
                            className: "text-wrap"
                        },
                        {
                            data: "estado",
                            className: "text-center",
                            render: function(data, type, row) {
                                var badge = "";
                                if (data == "PENDIENTE") {
                                    badge +=
                                        '<span class="badge badge-pill badge-warning">' +
                                        data +
                                        "</span>";
                                } else if (data == "RECHAZADO") {
                                    badge +=
                                        '<span class="badge badge-pill badge-danger">' +
                                        data +
                                        "</span>";
                                } else if (data == "AUTORIZADO") {
                                    badge +=
                                        '<span class="badge badge-pill badge-success">' +
                                        data +
                                        "</span>";
                                }

                                return badge;
                            },
                        },
                        {
                            data: "fecha_autoriza",
                            className: "text-wrap"
                        },
                    ],
                });

                $(".modal-header").css("background-color", "#b81742");
                $(".modal-title").css({
                    "color": "white",
                    "font-weight": "900",
                });
                $(".modal-title").text("Visualización Autorizaciones Ticket Común en Escala: " + ticket);
                $("#modalEscala").modal("show");
            });

            /* FUNCTION TO SMALL SWAL MESSAGE */
            var toastMixinTrue = 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 toastMixinFalse = Swal.mixin({
                toast: true,
                icon: 'warning',
                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 isLoading = false;

            /* FUNCTION ACEPTAR SOLICITUD */
            $('.pendientesSection').on("click", ".btnAprobar", function(e) {
                e.preventDefault();

                //$('.btnAprobar').prop('disabled', true);

                fila = $(this).closest("tr");
                ticket_solicitado = $.trim(fila.find("td:eq(0)").text());
                es_posible_error_usuario_question = $.trim(fila.find("td:eq(7)").text());
                newPrioridad = fila.find('.prioridadNew').val();
                posibleErrorNew = fila.find('.posibleErrorNew').val();
                comentarioPosibleError = fila.find('.comentarioPosibleError').val();
                comentarioFinal = '';

                if (newPrioridad == "URGENTE") {
                    newPrioridad = 1;
                } else if (newPrioridad == "ALTA") {
                    newPrioridad = 2;
                } else if (newPrioridad == "MEDIA") {
                    newPrioridad = 3;
                } else if (newPrioridad == "BAJA") {
                    newPrioridad = 4;
                }

                if (es_posible_error_usuario_question == "SI") {
                    if (comentarioPosibleError == "" || comentarioPosibleError == " " || comentarioPosibleError == ".") {
                        Swal.fire("", "Debes realizar un comentario sobre si es o no un posible error de usuario segun tu criterio!", "warning");

                        return false;
                    }
                }

                Swal.fire({
                    title: "Estás seguro de APROBAR este Ticket?",
                    text: "",
                    icon: "warning",
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Confirmar!'
                }).then((result) => {
                    if (result.isConfirmed) {
                        if (!isLoading) {
                            isLoading = true;
                            try {
                                $.ajax({
                                    beforeSend: function(xhr, type) {
                                        if (!type.crossDomain) {
                                            xhr.setRequestHeader(
                                                'X-CSRF-Token',
                                                $(
                                                    'meta[name="csrf-token"]'
                                                ).attr('content'));
                                        }
                                    },
                                    async: false,
                                    cache: false,
                                    method: "POST",
                                    url: "{{ url('/api/empleado/acepta/rechaza/ticket/comun') }}",
                                    data: {
                                        estado: 8,
                                        ticket_solicitado: ticket_solicitado,
                                        newPrioridad: newPrioridad,
                                        posibleErrorNew: posibleErrorNew,
                                        comentarioPosibleError: comentarioPosibleError,
                                        comentarioFinal: comentarioFinal
                                    },
                                    success: function(data) {
                                        if (data.save == 1) {
                                            aprobarRechazarTable.ajax.reload(null,
                                                false);

                                            toastMixinTrue.fire({
                                                animation: true,
                                                title: 'Solicitud Aprobada! Numero Fila: ' +
                                                    data.numero_fila
                                            });
                                            isLoading = false;
                                            $('.btnAprobar').prop('disabled', false);
                                        }

                                    },
                                });
                            } catch (error) {
                                Swal.fire("", "Error: " + error, "error");
                                isLoading = false;
                                $('.btnAprobar').prop('disabled', false);
                            }
                        }
                    }
                });

            });

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

                hidden_ticket_id = $('#hidden_ticket_id').val();
                txt_rechazar = $('#txt_rechazar').val();

                if (!$('#txt_rechazar').val()) {
                    Swal.fire("", "Debes escribir un comentario del por qué se rechaza el Ticket!",
                        "warning");
                } else {
                    if ($('#hidden_ticket_normal_escala').val() == 0) {
                        Swal.fire({
                            title: "Estás seguro de RECHAZAR este Ticket?",
                            text: "",
                            icon: "warning",
                            showCancelButton: true,
                            confirmButtonColor: '#3085d6',
                            cancelButtonColor: '#d33',
                            confirmButtonText: 'Confirmar!'
                        }).then((result) => {
                            if (result.isConfirmed) {
                                if (!isLoading) {
                                    isLoading = true;
                                    try {
                                        $.ajax({
                                            beforeSend: function(xhr, type) {
                                                if (!type.crossDomain) {
                                                    xhr.setRequestHeader(
                                                        'X-CSRF-Token',
                                                        $(
                                                            'meta[name="csrf-token"]'
                                                        ).attr('content'));
                                                }
                                            },
                                            async: false,
                                            cache: false,
                                            method: "POST",
                                            url: "{{ url('/api/empleado/acepta/rechaza/ticket/comun') }}",
                                            data: {
                                                estado: 9,
                                                ticket_solicitado: hidden_ticket_id,
                                                comentarioFinal: txt_rechazar,
                                                newPrioridad: 3
                                            },
                                            success: function(data) {
                                                if (data.save == 1) {
                                                    aprobarRechazarTable.ajax.reload(
                                                        null,
                                                        false);

                                                    toastMixinFalse.fire({
                                                        animation: true,
                                                        title: 'Solicitud Rechazada!'
                                                    });

                                                    isLoading = false;

                                                    $('.btnRechazar').prop('disabled',
                                                        false);
                                                }
                                            },
                                        });
                                    } catch (error) {
                                        Swal.fire("", "Error: " + error, "error");
                                        isLoading = false;
                                        $('.btnRechazar').prop('disabled', false);
                                    }
                                }
                            }
                        });
                    } else {
                        Swal.fire({
                            title: "Estas seguro de RECHAZAR este Ticket?",
                            text: "",
                            icon: "warning",
                            showCancelButton: true,
                            confirmButtonColor: '#3085d6',
                            cancelButtonColor: '#d33',
                            confirmButtonText: 'Confirmar!'
                        }).then((result) => {
                            if (result.isConfirmed) {
                                if (!isLoading) {
                                    isLoading = true;

                                    try {
                                        $.ajax({
                                            beforeSend: function(xhr, type) {
                                                if (!type.crossDomain) {
                                                    xhr.setRequestHeader(
                                                        'X-CSRF-Token',
                                                        $(
                                                            'meta[name="csrf-token"]'
                                                        ).attr('content'));
                                                }
                                            },
                                            async: false,
                                            cache: false,
                                            method: "POST",
                                            url: "{{ url('/api/escala/acepta/rechaza/ticket/comun') }}",
                                            data: {
                                                autoriza_rechaza: 0,
                                                ticket_solicitado: hidden_ticket_id,
                                                comentarioFinal: txt_rechazar,
                                                newPrioridad: 3
                                            },
                                            success: function(data) {
                                                if (data.save == 1) {
                                                    aprobarRechazarTable.ajax.reload(
                                                        null,
                                                        false);

                                                    toastMixinFalse.fire({
                                                        animation: true,
                                                        title: 'Solicitud Rechazada!'
                                                    });

                                                    isLoading = false;
                                                    $('.btnRechazarEscala').prop(
                                                        'disabled',
                                                        false);
                                                }
                                            },
                                        });
                                    } catch (error) {
                                        Swal.fire("", "Error: " + error, "error");
                                        isLoading = false;
                                        $('.btnRechazarEscala').prop('disabled', false);
                                    }
                                }
                            }
                        });
                    }

                    $('#txt_rechazar').val('');
                    $('#txt_rechazar').text('');

                    $('#hidden_ticket_id').val('');
                    $('#hidden_ticket_normal_escala').val('');
                    $('#hidden_new_prioridad').val('');

                    $("#modalRechazar").modal("hide");
                }


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

                $('#txt_rechazar').val('');
                $('#txt_rechazar').text('');

                $('#hidden_ticket_id').val('');
                $('#hidden_ticket_normal_escala').val('');
                $('#hidden_new_prioridad').val('');

                $("#modalRechazar").modal("hide");
            });

            /* FUNCTION RECHAZAR SOLICITUD */
            $('.pendientesSection').on("click", ".btnRechazar", function(e) {
                e.preventDefault();

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

                $('#txt_rechazar').val('');
                $('#txt_rechazar').text('');

                $('#hidden_ticket_id').val(solicitud_id);
                $('#hidden_ticket_normal_escala').val(0);

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

            });

            /* FUNCTION ACEPTAR SOLICITUD */
            $('.pendientesSection').on("click", ".btnAceptarEscala", function(e) {
                e.preventDefault();

                //$('.btnAceptarEscala').prop('disabled', true);

                fila = $(this).closest("tr");
                ticket_solicitado = $.trim(fila.find("td:eq(0)").text());
                newPrioridad = fila.find('.prioridadNew').val();
                posibleErrorNew = fila.find('.posibleErrorNew').val();
                comentarioFinal = '';

                if (newPrioridad == "URGENTE") {
                    newPrioridad = 1;
                } else if (newPrioridad == "ALTA") {
                    newPrioridad = 2;
                } else if (newPrioridad == "MEDIA") {
                    newPrioridad = 3;
                } else if (newPrioridad == "BAJA") {
                    newPrioridad = 4;
                }

                Swal.fire({
                    title: "Estás seguro de APROBAR este Ticket?",
                    text: "",
                    icon: "warning",
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Confirmar!'
                }).then((result) => {
                    if (result.isConfirmed) {
                        if (!isLoading) {
                            isLoading = true;

                            try {
                                $.ajax({
                                    beforeSend: function(xhr, type) {
                                        if (!type.crossDomain) {
                                            xhr.setRequestHeader(
                                                'X-CSRF-Token',
                                                $(
                                                    'meta[name="csrf-token"]'
                                                ).attr('content'));
                                        }
                                    },
                                    async: false,
                                    cache: false,
                                    method: "POST",
                                    url: "{{ url('/api/escala/acepta/rechaza/ticket/comun') }}",
                                    data: {
                                        autoriza_rechaza: 1,
                                        ticket_solicitado: ticket_solicitado,
                                        newPrioridad: newPrioridad,
                                        posibleErrorNew: posibleErrorNew,
                                        comentarioFinal: comentarioFinal,
                                    },
                                    success: function(data) {
                                        if (data.save == 1) {
                                            aprobarRechazarTable.ajax.reload(null,
                                                false);

                                            toastMixinTrue.fire({
                                                animation: true,
                                                title: 'Solicitud Aprobada! Numero Fila: ' +
                                                    data.numero_fila
                                            });

                                            isLoading = false;
                                            $('.btnAceptarEscala').prop('disabled',
                                                false);
                                        }

                                    },
                                });
                            } catch (error) {
                                Swal.fire("", "Error: " + error, "error");
                                isLoading = false;
                                $('.btnAceptarEscala').prop('disabled', false);
                            }
                        }
                    }
                });

            });

            /* FUNCTION RECHAZAR SOLICITUD */
            $('.pendientesSection').on("click", ".btnRechazarEscala", function(e) {
                e.preventDefault();

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

                $('#txt_rechazar').val('');
                $('#txt_rechazar').text('');

                $('#hidden_ticket_id').val(solicitud_id);
                $('#hidden_ticket_normal_escala').val(1);

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


            });
        });
    </script>
@endsection