{% extends "adminpanel/base.html" %}
{% block title %}Files — admin{% endblock %}
{% block heading %}Files{% endblock %}

{% block content %}
<div class="pane">
  <form class="toolbar" method="get">
    <select name="client" style="max-width:260px" onchange="this.form.submit()">
      <option value="">All clients</option>
      {% for c in clients %}<option value="{{ c.pk }}" {% if active_client == c.pk|stringformat:"s" %}selected{% endif %}>{{ c.company|default:c.full_name }}</option>{% endfor %}
    </select>
    <div class="right"><a href="{% url 'admin_projects' %}" class="btn btn-sm btn-primary">Upload on a project</a></div>
  </form>

  <div class="warnbox">Client accounts only see files marked shared under their own projects. Contracts and internal notes stay private to you.</div>

  {% for p in projects %}
  <div class="panel">
    <div class="panel-h"><h2>{{ p.client }} — {{ p.name }}</h2><span class="mono act">{{ p.reference }}</span></div>
    <div style="overflow:auto"><table>
      <tr><th>File</th><th>Folder</th><th>Added</th><th>Visible to client</th><th></th></tr>
      {% for f in p.files.all %}
      <tr><td>{{ f.name }}</td><td>{{ f.get_folder_display }}</td><td>{{ f.uploaded_at|date:"j M Y" }}</td>
        <td><span class="status {% if f.client_visible %}s-online{% else %}s-lost{% endif %}">{% if f.client_visible %}Shared{% else %}Private{% endif %}</span></td>
        <td><a href="{{ f.file.url }}" class="btn btn-sm">Open</a></td></tr>
      {% empty %}<tr><td colspan="5" class="muted">No files on this project.</td></tr>{% endfor %}
    </table></div>
  </div>
  {% empty %}
  <div class="panel"><div class="panel-b empty"><h3>No projects for that client</h3>
    <p>Pick another client or create a project first.</p></div></div>
  {% endfor %}
</div>
{% endblock %}