import theme
from nicegui import ui
from main import checked_data
import data

db = data.CON
cur = db.cursor()

@ui.page('/dashboard')
def dashboard():
    with theme.frame('Dashboard'):
        pass

    with ui.grid().style('grid-template-columns: repeat(2, minmax(1px, 1fr));'): #(columns='auto 99px 1fr 2fr').classes('w-full gap-3'):
        res = cur.execute(f"select person,verse,verse_passage,status from tasks where status = '0'")
        information = res.fetchall()
        for info in information:
            if info[0] == 'hannah':
                hvc = ui.label(info[1]).classes('hidden')
                hpc = ui.label(info[2]).classes('hidden')
                with ui.card().classes('grid justify-items-center').style('border: 2px solid rgba(0, 255, 0, .25)'):
                    ui.label('Hannah').classes('absolute top-0 left-0 font-thin text-sm')
                    ui.label(hvc.text).classes('text-center')
                    ui.label(hpc.text).classes('font-bold')
            elif info[0] == 'fiona':
                fvc = ui.label(info[1]).classes('hidden')
                fpc = ui.label(info[2]).classes('hidden')
                with ui.card().classes('grid justify-items-center').style('border: 2px solid rgba(255, 55, 0, .25)'):
                    ui.label(fvc.text).classes('text-center')
                    ui.label(fpc.text).classes('font-bold')
            else:
                lvc = ui.label(info[1]).classes('hidden')
                lpc = ui.label(info[2]).classes('hidden')
                with ui.card().classes('grid justify-items-center').style('border: 2px solid rgba(0, 0, 255, .25)'):
                    ui.label(lvc.text).classes('text-center')
                    ui.label(lpc.text).classes('font-bold')