$(document).ready(function () {
    cargarEmpleados();
    
    // Cargar empleados en la tabla
    function cargarEmpleados() {
        $.ajax({
            url: 'https://worktimehub.com/cp/obtener_empleados.php',
            type: 'GET',
            dataType: 'json', // Esto automáticamente convierte la respuesta en JSON
            success: function (empleados) {
                
                console.log("Datos recibidos:", empleados);

                let html = '';
                empleados.forEach(emp => {
                    html += `
                        <tr>
                            <td>${emp.nombre} ${emp.apellido}</td>
                            <td>${emp.cargo}</td>
                            <td>${emp.pago_hora}</td>
                            <td>
                                
                                <button class="btn btn-warning btn-sm editar" data-id="${emp.id}"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path d="M11.013 1.427a1.75 1.75 0 0 1 2.474 0l1.086 1.086a1.75 1.75 0 0 1 0 2.474l-8.61 8.61c-.21.21-.47.364-.756.445l-3.251.93a.75.75 0 0 1-.927-.928l.929-3.25c.081-.286.235-.547.445-.758l8.61-8.61Zm.176 4.823L9.75 4.81l-6.286 6.287a.253.253 0 0 0-.064.108l-.558 1.953 1.953-.558a.253.253 0 0 0 .108-.064Zm1.238-3.763a.25.25 0 0 0-.354 0L10.811 3.75l1.439 1.44 1.263-1.263a.25.25 0 0 0 0-.354Z"></path></svg></button>
                                
                            </td>
                        </tr>`;
                });
                $('#tabla-empleados tbody').html(html);

            },
            error: function (xhr, status, error) {
                console.error("Error al cargar empleados:", xhr.responseText);
            }
        });
    }




    // Registrar un nuevo empleado
    $('#form-registro').on('submit', function (e) {
        e.preventDefault();
        $.ajax({
            url: 'https://worktimehub.com/cp/agregar_empleado.php',
            type: 'POST',
            data: $(this).serialize(),
            success: function (response) {
                alert(response);
                cargarEmpleados(); // Recargar la lista después de agregar
                $('#form-registro')[0].reset();
            },
            error: function () {
                alert("Error al registrar el empleado.");
            }
        });
    });


    // Abrir el modal con datos del empleado seleccionado
    $(document).on('click', '.editar', function () {
        
        let id = $(this).data('id');

        console.log("ID del empleado seleccionado: ", id);

        $.ajax({
            url: 'obtener_empleados.php',
            type: 'GET',
            dataType: 'json', // Esto hace que no necesites JSON.parse()
            success: function (empleados) {
                console.log("Datos de empleados recibidos:", empleados);

                let empleado = empleados.find(emp => emp.id == id);
                if (empleado) {
                    $('#edit-id').val(empleado.id);
                    $('#edit-nombre').val(empleado.nombre);
                    $('#edit-apellido').val(empleado.apellido);
                    $('#edit-cargo').val(empleado.cargo);
                    $('#edit-pago_hora').val(empleado.pago_hora);
                    $('#edit-estado').val(empleado.estado);
                    $('#edit-telefono').val(empleado.telefono);
                    $('#modal-editar').modal('show');
                } else {
                    console.error("Empleado no encontrado en la lista.");
                }
            },
            error: function (xhr, status, error) {
                console.error("Error al obtener empleados:", error);
                console.log("Respuesta del servidor:", xhr.responseText);
            }
        });
    });


    // Guardar cambios al editar
    $('#form-editar').on('submit', function (e) {

        e.preventDefault();
        $.ajax({
            url: 'https://worktimehub.com/cp/editar_empleado.php',
            type: 'POST',
            data: $(this).serialize(),
            success: function (response) {
                alert(response);
                cargarEmpleados();
                $('#modal-editar').modal('hide');
            }
        });
    });


    //AGREGAR ASISTENCIA -------------------------------
        $(document).on('click', '.asistencia', function () {
        let id = $(this).data('id');
        let nombre = $(this).data('nombre') + " " + $(this).data('apellido');
        let pago = $(this).data('pago');


        // Rellenar los campos básicos
        $('#asistencia-id').val(id);
        $('#asistencia-nombre').val(nombre);
        $('#pago-hora').val(pago);

        // Obtener la fecha actual en formato YYYY-MM-DD para sugerirla
        let today = new Date().toISOString().split('T')[0];
        $('#fecha').val(today);

        // Obtener el pago por hora desde el servidor
        // $.ajax({
        //     url: 'obtener_pago_hora.php',
        //     type: 'GET',
        //     data: { empleado_id: id },
        //     success: function (response) {
        //         let data = JSON.parse(response);
        //         if (data.pago_hora) {
        //             $('#pago_hora').val(data.pago_hora);
        //         } else {
        //             alert("Error al obtener el pago por hora.");
        //         }
        //     },
        //     error: function () {
        //         alert("Error en la consulta del pago por hora.");
        //     }
        // });

        $('#modal-asistencia').modal('show');
    });

    // Enviar formulario de asistencia
    $('#form-asistencia').on('submit', function (e) {
        e.preventDefault();
        $.ajax({
            url: 'registrar_asistencia.php',
            type: 'POST',
            data: $(this).serialize(),
            success: function (response) {
                alert(response);
                $('#modal-asistencia').modal('hide');
                $('#form-asistencia')[0].reset();
            },
            error: function () {
                alert("Error al registrar la asistencia.");
            }
        });
    });
    //AGREGAR ASISTENCIA -------------------------------






    // reporte asistencia ---------------------------
    cargarEmpleadosDOS();
    function cargarEmpleadosDOS() {
        $.ajax({
            url: 'obtener_empleados_2.php',
            type: 'GET',
            dataType: 'json', // Asegurar que los datos se interpretan correctamente
            success: function (empleados) {
                let opciones = '<option value="">Seleccione un empleado</option>';
                empleados.forEach(emp => {
                    opciones += `<option value="${emp.id}">${emp.nombre_completo}</option>`;
                });
                $('#empleado_id').html(opciones);
            },
            error: function (xhr, status, error) {
                console.error("Error al cargar empleados:", error);
            }
        });
    }

    $('#form-reporte').on('submit', function (e) {
        e.preventDefault();
        let empleado_id = $('#empleado_id').val();
        let fecha_inicio = $('#fecha_inicio').val();
        let fecha_fin = $('#fecha_fin').val();

        $.ajax({
            url: 'obtener_asistencias.php',
            type: 'GET',
            data: { empleado_id, fecha_inicio, fecha_fin },
            dataType: 'json', // Asegurar que la respuesta sea JSON
            success: function (reporte) {
                console.log("Datos recibidos:", reporte);
                mostrarReporte(reporte);
            },
            error: function (xhr, status, error) {
                console.error("Error en AJAX:", error);
                console.log("Respuesta del servidor:", xhr.responseText);
            }
        });
    });

    function mostrarReporte(reporte) {
        let html = '<h3>Reporte de Asistencia</h3>';
        let totalHorasGlobal = 0;

        if (Object.keys(reporte).length === 0) {
            html += "<p>No hay registros de asistencia en este rango de fechas.</p>";
        } else {
            Object.keys(reporte).forEach(semana => {
                html += `<h4>Semana ${semana}</h4>`;
                html += '<table class="table table-striped"><thead><tr><th>Details</th><th>Hours</th></tr></thead><tbody>';

                if (Array.isArray(reporte[semana]['dias'])) {
                    reporte[semana]['dias'].forEach(dia => {
                        html += `<tr style="${parseFloat(dia.horas) < 7.5 ? 'border: solid #ff0000 2px;' : ''}">
                            <td>
                            ${dia.fecha}<br>
                            <strong>Time in:</strong> ${dia.hora_entrada}<br>
                            <strong>Time out:</strong> ${dia.hora_salida} ${dia.hora_salida === '00:00:00' ? '<strong style="color:red;"><- NO MARCASTE TU SALIDA HABLA CON EL ADMINISTRADOR</strong>' : ''}<p>
                            <button class="btn btn-warning btn-sm editarasistencia" data-idasistencia="${dia.idasistencia}"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path d="M11.013 1.427a1.75 1.75 0 0 1 2.474 0l1.086 1.086a1.75 1.75 0 0 1 0 2.474l-8.61 8.61c-.21.21-.47.364-.756.445l-3.251.93a.75.75 0 0 1-.927-.928l.929-3.25c.081-.286.235-.547.445-.758l8.61-8.61Zm.176 4.823L9.75 4.81l-6.286 6.287a.253.253 0 0 0-.064.108l-.558 1.953 1.953-.558a.253.253 0 0 0 .108-.064Zm1.238-3.763a.25.25 0 0 0-.354 0L10.811 3.75l1.439 1.44 1.263-1.263a.25.25 0 0 0 0-.354Z"></path></svg></button>
                             ${dia.detalles === '' ? '<strong style="color:red;"><- Edita la descripcion de tu trabajo</strong>' : ''} ${dia.detalles} 
                            <td valign="middle">
                                ${parseFloat(dia.horas).toFixed(2)}
                            </td>
                        </tr>`;
                    });
                }

                html += `</tbody></table>`;
                html += `<p><strong>Total Horas Semana ${semana}:</strong> <span class="btn secondary btn-lg">${parseFloat(reporte[semana]['total_horas']).toFixed(2)}</span></p>`;
                totalHorasGlobal += parseFloat(reporte[semana]['total_horas']);
            });

            html += `<p><strong class="btn btn-outline-dark btn-lg">Total de Horas Trabajadas:</strong> <span class="btn btn-dark btn-lg">${totalHorasGlobal.toFixed(2)}</span><br>`;
            html += '<button id="enviar-horas" class="btn btn-warning mt-3 btn-lg">Enviar Horas</button>';
            html += ' <p>&nbsp;</p><p>&nbsp;</p><p><button id="generar-pdf" class="btn btn-outline-secondary mt-3">Generar PDF</button></p>';
        }

        $('#reporte-asistencia').html(html);
    }

    $(document).on('click', '#generar-pdf', function () {
        let empleado_id = $('#empleado_id').val();
        let fecha_inicio = $('#fecha_inicio').val();
        let fecha_fin = $('#fecha_fin').val();
        window.open(`generar_reporte_pdf.php?empleado_id=${empleado_id}&fecha_inicio=${fecha_inicio}&fecha_fin=${fecha_fin}`, '_blank');
    });

    // reporte asistencia ---------------------------



    // ENVIO DE CORREO ------------------------------
    $(document).ready(function () {
        // Mostrar modal y fondo cuando se presiona "Enviar horas"
        $(document).on('click', '#enviar-horas', function () {
            $('#fondo-transparente, #confirmacion-modal').fadeIn();
            $('#confirmacion-modal').modal('show');
            $('#confirmar-boton').show();
        });

        // Cerrar modal y fondo con botón "X"
        $(document).on('click', '#cerrar-modal', function () {
            $('#fondo-transparente, #confirmacion-modal').fadeOut();
            $('#confirmacion-modal').modal('hide');
            $('#fondo-transparente').hide();
        });

        // Habilitar el botón de envío solo si se marca el checkbox
        $('#confirmar-envio').change(function () {
            $('#confirmar-boton').prop('disabled', !$(this).prop('checked'));
        });

        // Enviar el correo y mostrar mensaje de confirmación
        $(document).on('click', '#confirmar-boton', function () {
            $('#confirmar-boton').hide();


            let empleado_id = $('#empleado_id').val();
            let empleado_nombre = $('#empleado_id option:selected').text();
            let fecha_inicio = $('#fecha_inicio').val();
            let fecha_fin = $('#fecha_fin').val();
            let empleado_nombre_encoded = encodeURIComponent(empleado_nombre);
            let reporte_url = `https://worktimehub.com/cp/generar_reporte_pdf.php?empleado_id=${empleado_id}&fecha_inicio=${fecha_inicio}&fecha_fin=${fecha_fin}`;

            $.ajax({
                url: 'enviar_correo.php',
                type: 'POST',
                data: {
                    empleado_nombre: empleado_nombre,
                    reporte_url: reporte_url,
                    fecha_inicio: fecha_inicio,
                    fecha_fin: fecha_fin
                },
                success: function () {
                    $('#confirmacion-modal').fadeOut();
                    $('#confirmacion-modal').modal('hide');
                    $('#mensaje-enviado').fadeIn();
                    $('#mensaje-enviado').modal('show');
                },
                error: function () {
                    alert('❌ Error al enviar el correo.');
                }
            });
        });

        // Cerrar mensaje de confirmación y ocultar el fondo
        $(document).on('click', '#cerrar-mensaje', function () {
            $('#mensaje-enviado, #fondo-transparente').fadeOut();
            $('#mensaje-enviado').modal('hide');
            $('#fondo-transparente').hide();

        });
    });
    // ENVIO DE CORREO ------------------------------ FIN


















    // Abrir el modal con datos del asistencias seleccionado
     $(document).on('click', '.editarasistencia', function () {

        let idasistencia = $(this).data('idasistencia');
 
        console.log("ID del asistencia seleccionado: ", idasistencia);

        $.ajax({
            url: 'obtener_asistencia_e.php?id='+idasistencia,  // Esto se procesará correctamente en PHP
            type: 'GET',
            dataType: 'json',
            success: function (asistencias) {
                console.log("Datos de asistencias recibidos:", asistencias);

                let asistencia = asistencias.find(emp => emp.id == idasistencia);
                if (asistencia) {
                    // Llenar el modal con los datos de la asistencia
                    $('#edit-id-asistencias').val(asistencia.id);

                    $('#edit-hora_entrada').val(asistencia.hora_entrada);
                    $('#edit-hora_salida').val(asistencia.hora_salida);
                    $('#edit-fecha').val(asistencia.fecha);


                    
                    

                    $('#edit-hora_entrada-text').text(asistencia.hora_entrada);
                    $('#edit-hora_salida-text').text(asistencia.hora_salida);
                    $('#edit-fecha-text').text(asistencia.fecha);


                    $('#edit-detalles').val(asistencia.detalles);
                    $('#edit-pago_hora').val(asistencia.pago_hora);
                    
                    $('#modal-editar-asistencias').modal('show');
                } else {
                    console.error("Asistencia no encontrada en la lista.");
                }

            },
            error: function (xhr, status, error) {
                console.error("Error al obtener asistencia:", error);
                console.log("Respuesta del servidor:", xhr.responseText);
            }
        });
    });

    $('#form-asistencia-2').on('submit', function (e) {
        e.preventDefault();
        
        console.log($(this).serialize());

        $.ajax({
            url: 'editar_asistencia.php',
            type: 'POST',
            data: $(this).serialize(),
            success: function (response) {
                alert("Actualizado ok");

                $("#mensaje").text("Actualizado asistencia OK")
                                     .removeClass("alert-danger").addClass("alert-success").removeClass("d-none");

                console.log("Actualizado ok");
                $('#modal-editar-asistencias').modal('hide');

                // Recuperar los valores actuales del formulario de filtro
                let empleado_id = $('#empleado_id').val();
                let fecha_inicio = $('#fecha_inicio').val();
                let fecha_fin = $('#fecha_fin').val();

                // Hacer una nueva consulta para obtener los datos actualizados
                $.ajax({
                    url: 'obtener_asistencias.php',
                    type: 'GET',
                    data: { empleado_id, fecha_inicio, fecha_fin },
                    dataType: 'json',
                    success: function (reporteActualizado) {
                        console.log("Datos actualizados:", reporteActualizado);
                        mostrarReporte(reporteActualizado); // Ahora llamamos a la función con datos actualizados
                    },
                    error: function (xhr, status, error) {
                        console.error("Error al obtener datos actualizados:", error);
                    }
                });
            }
        });
    });


    // eliminar sistencia ----
    $(document).ready(function() {
        $("#btn-eliminar-asistencia").click(function() {
            var idAsistencia = $("#edit-id-asistencias").val();

            if (!idAsistencia) {
                alert("No se ha seleccionado una asistencia válida.");
                return;
            }

            if (confirm("¿Estás seguro de que deseas eliminar esta asistencia? Esta acción no se puede deshacer.")) {
                $.ajax({
                    url: "eliminar_asistencia.php", 
                    type: "POST",
                    data: { id: idAsistencia },
                    dataType: "json",
                    success: function(response) {
                        if (response.success) {
                            alert("Asistencia eliminada correctamente.");
                            $("#modal-editar-asistencias").modal("hide"); 
                            // location.reload(); 
                            $('#form-reporte').trigger('submit');
                        } else {
                            alert("Error al eliminar: " + response.error);
                        }
                    },
                    error: function() {
                        alert("Hubo un error en la solicitud.");
                    }
                });
            }
        });
    });
    // fin eliminar asistencia -----------------------









});