@extends('layouts.menu')

@section('tittle')
    RECORDATORIOS
@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 justify-content-end align-items-end">
                        <div class="col">
                            <h3 class="page-title">RECORDATORIOS</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-auto text-end float-end ms-auto download-grp">
                            <button type="button" class="btn btn-primary" id="btnNuevo" title="Crear Nuevo"
                                alt="Crear Nuevo" data-bs-toggle="modal" data-bs-target="#modalRecordatorios"><i
                                    class="fas fa-plus"></i></button>
                        </div>
                    </div>
                    <br>

                    <div class="table-responsive">
                        <table id="remindersTable" 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">Recordatorio</th>
                                    <th class="text-center">ID Responsable</th>
                                    <th class="text-center">Responsable</th>
                                    <th class="text-center">Fecha Hora Recordatorio</th>
                                    <th class="text-center">Tipo</th>
                                    <th class="text-center">ID Ticket</th>
                                    <th class="text-center">Ticket</th>
                                    <th class="text-center">Intervalo Repeticion</th>
                                    <th class="text-center">Maximas Repeticiones</th>
                                    <th class="text-center">Enviado</th>
                                    <th class="text-center">Finalizado</th>
                                    <th class="text-center">Estado</th>
                                    <th class="text-center">Acciones</th>
                                </tr>
                            </thead>
                            <tbody>

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

                </div>
            </div>

        </div>
    </div>

    @include('layouts.modal_recordatorios')
