@use crate::{templates::layouts::home, nav::NavState};
@use hyaenidae_toolkit::{templates::{button_group, card, card_body, card_title, text_input, statics::button_js}, Button, Card, TextInput};

@(handle_input: &TextInput, nav_state: &NavState)

@:home("Create Profile", "Create a new profile on Hyaenidae", nav_state, {
    <script src="/toolkit/@button_js.name"></script>
}, {
    @:card(&Card::full_width().dark(nav_state.dark()), {
        <form method="POST" action="/profiles/create/handle">
            @:card_title({ Create a Handle })
            @:card_body({
                <p>
                A handle is how people on Hyaenidae will find your account. You can make this the
                same as your username, but it isn't required.
                </p>

                @:text_input(handle_input)
            })
            @:card_body({
                @:button_group(&[&Button::primary("Next").dark(nav_state.dark())])
            })
        </form>
    })
})