{% extends "base.html" %}
{% set active_page = "fileshare" %}
{% block page_title %}Dateifreigaben{% endblock %}
{% block page_sub %}<div class="topbar-sub">{{ selected_share }}{% if rel_path %} / {{ rel_path }}{% endif %}</div>{% endblock %}

{% block content %}

<div class="section-head">
  <div>
    <h2 style="font-size:16px;">Dateifreigaben</h2>
    <div class="hint">Freigaben je nach AD-Gruppenmitgliedschaft für diese Sitzung gemountet — wird beim Abmelden wieder ausgehängt.</div>
  </div>
  {% if shares|length > 1 %}
  <div class="flex gap-2" style="align-items:center;">
    <label for="shareSelect" class="text-faint" style="font-size:12.5px; font-weight:600;">Freigabe:</label>
    <select id="shareSelect" onchange="window.location.href='{{ url_for('fileshare') }}?share=' + encodeURIComponent(this.value);">
      {% for s in shares %}
      <option value="{{ s }}" {% if s == selected_share %}selected{% endif %}>{{ s }}</option>
      {% endfor %}
    </select>
  </div>
  {% endif %}
</div>

<div class="flex gap-2" style="align-items:center; margin-bottom:14px; flex-wrap:wrap;">
  <a href="{{ url_for('fileshare', share=selected_share) }}" class="mono" style="font-size:13px; font-weight:600;">{{ selected_share }}</a>
  {% for b in breadcrumbs %}
  <span class="text-faint">/</span>
  <a href="{{ url_for('fileshare', share=selected_share, path=b.path) }}" class="mono" style="font-size:13px;">{{ b.name }}</a>
  {% endfor %}
</div>

<div class="table-wrap" style="margin-bottom:16px;">
  <div class="table-toolbar">
    <div class="search-input">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="M21 21l-4.35-4.35"/></svg>
      <input type="text" id="fileSearch" placeholder="Datei/Ordner suchen..." oninput="filterTable('fileSearch', 'fileTable')">
    </div>
    <div class="flex gap-2">
      {% if can_create %}
      <button type="button" class="btn btn-secondary btn-sm" data-open-modal="mkdirModal">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2z"/><path d="M12 11v4M10 13h4"/></svg>
        Neuer Ordner
      </button>
      <button type="button" class="btn btn-primary btn-sm" data-open-modal="uploadModal">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/><path d="M17 8l-5-5-5 5"/><path d="M12 3v12"/></svg>
        Hochladen
      </button>
      {% endif %}
    </div>
  </div>

  {% if entries %}
  <div style="overflow-x:auto;">
  <table class="data-table" id="fileTable" data-sortable>
    <thead><tr>
      <th data-sort-key="name">Name</th>
      <th data-sort-key="size">Größe</th>
      <th data-sort-key="mtime">Geändert</th>
      <th style="width:1%;">Aktionen</th>
    </tr></thead>
    <tbody>
      {% for e in entries %}
      <tr data-sort-name="{{ e.name|lower }}" data-sort-size="{{ 0 if e.is_dir else e.size_str }}" data-sort-mtime="{{ e.mtime_str }}">
        <td class="cell-name">
          {% if e.is_dir %}
          <a href="{{ url_for('fileshare', share=selected_share, path=(rel_path ~ '/' ~ e.name) if rel_path else e.name) }}">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:15px; height:15px; margin-right:6px; vertical-align:-2px; color:var(--accent);"><path d="M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2z"/></svg>
            {{ e.name }}
          </a>
          {% else %}
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:15px; height:15px; margin-right:6px; vertical-align:-2px; color:var(--text-faint);"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><path d="M14 2v6h6"/></svg>
          {{ e.name }}
          {% endif %}
        </td>
        <td class="text-faint">{{ e.size_str }}</td>
        <td class="text-faint">{{ e.mtime_str }}</td>
        <td>
          <div class="row-actions">
            {% if not e.is_dir %}
            <a class="icon-btn" title="Herunterladen" href="{{ url_for('fileshare_download', share=selected_share, path=(rel_path ~ '/' ~ e.name) if rel_path else e.name) }}">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/><path d="M7 10l5 5 5-5"/><path d="M12 15V3"/></svg>
            </a>
            {% endif %}
            {% if can_edit %}
            <button type="button" class="icon-btn" title="Umbenennen" onclick="openRenameModal('{{ e.name|e }}')">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z"/></svg>
            </button>
            <form method="post" action="{{ url_for('fileshare_delete') }}" data-confirm="„{{ e.name }}“ wirklich endgültig löschen?">
              <input type="hidden" name="share" value="{{ selected_share }}">
              <input type="hidden" name="path" value="{{ rel_path }}">
              <input type="hidden" name="name" value="{{ e.name }}">
              <button type="submit" class="icon-btn" style="color:var(--danger);" title="Löschen">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18M8 6V4a2 2 0 012-2h4a2 2 0 012 2v2m3 0l-1 14a2 2 0 01-2 2H7a2 2 0 01-2-2L4 6"/></svg>
              </button>
            </form>
            {% endif %}
          </div>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  </div>
  {% else %}
  <div style="padding:40px 16px; text-align:center; color:var(--text-faint);">Dieser Ordner ist leer.</div>
  {% endif %}
