@extends('layouts.menu')

@section('tittle')
    COMENTARIOS EMPLEADO
@endsection

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

            <div class="card card-table comman-shadow shadow-lg bg-comentarios">
                <div class="card-body">
                    <div class="row align-items-center">
                        <div class="col">
                            <h3 class="page-title">TICKETS COMENTADOS</h3>
                        </div>
                    </div>
                    <br>
                    <div class="table-responsive">
                        <div class="table-responsive">
                            <table id="solicitudesComentadasTable"
                                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">Prioridad</th>
                                        <th class="text-center">Tipo</th>
                                        <th class="text-center">Sistema</th>
                                        <th class="text-center">Sucursal</th>
                                        <th class="text-center">Estado</th>
                                        <th class="text-center">Enviada Por</th>
                                        <th class="text-center">Aprobada Por</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">Acciones</th>
                                    </tr>
                                </thead>
                                <tbody>

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

        </div>
    </div>
@endsection

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

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

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

            /* ASIGNADAS */
            solicitudesComentadasTable = $("#solicitudesComentadasTable").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: {
                    url: "comment/solicitudesComentadas",
                    method: "GET",
                },
                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: "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: "sistema",
                        className: "text-wrap"
                    },
                    {
                        data: "sucursal",
                        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: "fullName_creado_por",
                        className: "text-wrap"
                    },
                    {
                        data: "fullName_aprueba",
                        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"
                    },
                    {
                        defaultContent: "<div class='text-center'><div class='btn-group'><button class='btn btn-primary btn-sm btnComment' title='Comentar' alt='Comentar'><i class='material-icons'>forum</i></button></div></div>",
                    },
                ],
                /* columnDefs: [{
                    targets: invisibleColumnsAsignadas,
                    visible: false,
                }, ], */
            });

            /* 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 = "comment/" + id_secuencia;
            });
        });
    </script>
@endsection