@use crate::ActixLoader;
@use crate::templates::accounts::inputs::{text_input, password_input};
@use hyaenidae_accounts::UpdateUsernameState;
@use hyaenidae_toolkit::{templates::{button_group, card, card_body, card_title}, Button, Card};
@use i18n_embed_fl::fl;

@(card_config: &Card, loader: &ActixLoader, state: &UpdateUsernameState, dark: bool)

@:card(card_config, {
    <form method="POST" action="@state.update_username_path()">
        @:card_title({ @fl!(loader, "update-username-heading") })
        @:card_body({
            @:text_input("new_username", &fl!(loader, "update-username-input"), state.username(), state.username_error(), dark)
            @:password_input("password", &fl!(loader, "password-input"), state.password(), state.password_error(), dark)
        })
        @:card_body({
            @:button_group(&[
                Button::primary(&fl!(loader, "update-username-button")),
            ])
        })
    </form>
})