{% extends "base.html" %}
{% set proprio = owner.id == g.user.id %}
{% block title %}{{ 'I miei documenti' if proprio else owner.nome }}{% endblock %}
{% block content %}
{% if not proprio %}
<div class="spazio-altrui">
  <span>Stai lavorando nello spazio di <strong>{{ owner.nome }}</strong>. Ogni operazione viene registrata a tuo nome.</span>
  <a href="{{ url_for('spazi') }}">Torna agli spazi del personale</a>
</div>
{% endif %}

<div class="intestazione">
  <nav class="briciole" aria-label="Percorso">
    <a href="{{ url_for('browse', uid=owner.id) }}">{{ 'I miei documenti' if proprio else owner.nome }}</a>
    {% for c in crumbs %}
      <span class="sep" aria-hidden="true">/</span>
      {% if loop.last %}<span aria-current="page">{{ c.name }}</span>
      {% else %}<a href="{{ url_for('browse', uid=owner.id, rel=c.rel) }}">{{ c.name }}</a>{% endif %}
    {% endfor %}
  </nav>
  <form class="cerca" method="get" action="{{ url_for('browse', uid=owner.id, rel=rel) }}">
    <input type="search" name="q" value="{{ q }}" placeholder="Cerca per nome in questa cartella" aria-label="Cerca">
    <button type="submit">Cerca</button>
  </form>
</div>

<section class="strumenti">
  <form class="carica" method="post" enctype="multipart/form-data" action="{{ url_for('upload', uid=owner.id) }}" data-dropzone>
    <input type="hidden" name="_csrf" value="{{ csrf_token() }}">
    <input type="hidden" name="path" value="{{ rel }}">
    <label class="area-rilascio">
      <input type="file" name="files" multiple required data-autosubmit>
      <span class="area-testo">Trascina qui i file da caricare oppure <u>sceglili dal computer</u></span>
      <span class="area-attesa">Caricamento in corso…</span>
    </label>
    <noscript><button class="primario" type="submit">Carica</button></noscript>
  </form>
  <form class="nuova-cartella" method="post" action="{{ url_for('mkdir', uid=owner.id) }}">
    <input type="hidden" name="_csrf" value="{{ csrf_token() }}">
    <input type="hidden" name="path" value="{{ rel }}">
    <input name="nome" placeholder="Nome della nuova cartella" required aria-label="Nome della nuova cartella">
    <button type="submit">Crea cartella</button>
  </form>
</section>

{% if q %}
<p class="nota">{{ entries|length }} risultat{{ 'o' if entries|length == 1 else 'i' }} per «{{ q }}».
  <a href="{{ url_for('browse', uid=owner.id, rel=rel) }}">Annulla la ricerca</a></p>
{% endif %}

{% if entries %}
<div class="tabella-scorrevole">
<table class="elenco">
  <thead>
    <tr><th>Nome</th><th class="num">Dimensione</th><th>Ultima modifica</th><th class="col-azioni"><span class="sr">Azioni</span></th></tr>
  </thead>
  <tbody>
  {% for e in entries %}
    <tr>
      <td class="nome">
        {% if e.is_dir %}
          <a class="voce voce-cartella" href="{{ url_for('browse', uid=owner.id, rel=e.rel) }}">{{ e.name }}</a>
        {% else %}
          <a class="voce voce-file" href="{{ url_for('download', uid=owner.id, rel=e.rel, inline=1 if e.inline else None) }}"
             {% if e.inline %}target="_blank" rel="noopener"{% endif %}>{{ e.name }}</a>
        {% endif %}
        {% if q %}<span class="dove">in {{ e.parent }}</span>{% endif %}
      </td>
      <td class="num">{% if not e.is_dir %}{{ e.size|dimensione }}{% endif %}</td>
      <td class="data">{{ e.mtime }}</td>
      <td class="col-azioni">
        <details class="menu-azioni">
          <summary>Azioni</summary>
          <div class="pannello">
            {% if not e.is_dir %}
              <a href="{{ url_for('download', uid=owner.id, rel=e.rel) }}">Scarica</a>
              {% if e.editable %}<a href="{{ url_for('edit', uid=owner.id, rel=e.rel) }}">Modifica il testo</a>{% endif %}
              <a href="{{ url_for('versions', uid=owner.id, rel=e.rel) }}">Versioni precedenti</a>
              <form method="post" enctype="multipart/form-data" action="{{ url_for('replace', uid=owner.id) }}">
                <input type="hidden" name="_csrf" value="{{ csrf_token() }}">
                <input type="hidden" name="path" value="{{ e.rel }}">
                <label class="sostituisci">Carica nuova versione
                  <input type="file" name="file" required data-autosubmit>
                </label>
              </form>
            {% endif %}
            <form class="rinomina" method="post" action="{{ url_for('rename', uid=owner.id) }}">
              <input type="hidden" name="_csrf" value="{{ csrf_token() }}">
              <input type="hidden" name="path" value="{{ e.rel }}">
              <input name="nuovo_nome" value="{{ e.name }}" required aria-label="Nuovo nome">
              <button type="submit">Rinomina</button>
            </form>
            <form method="post" action="{{ url_for('delete', uid=owner.id) }}"
                  data-confirm="Spostare «{{ e.name }}» nel cestino?{{ ' Verrà spostato anche tutto il contenuto della cartella.' if e.is_dir }}">
              <input type="hidden" name="_csrf" value="{{ csrf_token() }}">
              <input type="hidden" name="path" value="{{ e.rel }}">
              <button class="pericolo" type="submit">Elimina</button>
            </form>
          </div>
        </details>
      </td>
    </tr>
  {% endfor %}
  </tbody>
</table>
</div>
{% else %}
<div class="vuoto">
  {% if q %}Nessun file o cartella contiene «{{ q }}» nel nome.
  {% else %}Questa cartella è vuota. Trascina dei file nell'area qui sopra per caricarli, oppure crea una sottocartella.{% endif %}
</div>
{% endif %}
{% endblock %}