@use crate::extensions::ProfileExt;
@use crate::nav::NavState;
@use crate::templates::button_js;
@use crate::templates::layouts::home;
@use crate::views::OwnedProfileView;
@use hyaenidae_toolkit::{templates::button_group, Button};
@use hyaenidae_toolkit::{templates::{card, card_body, card_title}, Card};
@use hyaenidae_toolkit::templates::profile;

@(view: &OwnedProfileView, nav_state: &NavState)

@:home("Delete Profile", &format!("Delete {}", view.profile.name()), nav_state, {
    @:button_js()
}, {
    @:card(&Card::full_width().dark(nav_state.dark()), {
        @:profile(&view.heading().dark(nav_state.dark()))
    })
    @:card(&Card::full_width().dark(nav_state.dark()), {
        <form method="POST" action="/profiles/delete">
            @:card_title({ Delete Profile })
            @:card_body({
                Are you sure you want to delete @view.profile.name()?
            })
            @:card_body({
                @:button_group(&[
                    Button::primary("Delete Profile").dark(nav_state.dark()),
                ])
            })
        </form>
    })
})