hyaenidae/server/templates/profiles/create/banner.rs.html

@use crate::{templates::{layout, profiles::view}, profiles::Profile};
@use hyaenidae_toolkit::{templates::{button_group, card, card_body, file_input}, Button, Card, FileInput};

@(banner_input: &FileInput, error: Option<String>, profile: &Profile)

@:layout("Create Profile", "Create a new profile on Hyaenidae", {}, {
    @:card(&Card::full_width().classes(&["account-page"]), { Add a banner }, {
        <form method="POST" action="/profiles/create/banner" enctype="multipart/form-data">
            @:card_body({
                <p>
                This banner will be displayed on your profile behind your icon.
                </p>
            })
            @if let Some(error) = error {
                @:card_body({
                    <p>@error</p>
                })
            }
            @:card_body({
                @:file_input(banner_input)
            })
            @:card_body({
                @:button_group(&[
                    &Button::primary("Next"),
                    Button::outline("Back").href("/profiles/create/icon"),
                    Button::primary_outline("Skip").href("/profiles/create/require-login"),
                    Button::primary_outline("Skip All").href("/profiles/create/done"),
                ])
            })
        </form>
    })
    @:card(&Card::full_width().classes(&["account-page"]), { Preview }, {
        @:view(profile)
    })
})