{{-- VIEW SAMPLE --}}
@extends('layouts.menu')

@section('tittle')
    REGRESAR TICKETS ADMIN
@endsection

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

            <div class="card card-table comman-shadow shadow-lg">
                <div class="card-body">
                    <div class="row align-items-center">
                        <div class="col">
                            <h3 class="page-title">REGRESAR TICKETS ADMIN</h3>
                        </div>]
                    </div>
                    <br>
                    <div class="table-responsive">
                        <table id="ticketsAsignadosTable" 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">Cargo Aprueba</th>
                                    <th class="text-center">Última Aprobación | Rechazo por</th>
                                    <th class="text-center">Asignado 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">Sucursal</th>

                                    <th class="text-center">Fecha Creada</th>
                                    <th class="text-center">Fecha Aprobada</th>

                                    <th class="text-center">Fecha Asignada</th>
                                    <th class="text-center">Fecha Proceso</th>
                                    <th class="text-center">Fecha Pausa</th>
                                    <th class="text-center">Comentario Pausa</th>
                                    <th class="text-center">Fecha Reanudado</th>
                                    <th class="text-center">Fecha Estimada</th>
                                    <th class="text-center">Fecha Finalizada</th>
                                    <th class="text-center">Comentario Finalizado</th>

                                    <th class="text-center">Acciones</th>
                                </tr>
                            </thead>
                            <tbody>

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

        </div>
    </div>
@endsection

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

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

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

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

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

            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/fill/table/tickets/regresar') }}",
                },
                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",
                    },
                    {
                        data: "perfil",
                        className: "text-wrap"
                    },
                    {
                        data: "fullName_aprueba",
                    },
                    {
                        data: "fullName_asignado_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">AUTORIZACIÓN ESCALA</span>';
                            } else if (data == "0") {
                                badge +=
                                    '<span class="badge badge-pill badge-success">AUTORIZACIÓN NORMAL</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'> <button class='btn btn-primary btn-sm btnReturn' title='Regresar' alt='Regresar'><i class='material-icons'>reply</i></button> </div></div>",
                    },
                ],
                order: [
                    [0, "DESC"]
                ]
            });


            /* 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",
                        data: {
                            solicitud_id: solicitud_id
                        },
                        success: function(data) {
                            ticketsAsignadosTable.ajax.reload(null, false);

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