@use crate::templates::layouts::home;
@use crate::nav::NavState;
@use crate::profiles::EditProfileState;
@use hyaenidae_toolkit::{templates::button_group, Button};
@use hyaenidae_toolkit::{templates::{card, card_body, card_title}, Card};
@use hyaenidae_toolkit::templates::profile;

@(profile_state: &EditProfileState, nav_state: &NavState)

@:home("Create Profile", "Create a new profile on Hyaenidae", nav_state, {}, {
    @:card(&Card::full_width().dark(nav_state.dark()), {
        @:card_title({ Finished! })
        @:card_body({
            <p>
            Congratulations! You're profile is all set up! Now you can start to browse
            Hyaenidae as a full-fledged member.
            </p>
            <p>
            You can always access your profile settings again to modify anything
            you've set up here.
            </p>
        })
        @:card_body({
            @:button_group(&[
                Button::primary("Return Home").href("/").dark(nav_state.dark()),
                Button::outline("Back").href("/profiles/create/require-login").dark(nav_state.dark()),
            ])
        })
    })
    @:card(&Card::full_width().dark(nav_state.dark()), {
        @:card_title({ Preview })
        @:profile(&profile_state.profile().heading().dark(nav_state.dark()))
    })
})