from nicegui import ui

def render_logistics_page():
    ui.label('Logística y Envíos').classes('text-xl mb-4')
    
    with ui.row().classes('w-full gap-4'):
        # Pending Shipments
        with ui.card().classes('flex-1'):
            ui.label('Envíos Pendientes').classes('font-bold mb-2')
            columns = [
                {'name': 'order', 'label': 'Pedido #', 'field': 'order'},
                {'name': 'client', 'label': 'Cliente', 'field': 'client'},
                {'name': 'status', 'label': 'Estado', 'field': 'status'},
            ]
            rows = [
                {'order': '1001', 'client': 'Maria Garcia', 'status': 'Listo'},
            ]
            ui.table(columns=columns, rows=rows, row_key='order').classes('w-full')
            
        # Actions
        with ui.column().classes('w-64 gap-2'):
            ui.button('Generar Etiqueta de Envío', icon='label', on_click=lambda: ui.notify('Etiqueta generada (simulación PDF)'))
            ui.button('Generar Factura', icon='receipt', on_click=lambda: ui.notify('Factura generada'))
            ui.button('Marcar como Enviado', icon='check_circle', color='green', on_click=lambda: ui.notify('Estado del pedido actualizado'))