$(document).ready(function() {
    
    function cargarHistorialTraslados(tipo = 'enviados') { // Por defecto muestra 'enviados'
        const tablaHistorial = $('#tabla_historial_traslados');
        const descripcion = $('#descripcion_historial');
        const fechaInicio = $('#fecha_inicio').val();
        const fechaFin = $('#fecha_fin').val();

        let descripcionTexto = tipo === 'enviados' 
            ? 'Mostrando traslados enviados desde esta sucursal.' 
            : 'Mostrando traslados recibidos en esta sucursal.';
        
        descripcion.text(descripcionTexto);

        $.ajax({
            type: 'GET',
            url: 'php/listar_traslados.php',
            data: { 
                tipo: tipo,
                fecha_inicio: fechaInicio,
                fecha_fin: fechaFin
            }, // Enviamos el tipo de filtro y las fechas
            beforeSend: function() {
                tablaHistorial.html("<tr><td colspan='10' class='text-center'><div class='spinner-border spinner-border-sm'></div> Cargando...</td></tr>");
            },
            success: function(response) {
                tablaHistorial.html(response || "<tr><td colspan='10' class='text-center'>No hay traslados.</td></tr>");
            },
            error: function() {
                tablaHistorial.html("<tr><td colspan='10' class='text-center text-danger'>Error al cargar el historial.</td></tr>");
            }
        });
    }

    // Carga inicial del historial (enviados)
    cargarHistorialTraslados('enviados');

    // Manejador para los botones de radio
    $('input[name="tipo_traslado"]').change(function() {
        const tipoSeleccionado = $('input[name="tipo_traslado"]:checked').val();
        cargarHistorialTraslados(tipoSeleccionado);
    });

    // Manejador para el botón de Filtrar
    $('#btn_filtrar').click(function() {
        const tipoSeleccionado = $('input[name="tipo_traslado"]:checked').val();
        cargarHistorialTraslados(tipoSeleccionado);
    });

    // Manejador para el botón de Limpiar
    $('#btn_limpiar').click(function() {
        $('#fecha_inicio').val('');
        $('#fecha_fin').val('');
        const tipoSeleccionado = $('input[name="tipo_traslado"]:checked').val();
        cargarHistorialTraslados(tipoSeleccionado);
    });
});