@extends('layouts.menu')

@section('tittle')
    ACEPTAR / RECHAZAR SOLICITUDES
@endsection

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

            <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">SOLICITUDES POR ACEPTAR | RECHAZAR</h3>
                        </div>
                    </div>
                    <br>
                    <div class="table-responsive">
                        <table id="aceptarSolicitudesTable"
                            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">Solicitado por</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>
@endsection

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

            /* SOLICITUDES PENDIENTES APROBAR | RECHAZAR */
            aceptarSolicitudesTable = $("#aceptarSolicitudesTable").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/aceptar/solicitudes') }}" + "/7/12",
                },
                language: {
                    url: "{{ asset('json/es-ES.json') }}",
                },
                columns: [{
                        data: "id_secuencia"
                    },
                    {
                        data: "asunto",
                        className: "text-wrap"
                    },
                    {
                        data: "descripcion",
                        className: "text-wrap"
                    },
                    {
                        data: "fullName_creado_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 = "";
                            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>";
                            }

                            return badge;
                        },
                    },
                    {
                        data: "sistema",
                        className: "text-wrap"
                    },
                    {
                        data: "sucursal",
                        className: "text-wrap"
                    },
                    {
                        data: "fecha_hora_creado",
                        className: "text-wrap"
                    },
                    {
                        defaultContent: "<div class='text-center'><div class='btn-group'><button class='btn btn-success btn-sm btnAceptar' 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>",
                    },
                ],
                order: [
                    [0, "DESC"]
                ]
                /* columnDefs: [{
                    targets: invisibleColumns,
                    visible: false,
                }, ], */
            });

            /* 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)
                }
            });

            /* FUNCTION ACEPTAR SOLICITUD */
            $(document).on("click", ".btnAceptar", function(e) {
                e.preventDefault();

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

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

                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/empleado/acepta/rechaza/solicitud') }}",
                        data: {
                            estado: 8,
                            solicitud_id: solicitud_id,
                            newPrioridad: newPrioridad
                        },
                        success: function(data) {
                            aceptarSolicitudesTable.ajax.reload(null, false);

                            /* 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/new') }}",
                                    data: {
                                        solicitud_id: solicitud_id
                                    },
                                    success: function(data) {
                                        console.log('Notification sent!');
                                    },
                                });
                            } catch (error) {
                                Swal.fire("", "Error: " + error, "error");
                            }

                            toastMixinTrue.fire({
                                animation: true,
                                title: 'Solicitud Aprobada!'
                            });

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

            });

            /* FUNCTION RECHAZAR SOLICITUD */
            $(document).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();;

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

                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/empleado/acepta/rechaza/solicitud') }}",
                        data: {
                            estado: 9,
                            solicitud_id: solicitud_id,
                            newPrioridad: newPrioridad
                        },
                        success: function(data) {
                            aceptarSolicitudesTable.ajax.reload(null, false);

                            /* 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/new') }}",
                                    data: {
                                        solicitud_id: solicitud_id
                                    },
                                    success: function(data) {
                                        console.log('Notification sent!');
                                    },
                                });
                            } catch (error) {
                                Swal.fire("", "Error: " + error, "error");
                            }

                            toastMixinFalse.fire({
                                animation: true,
                                title: 'Solicitud Rechazada!'
                            });
                        },
                    });
                } catch (error) {
                    Swal.fire("", "Error: " + error, "error");
                }
            });
        });
    </script>
@endsection