{% extends "base.html" %}
{% block title %}{{ title }}{% endblock %}
{% block content %}
<h1>{{ title }}</h1>
<div class="grid2">
  <section class="card">
    <h2>Загрузить</h2>
    <form hx-post="/{{ area }}/upload" hx-encoding="multipart/form-data">
      <label>Файл или zip-архив
        <input type="file" name="file" required
               accept="{{ '.yml,.yaml,.ini,.zip,.json,.txt' if area == 'inventories' else '.yml,.yaml,.zip' }}"></label>
      <label>Имя (по умолчанию — имя файла) <input name="name" pattern="[A-Za-z0-9][A-Za-z0-9._\-]*" maxlength="64"></label>
      <label class="check"><input type="checkbox" name="replace" value="true"> заменить, если существует</label>
      <button class="primary">Загрузить</button>
      <p class="muted small">
        {% if area == 'inventories' %}Один файл (INI/YAML) или zip с hosts, group_vars/, host_vars/.
        {% else %}Один playbook или zip-проект (roles/, templates/, requirements.yml, ansible.cfg).{% endif %}
      </p>
    </form>
  </section>
  <section class="card">
    <h2>Создать пустой</h2>
    <form hx-post="/{{ area }}/create">
      <label>Имя <input name="name" required pattern="[A-Za-z0-9][A-Za-z0-9._\-]*" maxlength="64"></label>
      <button>Создать</button>
    </form>
  </section>
</div>
<section class="card">
  {% if items %}
  <table class="table">
    <thead><tr><th>Имя</th><th>Файлов</th><th>Изменён</th></tr></thead>
    <tbody>
    {% for it in items %}
      <tr><td><a href="/{{ area }}/{{ it.name }}">{{ it.name }}</a></td><td>{{ it.files }}</td><td>{{ it.mtime|ts }}</td></tr>
    {% endfor %}
    </tbody>
  </table>
  {% else %}
  <p class="muted">Пока ничего не загружено.</p>
  {% endif %}
</section>
{% endblock %}