{% extends "base.html" %}

{% block content %}
  <div class="d-flex flex-column gap-3">
    <div class="d-flex flex-column flex-md-row align-items-md-center justify-content-between gap-3">
      {% include "partials/repo_heading.html" %}
      {% set repo_tab = "uploads" %}
      {% include "partials/repo_tabs.html" %}
    </div>

    <div class="row g-3 align-items-start">
      <div class="col-12 col-lg-7">
        <div class="card shadow-sm">
          <div class="card-body">
            <div class="d-flex flex-wrap align-items-center justify-content-between gap-2 mb-3">
              <div class="fw-semibold">Edit upload</div>
              <a class="btn btn-sm btn-outline-secondary" href="{{ repo_path }}/uploads">Back to uploads</a>
            </div>

            {% if form.form_error %}
              <div class="alert alert-danger py-2" role="alert">{{ form.form_error }}</div>
            {% endif %}

            <form method="post" action="{{ repo_path }}/uploads/{{ upload.uuid }}/update" class="row g-3">
              <input type="hidden" name="csrf_token" value="{{ form.csrf_token }}">
              <div class="col-12">
                <label class="form-label" for="upload-filename">Filename</label>
                <input class="form-control" id="upload-filename" type="text" value="{{ upload.filename }}" readonly>
              </div>
              <div class="col-12">
                <label class="form-label" for="upload-description">Description</label>
                <textarea class="form-control" id="upload-description" name="description" rows="4">{{ form.description }}</textarea>
              </div>
              <div class="col-12">
                {% with primary_label="Save changes", cancel_label="Cancel", cancel_href=repo_path ~ "/uploads" %}
                  {% include "partials/form_actions.html" %}
                {% endwith %}
              </div>
            </form>
          </div>
        </div>
      </div>

      <div class="col-12 col-lg-5">
        <div class="card shadow-sm">
          <div class="card-body">
            <div class="text-uppercase text-muted small fw-semibold mb-2">Upload details</div>
            <div class="d-flex align-items-center gap-2 mb-3">
              <span class="badge text-bg-secondary text-uppercase">{{ upload.content_type }}</span>
            </div>
            <dl class="mb-0">
              <dt class="text-muted small fw-semibold">Uploader</dt>
              <dd class="mb-2">
                {% with user_link_href = "/users/" ~ created_by.username, user_link_username = created_by.username, user_link_label = created_by.name | display_name(created_by.username), user_link_class = "text-decoration-none" %}
                  {% include "partials/hover_card_user_link.html" %}
                {% endwith %}
              </dd>
              <dt class="text-muted small fw-semibold">Size</dt>
              <dd class="mb-2">{{ form.size_label }}</dd>
              <dt class="text-muted small fw-semibold">Created</dt>
              <dd class="mb-2" title="{{ upload.created_at }}">{{ upload.created_at | humantime }}</dd>
              <dt class="text-muted small fw-semibold">Download</dt>
              <dd class="mb-0">
                <a href="{{ form.download_href }}">Download file</a>
              </dd>
            </dl>
          </div>
        </div>
      </div>
    </div>
  </div>
{% endblock %}