import gradio as gr

category_list = [
    "N（數與量）",
    "S（空間與形狀）",
    "G（座標幾何）",
    "R（關係）",
    " A（代數）",
    "F（函數）",
    "D（資料與不確定性）",
]
grade_list = ["1", "2", "3", "4", "5", "6", "7", "8", "9"]
course_code_list = ["3", "5"]
concept_code_list = [
    "1-1 【概念1】：相反的量",
    "1-1 【概念2】：比 0 小的數",
    "1-1 【概念3】：性質符號",
]

with gr.Blocks() as demo:
    category = gr.Dropdown(
        choices=category_list,
        label="1. 選擇主題類別",
    )
    grade = gr.Dropdown(choices=grade_list, label="2. 選擇年級階段")
    course_code = gr.Dropdown(choices=course_code_list, label="3. 選擇流水號")

    @gr.render(inputs=[category, grade, course_code])
    def show_course_dropdown(category, grade, course_code):
        gr.Markdown(f"### 目前選擇的主題類別是：{category if category else '未選擇'}")
        gr.Markdown(f"### 目前選擇的年級階段是：{grade if grade else '未選擇'}")
        gr.Markdown(
            f"### 目前選擇的流水號是：{course_code if course_code else '未選擇'}"
        )
        if category is not None and grade is not None and course_code is not None:
            result = gr.Markdown(
                f"# 所選課程編碼為：{list(category)[0]}-{grade}-{course_code}：負數與數的四則混合運算(含分數、小數)：使用「正、負」表徵生活中的量；相反數；數的四則混合運算。"
            )
            concept = gr.Dropdown(choices=concept_code_list, label="4. 選擇概念")


if __name__ == "__main__":
    demo.launch()