Practice

import flet as ft

def main(page: ft.Page):
    page.title = "Picture Viewer App"
    page.padding = 20
    emal="jack"  
    password="password123"

    name_ = ft.TextField(label="Name", width=300)
    data_ = ft.TextField(label="Date of Birth", width=300, read_only=False)
    sex_ = ft.RadioGroup(
        content=ft.Row([
            ft.Radio(value="Male", label="Male"),
            ft.Radio(value="Female", label="Female"),
             ft.Radio(value="Others", label="Others"),
        ])
    )
    
    address_ = ft.TextField(label="Address", width=300)
    country_ = ft.Dropdown(
        label="Country",
        options=[
            ft.dropdown.Option("USA"),
            ft.dropdown.Option("Finland"),
            ft.dropdown.Option("China"),
            ft.dropdown.Option("Nigeria"),
            ft.dropdown.Option("Ghana"),
            ft.dropdown.Option("India"),
            ft.dropdown.Option("France"),
            ft.dropdown.Option("South Korea"),
        ],
        width=300
    )

    #   password=123456
    #   name="jack"
    def route_change(route):
        page.views.clear()

        # Login Page
        if page.route == "/":
            email_ = ft.TextField(label="Email", width=300)
            password_ = ft.TextField(label="Password", password=True, width=300)
            error_msg = ft.Text("", color=ft.colors.RED)

            def login_clicked(e):
                if not email_.value or not password_.value:
                    error_msg.value = "Email and password cannot be empty!"  
                elif emal != email_.value:
                    error_msg.value = "Please give the right email!"
                elif password !=password_.value : 
                    error_msg.value = "Please give the right password!"
                elif password !=password_.value and emal != email_.value: 
                    error_msg.value = "Please give the right password and email!"
                else:
                    error_msg.value = "" 
                    page.go("/form")
                page.update()

            page.views.append(
                ft.View(
                    "/",
                    [
                        ft.AppBar(title=ft.Text("Login"), bgcolor=ft.colors.SURFACE_VARIANT),
                        email_,
                        password_,
                        ft.ElevatedButton("Login", on_click=login_clicked),
                        error_msg,
                    ],
                )
            )

        # Form Page
        elif page.route == "/form":
            def select_date(e):
                def set_date(d):
                    data_.value = str(d.data.split('T')[0])
                    page.update()
                page.dialog = ft.DatePicker(on_change=set_date)
                page.dialog.open = True
                page.update()

            dob_picker = ft.IconButton(icon=ft.icons.CALENDAR_MONTH, on_click=select_date)

            def submit_form(e):
                if all([name_.value, data_.value, sex_.value, address_.value, country_.value]):
                    page.go("/details")
                else:
                    page.snack_bar = ft.SnackBar(ft.Text("Please fill all fields!"))
                    page.snack_bar.open = True
                    page.update()

            page.views.append(
                ft.View(
                    "/form",
                    [
                        ft.AppBar(title=ft.Text("Form"), bgcolor=ft.colors.SURFACE_VARIANT, leading=ft.IconButton(ft.icons.ARROW_BACK, on_click=lambda _: page.go("/"))),
                        name_,
                        ft.Row([data_, dob_picker], alignment=ft.MainAxisAlignment.START),
                        ft.Text("Sex:"),
                        sex_,
                        address_,
                        country_,
                        ft.ElevatedButton("Create", on_click=submit_form),
                    ],
                )
            )

        # Details Page
        elif page.route == "/details":
            page.views.append(
                ft.View(
                    "/details",
                   [
                        ft.AppBar(title=ft.Text("Details"), bgcolor=ft.colors.SURFACE_VARIANT, leading=ft.IconButton(ft.icons.ARROW_BACK, on_click=lambda _: page.go("/form"))),
                        ft.Card(
                            content=ft.Container(
                                content=ft.Column(
                                    [
                                        ft.Text(f"Name: {name_.value}", style=ft.TextThemeStyle.TITLE_LARGE),
                                        ft.Text(f"Date of Birth: {data_.value}", style=ft.TextThemeStyle.BODY_MEDIUM),
                                        ft.Text(f"Sex: {sex_.value}", style=ft.TextThemeStyle.BODY_MEDIUM),
                                        ft.Text(f"Address: {address_.value}", style=ft.TextThemeStyle.BODY_MEDIUM),
                                        ft.Text(f"Country: {country_.value}", style=ft.TextThemeStyle.BODY_MEDIUM),
                                    ]
                                ),
                                padding=20,
                                bgcolor=ft.colors.SURFACE,
                                border_radius=10,
                                shadow=ft.BoxShadow(
                                    blur_radius=10,
                                    spread_radius=2,
                                    color=ft.colors.BLACK12,
                                )
                            ),
                        ),
                        ft.ElevatedButton("Return", on_click=lambda _: page.go("/form")),
                    ],
                )
            )

        page.update()

    def view_pop(view):
        page.views.pop()
        top_view = page.views[-1]
        page.go(top_view.route)

    # Set route handling
    page.on_route_change = route_change
    page.on_view_pop = view_pop
    page.go(page.route)

ft.app(main, view=ft.AppView.WEB_BROWSER)