Dashboard Component

from app import dashboard
from datetime import datetime, timedelta
import database as db
from nicegui import ui

@ui.page('/')
async def main_page():
    cart_items = []
    current_user = {}
    current_page = 1
    items_per_page = 12
    current_search_query = ''
    
    # Checkout scan handler
    async def scan_checkout_logic():
        book = await db.get_book(checkout_input.value)
        checkout_input.value = ''  # Clear input
        
        if book:
            if book['status'] != 'Available':
                ui.notify('Book is already checked out!', type='warning')
                return
            
            # Hide empty cart message
            empty_cart_message.visible = False
            
            # Add to cart
            cart_items.append(book)
            
            # Update preview
            checkout_cover.source = book['cover']
            checkout_title.text = book['title']
            checkout_author.text = book['author']
            
            due = datetime.now() + timedelta(days=14)
            checkout_due_date.text = f'Due: {due.strftime("%B %d, %Y")}'
            
            # Add cart item UI
            with cart_container:
                with ui.row().classes('w-full items-center gap-4 bg-white/5 p-4 rounded-xl border border-white/10'):
                    ui.image(book['cover']).classes('w-12 h-16 rounded object-cover')
                    with ui.column().classes('gap-0'):
                        ui.label(book['title']).classes('text-white font-bold')
                        ui.label(book['author']).classes('text-xs text-slate-400')
                        ui.label(f"Due: {due.strftime('%b %d, %Y')}").classes('text-xs text-blue-400 font-bold')
            
            # Update button
            checkout_btn.text = f'CONFIRM CHECKOUT ({len(cart_items)})'
            checkout_btn.enable()
            checkout_btn.classes(
                remove='bg-white/5 border-white/10 text-slate-500',
                add='bg-blue-500/20 border-blue-500/50 text-blue-400 shadow-[0_0_30px_-5px_rgba(59,130,246,0.3)]'
            )
        else:
            ui.notify('Book not found', type='negative')
    
    # Confirm checkout handler
    async def confirm_checkout():
        await db.checkout_books(cart_items, current_user['id'])
        due = datetime.now() + timedelta(days=14)
        ui.notify(f'Successfully checked out {len(cart_items)} item(s)!', type='positive')
        
        # Reset cart
        cart_items.clear()
        cart_container.clear()
        empty_cart_message.visible = True
        checkout_btn.text = 'CONFIRM CHECKOUT (0)'
        checkout_btn.disable()
        checkout_cover.source = 'https://via.placeholder.com/200x300?text=Waiting...'
        checkout_title.text = '---'
        checkout_author.text = '---'
        checkout_due_date.text = ''
        
        await load_catalog_books()
    
    # Return scan handler
    async def scan_return_logic():
        book = await db.get_book(return_input.value)
        return_input.value = ''
        
        if book and book['status'] != 'Available':
            success = await db.return_book(book['isbn'])
            if success:
                return_cover.source = book['cover']
                return_title.text = book['title']
                return_status.text = 'RETURNED SUCCESSFULLY'
                return_status.classes(
                    remove='bg-slate-800 text-slate-400',
                    add='bg-blue-500/20 text-blue-400'
                )
                ui.notify('Book Returned!', type='positive')
    
    # Search handler
    async def handle_search(query: str):
        nonlocal current_search_query, current_page
        current_search_query = (query or '').lower().strip()
        current_page = 1
        await load_catalog_books()
    
    # My Books loader
    async def load_my_books():
        loans = await db.get_user_loans(current_user['id'])
        active = [l for l in loans if not l.get('returned')]
        
        active_loans_container.clear()
        no_active_loans.visible = len(active) == 0
        
        with active_loans_container:
            ui.label(f'Total Books Checked Out: {len(active)}').classes('text-sm text-blue-400 font-bold mb-2')
            for loan in active:
                # ... render loan items
                pass
    
    # Pagination handlers
    async def next_page():
        nonlocal current_page
        current_page += 1
        await load_catalog_books()
    
    async def prev_page():
        nonlocal current_page
        if current_page > 1:
            current_page -= 1
            await load_catalog_books()
    
    # Create dashboard
    (dash_cont, checkout_input, checkout_cover, checkout_title, checkout_author,
     cart_container, checkout_btn, return_input, return_cover, return_title,
     return_status, empty_cart_message, catalog_grid, checkout_due_date,
     active_loans_container, no_active_loans, history_container, no_history,
     prev_btn, next_btn, page_label) = \
        dashboard.create(
            scan_checkout_logic, 
            confirm_checkout, 
            scan_return_logic, 
            handle_search, 
            load_my_books, 
            next_page, 
            prev_page
        )
    
    # Show dashboard after login
    dash_cont.visible = True