@use crate::{ui::ButtonKind, Collection, Direction, Entry, State, ValidToken};
@use super::{button, button_link, image, file_input, layout, return_home, text_area, text_input,
statics::file_upload_js};
@use uuid::Uuid;

@(collection: &Collection, collection_id: Uuid, entries: &[(Uuid, Entry)], token: &ValidToken, state: &State, qr: &str)

@:layout(state, "Edit Collection", None, {
<script src="@state.statics_path(file_upload_js.name)" type="text/javascript">
</script>
}, {
<section>
  <article class="content-group">
    <h3>Share Collection</h3>
  </article>
  <article class="content-group">
    <a href="@state.public_collection_path(collection_id)" target="_blank" rel="noopen noreferer">
      Public Link
    </a>
  </article>
  <article class="content-group">
    <div class="qr">
      @Html(qr)
    </div>
  </article>
</section>
<section>
  <article class="content-group">
    <h3>Edit Collection</h3>
  </article>
  <article class="content-group">
    <p class="subtitle"><a href="@state.edit_collection_path(collection_id, token)">Do not lose this link</a></p>
  </article>
  <article class="content-group">
    <form method="POST" action="@state.update_collection_path(collection_id, token)">
      @:text_input("title", Some("Collection Title"), Some(&collection.title), false)
      @:text_area("description", Some("Collection Description"), Some(&collection.description), false)
      <div class="button-group button-space">
        @:button("Update Collection", ButtonKind::Submit)
        @:button_link("Delete Collection", &state.delete_collection_path(collection_id, token, false),
        ButtonKind::Outline)
      </div>
    </form>
  </article>
  <ul>
    @for (i, (id, entry)) in entries.iter().enumerate() {
    <li class="content-group">
      <article>
        <div class="edit-row">
          <div class="edit-item">
            @:image(entry, state)
          </div>
          <div class="edit-item">
            <form method="POST" action="@state.update_entry_path(collection_id, *id, token)">
              @:text_input("title", Some("Image Title"), entry.title.as_deref(), entry.file_parts().is_none())
              @:text_area("description", Some("Image Description"), entry.description.as_deref(),
              entry.file_parts().is_none())
              @:text_input("link", Some("Image Link"), entry.link.as_ref().map(|l| l.as_str()),
              entry.file_parts().is_none())

              <div class="button-group button-space">
                @if let Some(upload_id) = entry.upload_id() {
                <input type="hidden" name="upload_id" value="@upload_id" />
                @:button_link("Refresh", &state.edit_collection_path(collection_id, token), ButtonKind::Submit)
                }
                @if let Some((filename, delete_token)) = entry.file_parts() {
                <input type="hidden" name="filename" value="@filename" />
                <input type="hidden" name="delete_token" value="@delete_token" />
                @:button("Update Image", ButtonKind::Submit)
                @:button_link("Delete Image", &state.delete_entry_path(collection_id, *id, token, false),
                ButtonKind::Outline)
                }
              </div>
              <div class="button-group button-space">
                @if i != 0 {
                @:button_link("Move Up", &state.move_entry_path(collection_id, *id, token, Direction::Up),
                ButtonKind::Outline)
                }

                @if (i + 1) != entries.len() {
                @:button_link("Move Down", &state.move_entry_path(collection_id, *id, token, Direction::Down),
                ButtonKind::Outline)
                }
              </div>
            </form>
          </div>
        </div>
      </article>
    </li>
    }
  </ul>
</section>
<section>
  <article>
    <form method="POST" action="@state.create_entry_path(collection_id, token)" enctype="multipart/form-data">
      <div class="content-group">
        <h3>
          <legend>Add Image</legend>
        </h3>
      </div>
      <div class="content-group" id="file-input-container">
        <div class="button-group">
          @:file_input("images[]", Some("Select Image"), Some(crate::accept()), false)
        </div>
        <div class="button-group button-space">
          @:button("Upload", ButtonKind::Submit)
        </div>
      </div>
    </form>
  </article>
</section>
@:return_home(state)
})