@use super::{layout_html, return_home_html, statics::images_css};
@use crate::{UploadResult, FileType};

@(results: Vec<UploadResult>)

  @:layout_html("Upload Complete!", None, {
  <link rel="stylesheet" href="@crate::statics(images_css.name)" type="text/css" />
  }, {
  <section>
    <article>
      <h3>Your images have been uploaded</h3>
    </article>
    <article>
      <p class="subtitle">Do not lose these links</p>
    </article>
    <ul>
      @for result in results {
      <li>
        <article>
          @match result {
          UploadResult::Image(image) => {
          <div class="imagebox">
            <picture>
              <source type="image/webp" srcset="@image.thumb(800, FileType::Webp)" />
              <source type="image/avif" srcset="@image.thumb(800, FileType::Avif)" />
              <img src="@image.thumb(800, FileType::Jpg)" alt="@image.filename()" title="@image.filename()" />
            </picture>
          </div>
          <p>
            Link:<br />
            <a href="@image.view(None)" target="_blank" rel="noopener noreferrer">
              @image.view(None)
            </a>
          </p>
          <p>
            Thumbnails:<br />
            <a href="@image.thumbnails()" target="_blank" rel="noopener noreferrer">
              @image.thumbnails()
            </a>
          </p>
          <p>
            Delete link:<br />
            <a href="@image.delete()" target="_blank" rel="noopener noreferrer">
              @image.delete()
            </a>
          </p>
          }
          UploadResult::Error(error) => {
          <p>
            Error:<br />
            @if let Some(msg) = error.upstream_error() {
            @msg
            } else {
            @error.to_string()
            }
          </p>
          }
          UploadResult::UploadId(_) => {
          <p>Wating...</p>
          }
          }
        </article>
      </li>
      }
    </ul>
    @:return_home_html()
  </section>
  })