@use crate::ActixLoader;
@use crate::nav::NavState;
@use crate::templates::bar;
@use crate::templates::layouts::root;
@use crate::templates::statics::nav_js;
@use hyaenidae_toolkit::templates::centered;
@use hyaenidae_toolkit::{templates::{card, card_body}, Card};
@use hyaenidae_toolkit::{templates::link, Link};
@use hyaenidae_toolkit::{templates::button_group, Button};
@use i18n_embed_fl::fl;

@(loader: &ActixLoader, title: &str, description: &str, nav_state: &NavState, head: Content, body: Content)

@:root(title, description, nav_state.dark(), {
    <script src="@crate::statics_path(nav_js.name)"></script>
    @:head()
}, {
    @:bar(loader, nav_state)
    <div class="home-content">
        @:body()
    </div>
    <div class="nav-body @nav_state.class_string()">
        <div class="nav-link nav-background">
            @:link(&Link::current_tab(nav_state.href()).plain(true), {
                <div class="nav-background">
                </div>
            })
        </div>
        <nav class="nav-links">
            @:centered(false, {
                @:card(&Card::full_width().classes(&["nav"]).dark(nav_state.dark()), {
                    @:card_body({
                        <div class="nav-heading">
                            <h3>@fl!(loader, "site-name")</h3>
                        </div>
                        @:button_group(&nav_state.mobile_buttons(loader))
                    })
                    @:card_body({
                        @:button_group(&[
                            Button::primary_outline(&fl!(loader, "nav-cancel")).href(nav_state.href()).class("nav-link"),
                        ])
                    })
                })
            })
        </nav>
    </div>
})