@use crate::templates::layouts::home;
@use hyaenidae_accounts::{templates::{update_password, update_username}, LogoutState, UpdatePasswordState, UpdateUsernameState, User};
@use hyaenidae_toolkit::{templates::{button, card, card_body, card_title, link, statics::button_js}, Button, Card, Link};

@(user: &User, uname_state: &UpdateUsernameState, pass_state: &UpdatePasswordState, logout: LogoutState)

@:home(&format!("Account Settings for {}", user.username()), "Update account information", &Some(logout), {
    <script src="/toolkit/@button_js.name"></script>
}, {
    @:update_username(Card::full_width().classes(&["account-page"]), uname_state)
    @:update_password(Card::full_width().classes(&["account-page"]), pass_state)
    @:card(Card::full_width().classes(&["account-page"]), {
        @:card_title({ Danger })
        @:card_body({
            @:button(Button::primary("Delete Account").href("/session/account/delete"))
        })
    })
    @:card(Card::full_width().classes(&["account-page"]), {
        @:card_body({
            @:link(&Link::current_tab("/"), { Return Home })
        })
    })
})