var tabla;


$(document).ready(function() {
    $('#panel2').addClass('hide');
    $("#id_colab").select2({ placeholder: "Seleccionar" });

    let colaboradores = [];

    $.ajax({
        url: "../../controller/colaborador.php?op=select_colaborador",
        method: "POST",
        dataType: "json",
        success: function(data) {
            colaboradores = data;

            let options = '<option value="">Seleccione...</option>';
            data.forEach(function(item) {
                options += `<option value="${item.id_colab}">${item.nombre_colab}</option>`;
            });

            $('#id_colab').html(options);
            $("#id_colab").val(null).trigger("change");
        }
    });

    $('#id_colab').on('change', function() {
        
        const selectedId = $(this).val();
        const colaborador = colaboradores.find(c => c.id_colab == selectedId); // Corregido

        if (colaborador) {
            $('#rut_colab').val(colaborador.rut_colab); // Corregido
            $('#nombre_colab_label').text(colaborador.nombre_colab);
        } else {
            $('#rut_colab').val('');
            $('#nombre_colab_label').text('Ninguno');
        }
        if (typeof tabla !== 'undefined') {
        tabla.ajax.reload();
        }
    });
});

$(document).on("click", "#btnsiguiente1", function () {

$('#panel1').addClass('hide');
$('#panel2').removeClass('hide');

listar();

});

function listar() {

    tabla = $('#detalle_data').DataTable({
        
        "aProcessing": true,
        "aServerSide": true,
        dom: 'Bfrtip',
        "searching": true,
        lengthChange: false,
        colReorder: true,
        buttons: [
                'copyHtml5',
                'excelHtml5',
                'csvHtml5',
                'pdfHtml5'
                ],
      "ajax":{
            url: '../../controller/agenda.php?op=listar',
            type : "POST",
            data: function(d) {
            d.id_colab = $('#id_colab').val(); 
            },
            dataType : "json",
            error: function(e){
              console.log(e.responseText);	
           }
       },
           "columnDefs": [
        {
            "targets": [0],         // índice de la columna que quieres ocultar
            "visible": true,
            "searchable": true     // opcional, evita que se busque por esta columna
        }
    ],
        "bDestroy": true,
        "responsive": true,
        "bInfo":true,
        "iDisplayLength": 30,
        "autoWidth": false,
        "language": {
            "sProcessing":     "Procesando...",
            "sLengthMenu":     "Mostrar _MENU_ registros",
            "sZeroRecords":    "No se encontraron resultados",
            "sEmptyTable":     "Ningún dato disponible en esta tabla",
            "sInfo":           "Mostrando un total de _TOTAL_ registros",
            "sInfoEmpty":      "Mostrando un total de 0 registros",
            "sInfoFiltered":   "(filtrado de un total de _MAX_ registros)",
            "sInfoPostFix":    "",
            "sSearch":         "Buscar:",
            "sUrl":            "",
            "sInfoThousands":  ",",
            "sLoadingRecords": "Cargando...",
            "oPaginate": {
                "sFirst":    "Primero",
                "sLast":     "Último",
                "sNext":     "Siguiente",
                "sPrevious": "Anterior"
            },
        "oAria": {
                "sSortAscending":  ": Activar para ordenar la columna de manera ascendente",
                "sSortDescending": ": Activar para ordenar la columna de manera descendente"
        }
            },
        
        "drawCallback": function(settings) {
            if (!$('#btnCancelar').length) {
                var $btn = $('<button id="btnCancelar" type="button" class="btn btn-danger btn-sm ml-3">Cancelar</button>');
                $btn.css('margin-left', '10px');
                $(this.api().table().container()).find('.dataTables_paginate').append($btn);

                $btn.on('click', function() {
                    location.reload();  // Aqurecarga la pÃ¡gina
                });
            }
      
            
        }
    });

}

function eliminar(id_agenda) {
  
    swal({
        title: "¿Estas seguro?",
        text: "No podras deshacer esta accion.",
        icon: "warning",
        buttons: true,
        dangerMode: true
    }).then((willDelete) => {
        if (willDelete) {
            $.post("../../controller/agenda.php?op=eliminar", { id_agenda: id_agenda }, function(data) {
                swal("Eliminado correctamente", { icon: "success",
                    timer: 1500,
                    buttons: false
                });
                 $('#detalle_data').DataTable().ajax.reload();
            });
        }
    });
}
function pagar(id_agenda) {
    Swal.fire({
        title: "¿Estás seguro?",
        text: "No podrás deshacer esta acción.",
        icon: "warning",
        showCancelButton: true,
        confirmButtonText: "Sí, continuar",
        cancelButtonText: "Cancelar",
        reverseButtons: true
    }).then((result) => {
        if (result.isConfirmed) {
            // 🔹 Si confirma, mostramos un segundo alert con input
            Swal.fire({
                title: "Ingrese el número de comprobante",
                input: "text",
                inputPlaceholder: "Ejemplo: 123456",
                showCancelButton: true,
                confirmButtonText: "Guardar",
                cancelButtonText: "Cancelar",
                inputValidator: (value) => {
                    if (!value) {
                        return "Por favor ingrese un número";
                    }
                }
            }).then((inputResult) => {
                if (inputResult.isConfirmed) {
                    const numeroComprobante = inputResult.value;

                    // 🔹 Ahora continuamos con la petición AJAX
                    $.post(
                        "../../controller/agenda.php?op=pagar",
                        { id_agenda: id_agenda, comprobante: numeroComprobante },
                        function (data) {
                            Swal.fire({
                                title: "Pago registrado correctamente",
                                icon: "success",
                                timer: 1500,
                                showConfirmButton: false
                            });
                            $('#detalle_data').DataTable().ajax.reload();
                        }
                    );
                }
            });
        }
    });
}

$(window).on('resize', function() {
    if (typeof tabla !== 'undefined') {
        tabla.columns.adjust().responsive.recalc();
    }
});




