@use crate::{ui::ButtonKind, Entry, State, ValidToken};
@use super::{layout_html, button_link_html, image_html, return_home_html};
@use uuid::Uuid;

@(collection_id: Uuid, id: Uuid, entry: &Entry, token: &ValidToken, state: &State)

@:layout_html(state, "Delete Image", Some("Are you sure you want to delete this image?"), {
    <meta property="og:url" content="@state.delete_entry_path(collection_id, id, token, false)" />
}, {
<section>
    <article>
        <div class="content-group">
            <h3>Delete Image</h3>
        </div>
        <div class="content-group">
            <div class="edit-row">
                <div class="edit-item">
                    @:image_html(id, entry, state)
                </div>
                <div class="edit-item">
                    <p class="delete-confirmation">Are you sure you want to delete this image?</p>
                    <div class="button-group button-space">
                        @:button_link_html("Delete Image", &state.delete_entry_path(collection_id, id, token, true), ButtonKind::Submit)
                        @:button_link_html("Cancel", &state.edit_collection_path(collection_id, Some(id), token), ButtonKind::Outline)
                    </div>
                </div>
            </div>
        </div>
    </article>
</section>
@:return_home_html(state)
})