{% 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="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">Upload file</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/new" enctype="multipart/form-data" class="row g-3">
          <input type="hidden" name="csrf_token" value="{{ form.csrf_token }}">
          <div class="col-12">
            <label class="form-label" for="upload-file">File</label>
            <input class="form-control" id="upload-file" name="file" type="file" required>
            <div class="form-text">Maximum upload size: {{ max_upload_size_display }}.</div>
          </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="Upload file", cancel_label="Cancel", cancel_href=repo_path ~ "/uploads" %}
              {% include "partials/form_actions.html" %}
            {% endwith %}
          </div>
        </form>
      </div>
    </div>
  </div>
{% endblock %}