@use crate::ActixLoader;
@use crate::templates::{button_js, file_js};
@use crate::{templates::layouts::home, nav::NavState};
@use hyaenidae_toolkit::{templates::{button_group, card, card_body, card_title, file_input}, Button, Card, FileInput};
@use i18n_embed_fl::fl;

@(loader: &ActixLoader, file: FileInput, error: Option<String>, nav_state: &NavState)

@:home(loader, &fl!(loader, "create-submission-title"), &fl!(loader, "create-submission-subtitle"), nav_state, {
    @:button_js()
    @:file_js()
}, {
    @:card(&Card::full_width().dark(nav_state.dark()), {
        <form method="POST" action="/submissions/create" enctype="multipart/form-data">
            @:card_title({
                @fl!(loader, "create-submission-heading")
            })
            @if let Some(error) = error {
                @:card_body({ @error })
            }
            @:card_body({
                @:file_input(&file.dark(nav_state.dark()))
            })
            @:card_body({
                @:button_group(&[
                    Button::primary(&fl!(loader, "create-submission-button")),
                ])
            })
        </form>
    })
})