from kalam_data import *

with ui.Blocks(title='Kalam AI', theme=thx, css=css, analytics_enabled=False) as kalam:
    ui.HTML(value='''
            <center>
                <h2>📖 Kalam AI Web App 🤲</h2>
                <p>Sebuah aplikasi web menghasilkan poster ayat Al-Quran beserta terjemahan menggunakan AI</p>
            </center>
            ''')
    
    with ui.Row(equal_height=True):
        with ui.Column(min_width=512, variant='panel') as step_1:
            pict = ui.Gallery(type='pil', label='Hasil Janaan', show_share_button=False, height='50vh', columns=2, rows=2, object_fit='contain')
            them = ui.Dropdown(label='Tema / Topik', choices=theme_list, value='Manfaat Kebaikan')
            sura = ui.Dropdown(label='Nama Surah', choices=surah_list, value='Surah Hud, Ayat 114')
            disp = ui.Dropdown(label='Jenis Paparan', choices=layer_list, value='Gelap')
            with ui.Group():
                with ui.Row():
                    stop = ui.Button('Batal')
                    init = ui.Button('Hantar', variant='primary')
    
    proc = init.click(fn=queue, inputs=[them, disp], outputs=[pict])
    stop.click(fn=None, inputs=None, outputs=None, cancels=proc)
    them.select(fn=theme_change, inputs=[them], outputs=[sura])
    
    ui.HTML(value='''
            <center>
                <h2>Dibangunkan oleh Ikmal Said (<a href='https://twitter.com/ikmalsaid'>@ikmalsaid</a>) untuk #GodamSahur 2024</h2>
            </center>
            ''')

if __name__ == "__main__":
    kalam.queue(default_concurrency_limit=100).launch(inbrowser=True, favicon_path="favicon.ico")