@use crate::images::{icon_srcset, largest_icon, ImageType};
@use crate::profiles::SubmissionView;
@use hyaenidae_toolkit::{templates::link, Link};
@use uuid::Uuid;

@(submission: &SubmissionView, profile: Option<Uuid>, dark: bool)

@if let Some(key) = submission.pictrs_key() {
    @:link(&Link::current_tab(&submission.view_path()).plain(true).dark(dark), {
        <div class="submission-icon">
            @if submission.is_published() {
                <div class="submission-icon--overlay">
                    <div class="submission-icon--meta">
                        <h2>@submission.title()</h2>
                        @if submission.posted_by(profile) {
                            <p>by you</p>
                        } else {
                            <p>by @submission.name()</p>
                        }
                    </div>
                </div>
            } else {
                <div class="submission-icon--unpublished">
                    <div class="submission-icon--meta">
                        <h2>@submission.title()</h2>
                        <p>by you</p>
                    </div>
                </div>
            }
            <picture>
                <source
                    type="image/webp"
                    srcset="@icon_srcset(key, ImageType::Webp)"
                />
                <source
                    type="image/png"
                    srcset="@icon_srcset(key, ImageType::Png)"
                />
                <img
                    href="@largest_icon(key, ImageType::Png)"
                    title="@submission.title()"
                    alt="@submission.title()"
                />
            </picture>
        </div>
    })
}