</div>

{% if can_create %}
<div class="modal-overlay" id="uploadModal">
  <div class="modal">
    <form method="post" action="{{ url_for('fileshare_upload') }}" enctype="multipart/form-data">
      <input type="hidden" name="share" value="{{ selected_share }}">
      <input type="hidden" name="path" value="{{ rel_path }}">
      <div class="modal-header">
        <h3>Datei hochladen</h3>
        <button type="button" class="modal-close" data-close-modal>&times;</button>
      </div>
      <div class="modal-body">
        <div class="field">
          <label>Datei</label>
          <input type="file" name="file" required>
        </div>
        <div class="field-hint">Wird in „{{ selected_share }}{% if rel_path %} / {{ rel_path }}{% endif %}“ hochgeladen. Eine bereits vorhandene Datei gleichen Namens wird überschrieben.</div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-close-modal>Abbrechen</button>
        <button type="submit" class="btn btn-primary">Hochladen</button>
      </div>
    </form>
  </div>
</div>

<div class="modal-overlay" id="mkdirModal">
  <div class="modal">
    <form method="post" action="{{ url_for('fileshare_mkdir') }}">
      <input type="hidden" name="share" value="{{ selected_share }}">
      <input type="hidden" name="path" value="{{ rel_path }}">
      <div class="modal-header">
        <h3>Neuer Ordner</h3>
        <button type="button" class="modal-close" data-close-modal>&times;</button>
      </div>
      <div class="modal-body">
        <div class="field">
          <label>Ordnername</label>
          <input type="text" name="name" required autofocus>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-close-modal>Abbrechen</button>
        <button type="submit" class="btn btn-primary">Anlegen</button>
      </div>
    </form>
  </div>
</div>
{% endif %}

{% if can_edit %}
<div class="modal-overlay" id="renameModal">
  <div class="modal">
    <form method="post" action="{{ url_for('fileshare_rename') }}">
      <input type="hidden" name="share" value="{{ selected_share }}">
      <input type="hidden" name="path" value="{{ rel_path }}">
      <input type="hidden" name="old_name" id="renameOldName">
      <div class="modal-header">
        <h3>Umbenennen</h3>
        <button type="button" class="modal-close" data-close-modal>&times;</button>
      </div>
      <div class="modal-body">
        <div class="field">
          <label>Neuer Name</label>
          <input type="text" name="new_name" id="renameNewName" required>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-close-modal>Abbrechen</button>
        <button type="submit" class="btn btn-primary">Umbenennen</button>
      </div>
    </form>
  </div>
</div>
{% endif %}

{% endblock %}

{% block scripts %}
<script>
function openRenameModal(name) {
    document.getElementById("renameOldName").value = name;
    document.getElementById("renameNewName").value = name;
    PoeUI.openModal("renameModal");
}

function filterTable(inputId, tableId) {
    const q = document.getElementById(inputId).value.trim().toLowerCase();
    document.querySelectorAll(`#${tableId} tbody tr`).forEach(row => {
        if (row.classList.contains("empty-row")) return;
        row.style.display = row.innerText.toLowerCase().includes(q) ? "" : "none";
    });
}
</script>
{% endblock %}