@endsection

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

            $('#recordatoriosMenu, #misRecordatorios').addClass('active');


            function fillRecordatoriosTable() {

                date = $('#periodoInicio').val();
                $(document).off("click", ".btnEdit");
                $(document).off("click", ".btnAnular");

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

                remindersTable = $("#remindersTable").DataTable({
                    scrollX: true,
                    scrollCollapse: true,
                    scrollY: '410px',
                    pageLength: 50,
                    fixedColumns: {
                        left: 2,
                        right: 1
                    },
                    ordering: false,
                    beforeSend: function(xhr, type) {
                        if (!type.crossDomain) {
                            xhr.setRequestHeader('X-CSRF-Token', $('meta[name="csrf-token"]').attr(
                                'content'));
                        }
                    },
                    initComplete: function() {
                        var api = this.api();
                    },
                    dom: buttons,
                    ajax: {
                        method: "GET",
                        url: "{{ url('/api/list/recordatorios') }}" + "/" + date,
                    },
                    language: {
                        url: "{{ asset('json/es-ES.json') }}",
                    },
                    columns: [{
                            data: "id_recordatorio"
                        },
                        {
                            data: "recordatorio",
                            className: "text-wrap"
                        },
                        {
                            data: "responsable",
                            className: "text-center"
                        },
                        {
                            data: "responsable_nombre",
                            className: "text-wrap"
                        },
                        {
                            data: "fecha_hora_recordatorio"
                        },
                        {
                            data: "tipo_recordatorio_text",
                            className: "text-center",
                            render: function(data, type, row) {
                                var badge = "";

                                if (data == "RECORDATORIO NORMAL") {
                                    badge +=
                                        '<span class="badge badge-pill badge-warning">RECORDATORIO NORMAL</span>';
                                } else {
                                    badge +=
                                        '<span class="badge badge-pill badge-success">RECORDATORIO TICKET</span>';
                                }

                                return badge;
                            },
                        },
                        {
                            data: "id_ticket_solicitado",
                            className: "text-center"
                        },
                        {
                            data: "asunto_ticket_recordar",
                            className: "text-wrap"
                        },
                        {
                            data: "intervalo_repeticion",
                            className: "text-center"
                        },
                        {
                            data: "maximas_repeticiones",
                            className: "text-center"
                        },

                        {
                            data: "enviado_text",
                            className: "text-center",
                            render: function(data, type, row) {
                                var badge = "";

                                if (data == "ENVIADO") {
                                    badge +=
                                        '<span class="badge badge-pill badge-success">Enviado</span>';
                                } else {
                                    badge +=
                                        '<span class="badge badge-pill badge-danger">Sin Enviar</span>';
                                }

                                return badge;
                            },
                        },
                        {
                            data: "finalizado_text",
                            className: "text-center",
                            render: function(data, type, row) {
                                var badge = "";

                                if (data == "FINALIZADO") {
                                    badge +=
                                        '<span class="badge badge-pill badge-success">Finalizado</span>';
                                } else {
                                    badge +=
                                        '<span class="badge badge-pill badge-danger">Sin Finalizar</span>';
                                }

                                return badge;
                            },
                        },
                        {
                            data: "estado",
                            className: "text-center",
                            render: function(data, type, row) {
                                var badge = "";

                                if (data == "1" || data == "2") {
                                    badge +=
                                        '<span class="badge badge-pill badge-success">ACTIVO</span>';
                                } else {
                                    badge +=
                                        '<span class="badge badge-pill badge-danger">ANULADO</span>';
                                }

                                return badge;
                            },
                        },
                        {
                            data: "finalizado_text",
                            render: function(data, type, row) {
                                var badge = "";

                                if (data == "FINALIZADO") {
                                    badge +=
                                        '<span class="badge badge-pill badge-success">Finalizado</span>';
                                } else {
                                    badge +=
                                        "<div class='text-center'><div class='btn-group'>  <button class='btn btn-success btn-sm btnFinalizar text-white' title='Finalizar'><i class='material-icons'>check</i></button>   <button class='btn btn-warning btn-sm btnEdit text-white' title='Editar'><i class='material-icons'>edit</i></button> <button class='btn btn-danger btn-sm btnAnular text-white' title='Cambiar Estado'><i class='material-icons'>change_circle</i></button> </div></div>";
                                }

                                return badge;
                            },
                        },
                    ],
                    /* columnDefs: [{
                        targets: [26, 27],
                        visible: false,
                        searchable: true
                    }], */
                });

            }

            fillRecordatoriosTable();

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

                fillRecordatoriosTable();
            });


            $('#btnNuevo').click(function(e) {
                e.preventDefault();
                $('#formRecordatorios').trigger('reset');
                recordatorio_id = null;
                opcion = 1;

                $('#btnSelectTicket').prop('disabled', true);
                $('#id_ticket_solicitado').val(0);
                $('#ticket_solicitado').val('');
            });


            $('#modalRecordatorios').on('shown.bs.modal', function(e) {
                $("#responsable").chosen({
                    width: "100%"
                });
            });


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

                if ($(this).val() == 29) {
                    $('#btnSelectTicket').prop('disabled', false);
                    $('#id_ticket_solicitado').val(0);
                    $('#ticket_solicitado').val('');
                } else {
                    $('#btnSelectTicket').prop('disabled', true);
                    $('#id_ticket_solicitado').val(0);
                    $('#ticket_solicitado').val('');
                }
            });



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

                recordatorio_id = $.trim(fila.find("td:eq(0)").text());
                recordatorio = $.trim(fila.find("td:eq(1)").text());
                responsable = $.trim(fila.find("td:eq(2)").text());
                fecha_hora_recordatorio = $.trim(fila.find("td:eq(4)").text());
                tipo_recordatorio = $.trim(fila.find("td:eq(5)").text());
                id_ticket_solicitado = $.trim(fila.find("td:eq(6)").text());
                ticket_solicitado = $.trim(fila.find("td:eq(7)").text());
                intervalo_repeticion = $.trim(fila.find("td:eq(8)").text());
                maximas_repeticiones = $.trim(fila.find("td:eq(9)").text());

                opcion = 2;

                $('#recordatorio').val(recordatorio);
                $('#responsable').val(responsable).change();

                $('#tipo_recordatorio option').each(function() {
                    if ($(this).text() === tipo_recordatorio) {
                        $(this).prop('selected', true);
                        tipo_recordatorio = true;
                        return false; // Break the loop
                    }
                });

                $('#fecha_hora_recordatorio').val(fecha_hora_recordatorio);
                $('#intervalo_repeticion').val(intervalo_repeticion);
                $('#maximas_repeticiones').val(maximas_repeticiones);
                $('#id_ticket_solicitado').val(id_ticket_solicitado);

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


            $(document).on('click', '.btnFinalizar', function() {
                fila = $(this).closest("tr");

                recordatorio_id = $.trim(fila.find("td:eq(0)").text());
                recordatorio = $.trim(fila.find("td:eq(1)").text());
                estado = $.trim(fila.find("td:eq(11)").text());

                if (estado == "Finalizado") {
                    Swal.fire("", "Ya has finalizado este Recordatorio!", "warning");
                    return false;
                }

                try {
                    $.ajax({
                        beforeSend: function(xhr, type) {
                            if (!type.crossDomain) {
                                xhr.setRequestHeader('X-CSRF-Token', $(
                                        'meta[name="csrf-token"]')
                                    .attr(
                                        'content'));
                            }
                        },
                        type: "POST",
                        url: "{{ url('/api/update/finalizar/recordatorios') }}",
                        data: {
                            recordatorio_id: recordatorio_id
                        },
                        dataType: "json",
                        success: function(data) {
                            if (data.save == 1) {
                                Swal.fire("", "Recordatorio Finalizado!", "success");

                                remindersTable.ajax.reload(null, false);
                            } else {
                                Swal.fire("", "Error L: " + data.error, "error");
                            }
                        }
                    });
                } catch (error) {
                    Swal.fire("", "Error A: " + error, "error");
                }


            });

            $(document).on('click', '.btnAnular', function() {
                fila = $(this).closest("tr");

                recordatorio_id = $.trim(fila.find("td:eq(0)").text());
                recordatorio = $.trim(fila.find("td:eq(1)").text());
                estado = $.trim(fila.find("td:eq(12)").text());

                if (estado == "ACTIVO") {
                    estado = 3;
                    new_estado = " Deshabilitado!";
                } else {
                    estado = 2;
                    new_estado = " Habilitado!";
                }


                try {
                    $.ajax({
                        beforeSend: function(xhr, type) {
                            if (!type.crossDomain) {
                                xhr.setRequestHeader('X-CSRF-Token', $(
                                        'meta[name="csrf-token"]')
                                    .attr(
                                        'content'));
                            }
                        },
                        type: "POST",
                        url: "{{ url('/api/update/status/recordatorios') }}",
                        data: {
                            recordatorio_id: recordatorio_id,
                            estado:estado
                        },
                        dataType: "json",
                        success: function(data) {
                            if (data.save == 1) {
                                Swal.fire("", "Recordatorio " + new_estado + "!", "success");

                                $("#modalRecordatorios").modal("hide");
                                remindersTable.ajax.reload(null, false);
                            } else {
                                Swal.fire("", "Error L: " + data.error, "error");
                            }
                        }
                    });
                } catch (error) {
                    Swal.fire("", "Error A: " + error, "error");
                }


            });



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


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

                ticketsTable = $("#ticketsTable").DataTable({
                    scrollX: true,
                    scrollCollapse: true,
                    scrollY: '85vh',
                    pageLength: 50,
                    fixedColumns: {
                        left: 2,
                        right: 1
                    },
                    ordering: false,
                    beforeSend: function(xhr, type) {
                        if (!type.crossDomain) {
                            xhr.setRequestHeader('X-CSRF-Token', $('meta[name="csrf-token"]')
                                .attr(
                                    'content'));
                        }
                    },
                    initComplete: function() {
                        var api = this.api();
                    },
                    dom: buttons,
                    ajax: {
                        method: "GET",
                        url: "{{ url('/api/recordatorios/tickets/disponibles') }}",
                    },
                    language: {
                        url: "{{ asset('json/es-ES.json') }}",
                    },
                    columns: [{
                            data: "id_secuencia"
                        },
                        {
                            data: "asunto",
                            className: "text-wrap"
                        },
                        {
                            data: "descripcion",
                            className: "text-center"
                        },
                        {
                            data: "justificacion",
                            className: "text-wrap"
                        },
                        {
                            data: "fullName_creado_por"
                        },
                        {
                            data: "fullName_asignado_por"
                        },
                        {
                            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>";
                                }

                                return badge;
                            },
                        },
                        {
                            defaultContent: "<div class='text-center'><div class='btn-group'>    <button class='btn btn-info btn-sm btnAdd text-white' title='Seleccionar'><i class='material-icons'>add</i></button> </div></div>"
                        },
                    ],
                });


            });


            $(document).on('click', '.btnAdd', function() {
                fila = $(this).closest("tr");
                id_ticket_solicitado = $.trim(fila.find("td:eq(0)").text());
                ticket_solicitado = $.trim(fila.find("td:eq(1)").text());

                $('#id_ticket_solicitado').val(id_ticket_solicitado);
                $('#ticket_solicitado').val(ticket_solicitado);

                $('#modalTickets').modal('hide');
            });



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

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

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

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

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

                            opcion: opcion
                        },
                        dataType: "json",
                        success: function(data) {
                            if (data.save == 1) {
                                if (opcion == 1) {
                                    Swal.fire("", "Recordatorio Creado!", "success");
                                } else {
                                    Swal.fire("", "Recordatorio Editado!", "success");
                                }

                                $("#modalRecordatorios").modal("hide");
                                remindersTable.ajax.reload(null, false);
                            } else {
                                Swal.fire("", "Error L: " + data.error, "error");
                            }
                        }
                    });
                } catch (error) {
                    Swal.fire("", "Error A: " + error, "error");
                }

            });





        });
    </script>
@endsection