@use crate::ActixLoader;
@use crate::templates::button_js;
@use crate::{templates::layouts::home, nav::NavState};
@use crate::templates::accounts::{update_password, update_username};
@use hyaenidae_accounts::{UpdatePasswordState, UpdateUsernameState, User};
@use hyaenidae_toolkit::{templates::{button, card, card_body, card_title}, Button, Card};
@use i18n_embed_fl::fl;

@(loader: &ActixLoader, user: &User, uname_state: &UpdateUsernameState, pass_state: &UpdatePasswordState, nav_state: &NavState)

@:home(loader, &fl!(loader, "account-settings-heading"), &fl!(loader, "account-settings-subheading"), nav_state, {
    @:button_js()
}, {
    @:card(&Card::full_width().dark(nav_state.dark()), {
        @:card_title({ @fl!(loader, "username-heading", currentUsername = user.username()) })
    })
    @:update_username(&Card::full_width().dark(nav_state.dark()), loader, uname_state)
    @:update_password(&Card::full_width().dark(nav_state.dark()), loader, pass_state)
    @:card(&Card::full_width().dark(nav_state.dark()), {
        @:card_title({ @fl!(loader, "danger-heading") })
        @:card_body({
            @:button(&Button::primary(&fl!(loader, "delete-account-button")).href("/session/account/delete"))
        })
    })
})