hyaenidae/templates/profiles/create/require_login.rs.html

49 lines
1.9 KiB
HTML

@use crate::ActixLoader;
@use crate::nav::NavState;
@use crate::profiles::EditProfileState;
@use crate::templates::button_js;
@use crate::templates::layouts::home;
@use hyaenidae_toolkit::{templates::button_group, Button};
@use hyaenidae_toolkit::{templates::{card, card_body, card_title}, Card};
@use hyaenidae_toolkit::templates::checkbox;
@use hyaenidae_toolkit::templates::profile;
@use i18n_embed_fl::fl;
@(loader: &ActixLoader, profile_state: &EditProfileState, nav_state: &NavState)
@:home(loader, &fl!(loader, "create-profile-title"), &fl!(loader, "create-profile-subtitle"), nav_state, {
@:button_js()
}, {
@:card(&Card::full_width().dark(nav_state.dark()), {
<form method="POST" action="/profiles/create/require-login">
@:card_title({
@fl!(loader, "require-login-heading")
})
@:card_body({
<p>@fl!(loader, "require-login-description")</p>
})
@if let Some(error) = &profile_state.login_required_error {
@:card_body({
<p>@error</p>
})
}
@:card_body({
@:checkbox("require_login", &fl!(loader, "require-login-checkbox"), profile_state.login_required())
})
@:card_body({
@:button_group(&[
Button::primary(&fl!(loader, "create-profile-next")),
Button::outline(&fl!(loader, "create-profile-back")).href("/profiles/create/banner"),
Button::primary_outline(&fl!(loader, "create-profile-skip")).href("/profiles/create/done"),
])
})
</form>
})
@:card(&Card::full_width().dark(true), {
@:card_title({
@fl!(loader, "create-profile-preview-heading")
})
@:profile(&profile_state.profile().heading(loader).dark(nav_state.dark()))
})
})