@use super::{layout_html, statics::images_css};
@use crate::Images;

@(images: Images)

@:layout_html({
    @if images.is_ok() {
        <title>Images Uploaded</title>
    } else {
        <title>Image Upload Failed</title>
    }
    <link rel="stylesheet" href="@crate::statics(&images_css.name)" type="text/css" />
}, {
    <section>
        @if let Some(images) = images.files() {
            <article>
                <h3>Your images have been uploaded</h3>
                <p class="subtitle">Do not lose these links</p>
            </article>
            <ul>
                @for image in images {
                    <li>
                        <article>
                            <img src="@image.thumb(400)" alt="@image.filename()" />
                            <p>Link: <a href="@image.link()">@image.link()</a></p>
                            <p>Delete link: <a href="@image.delete()">@image.delete()</a></p>
                        </article>
                    </li>
                }
            </ul>
        } else {
            <article>
                <h3>There was an error uploading your images</h3>
            </article>
            <article>
                <p>@images.msg()</p>
            </article>
        }
        <article>
            <p><a href="/">Return Home</a></p>
        </article>
    </section>
})