hyaenidae/server/templates/profiles/create/bio.rs.html

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

@(display_name_input: &TextInput, description_input: &TextInput, profile: &Profile, nav_state: &NavState)

@:home("Create Profile", "Create a new profile on Hyaenidae", nav_state, {
    @:button_js()
}, {
    @:card(&Card::full_width().dark(nav_state.dark()), {
        <form method="POST" action="/profiles/create/bio">
            @:card_title({ Create a Bio })
            @:card_body({
                <p>
                This is where you can talk a bit about yourself. the Display Name is the name
                that will be featured on your profile page, and the Description will appear
                underneath it.
                </p>

                @:text_input(display_name_input)
                @:text_input(description_input)
            })
            @:card_body({
                @:button_group(&[
                    &Button::primary("Next").dark(nav_state.dark()),
                    Button::primary_outline("Skip").href("/profiles/create/icon").dark(nav_state.dark()),
                    Button::primary_outline("Skip All").href("/profiles/create/done").dark(nav_state.dark()),
                ])
            })
        </form>
    })
    @:card(&Card::full_width().dark(nav_state.dark()), {
        @:card_title({ Preview })
        @:view(profile, nav_state.dark())
    })
})