<reponame>joshuakim314/bridge-robo-advisor<gh_stars>1-10
import dash_bootstrap_components as dbc
from dash import Dash, Input, Output, State, html, dcc, dash_table, callback, dependencies

email_input = html.Div(
    [
        dbc.Input(type="email", id="email-su", placeholder="Enter email"),
    ],
    className="mb-3",
)

confirm_email = html.Div(
    [
        dbc.Input(type="email", id="check-email-su", placeholder="Confirm email"),
    ],
    className="mb-3",
)

password_input = html.Div(
    [
        dbc.Input(
            type="password",
            id="password-su",
            placeholder="Enter password",
        ),
    ],
    className="mb-3",
)

confirm_password = html.Div(
    [
        dbc.Input(
            type="password",
            id="check-password-su",
            placeholder="Confirm password",
        ),
    ],
    className="mb-3",
)

inline_name = dbc.Row(
    [
        dbc.Col(
            [
                dbc.Input(
                    type="name",
                    id="first-name-su",
                    placeholder="<NAME>",
                ),
            ],
            width=6,
        ),
        dbc.Col(
            [
                dbc.Input(
                    type="name",
                    id="last-name-su",
                    placeholder="<NAME>",
                ),
            ],
            width=6,
        ),
    ],
    className="mb-3",
)

form = html.Div([
        html.Div(
            [
                dbc.Progress(id="progress", value=33, animated=True, striped=True),
            ],
            style={'marginBottom': '0.2in'}
        ),
        dbc.Form([inline_name, email_input, confirm_email, password_input, confirm_password]),
        html.Div([
            dbc.Button("Back", color="primary", outline=True, href='/', className="me-3"),
            dbc.Button("Continue", id='continue', color="primary", className="me-3"),
        ],
        )
], style={"width": "4in", "display": "inline-block", 'marginTop': '0.2in'}
)

sign_up_1 = html.Div([
    html.Div([
        html.Img(src='/assets/BridgeLogo.svg', style={'height':'2in', 'width':'4in'}),
    ], style={'align': 'center', 'marginTop': 50}
    ),
    form,
    html.P(id='invalid', style={'color': 'red', 'marginTop': '0.2in'})
], style={'textAlign': 'center'}
)
import dash_bootstrap_components as dbc
from dash import Dash, Input, Output, State, html, dcc, dash_table, callback, dependencies

email_input = html.Div(
    [
        dbc.Input(type="email", id="email-su", placeholder="Enter email"),
    ],
    className="mb-3",
)

confirm_email = html.Div(
    [
        dbc.Input(type="email", id="check-email-su", placeholder="Confirm email"),
    ],
    className="mb-3",
)

password_input = html.Div(
    [
        dbc.Input(
            type="password",
            id="password-su",
            placeholder="Enter password",
        ),
    ],
    className="mb-3",
)

confirm_password = html.Div(
    [
        dbc.Input(
            type="password",
            id="check-password-su",
            placeholder="Confirm password",
        ),
    ],
    className="mb-3",
)

inline_name = dbc.Row(
    [
        dbc.Col(
            [
                dbc.Input(
                    type="name",
                    id="first-name-su",
                    placeholder="<NAME>",
                ),
            ],
            width=6,
        ),
        dbc.Col(
            [
                dbc.Input(
                    type="name",
                    id="last-name-su",
                    placeholder="<NAME>",
                ),
            ],
            width=6,
        ),
    ],
    className="mb-3",
)

form = html.Div([
        html.Div(
            [
                dbc.Progress(id="progress", value=33, animated=True, striped=True),
            ],
            style={'marginBottom': '0.2in'}
        ),
        dbc.Form([inline_name, email_input, confirm_email, password_input, confirm_password]),
        html.Div([
            dbc.Button("Back", color="primary", outline=True, href='/', className="me-3"),
            dbc.Button("Continue", id='continue', color="primary", className="me-3"),
        ],
        )
], style={"width": "4in", "display": "inline-block", 'marginTop': '0.2in'}
)

sign_up_1 = html.Div([
    html.Div([
        html.Img(src='/assets/BridgeLogo.svg', style={'height':'2in', 'width':'4in'}),
    ], style={'align': 'center', 'marginTop': 50}
    ),
    form,
    html.P(id='invalid', style={'color': 'red', 'marginTop': '0.2in'})
], style={'textAlign': 'center'}
)