@use crate::{ui::ButtonKind, Collection, State, ValidToken};
@use super::{layout, button_link, return_home};
@use uuid::Uuid;

@(id: Uuid, collection: &Collection, token: &ValidToken, state: &State)

@:layout(state, &format!("Delete: {}", collection.title), Some(&format!("Are you sure you want to delete {}", collection.title)), {
    <meta property="og:url" content="@state.delete_collection_path(id, token, false)" />
}, {
<section>
    <article>
        <div class="content-group">
            <h3>Delete @collection.title</h3>
        </div>
        <div class="content-group">
            <p class="subtitle">Are you sure you want to delete @collection.title</p>
        </div>
        <div class="content-group">
            <div class="button-group">
                @:button_link("Delete Collection", &state.delete_collection_path(id, token, true), ButtonKind::Submit)
                @:button_link("Cancel", &state.edit_collection_path(id, token), ButtonKind::Outline)
            </div>
        </div>
    </article>
</section>
@:return_home(state)
})