import dash
import dash_core_components as dcc
import dash_html_components as html
import dash_bootstrap_components as dbc

app = dash.Dash(__name__, external_stylesheets=[dbc.themes.BOOTSTRAP])

course_info = {
    "title": "رشد نیترات‌شکر و عوامل موثر بر آن",
    "instructor": "آقای مهندس رحیم غزی",
    "date": "16 خرداد ماه 1403",
    "start_time": "8:30",
    "end_time": "12:30",
    "location": "سالن جلسات دفتر معاونت کشاورزی",
    "topics": [
        "رابطه آب و رشد گیاه",
        "رشد و نمو نیترات‌شکر و عوامل موثر بر آن",
        "جذب، انتقال و اسیملیاسیون نیترات‌شکر در گیاه",
        "فیزیولوژی عملکرد نیترات‌شکر (اجزای عملکرد)",
        "عملکرد عوامل محدودکننده",
        "محاسبات عددی و کار با داده‌ها"
    ],
    "goals": [
        "آشنایی پرسنل با عوامل موثر بر رشد نیترات‌شکر"
    ]
}

app.layout = dbc.Container(
    [
        dbc.Row(
            dbc.Col(
                html.H2("اطلاعات دوره"),
                width={"size": 6, "offset": 3},
                className="text-center my-4"
            )
        ),
        dbc.Row(
            dbc.Col(
                html.Div([
                    html.H4(course_info["title"]),
                    html.P(f"مدرس: {course_info['instructor']}"),
                    html.P(f"تاریخ: {course_info['date']}"),
                    html.P(f"زمان: {course_info['start_time']} - {course_info['end_time']}"),
                    html.P(f"محل: {course_info['location']}"),
                    html.H5("عناوین و سرفصل‌ها"),
                    html.Ul([html.Li(topic) for topic in course_info["topics"]]),
                    html.H5("اهداف دوره"),
                    html.Ul([html.Li(goal) for goal in course_info["goals"]])
                ])
            )
        )
    ],
    fluid=True
)

if __name__ == "__main__":
    app.run_server(debug=True)