{% extends "client/base.html" %}
{% block title %}Files — client portal{% endblock %}
{% block heading %}Files{% endblock %}

{% block content %}
<div class="pane">
  <p class="muted" style="margin-bottom:22px">Everything shared on your projects. Only your files are visible here.</p>
  {% for p in projects %}
  <div class="panel">
    <div class="panel-h"><h2>{{ 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></th></tr>
      {% for f in p.files.all %}{% if f.client_visible %}
      <tr><td>{{ f.name }}</td><td>{{ f.get_folder_display }}</td><td>{{ f.uploaded_at|date:"j M Y" }}</td>
        <td><a href="{{ f.file.url }}" class="btn btn-sm">Download</a></td></tr>
      {% endif %}{% empty %}
      <tr><td colspan="4" class="muted">Nothing shared on this project yet.</td></tr>{% endfor %}
    </table></div>
  </div>
  {% empty %}
  <div class="panel"><div class="panel-b empty"><h3>No files yet</h3>
    <p>Designs, documents and deliverables appear here as the project moves.</p></div></div>
  {% endfor %}
</div>
{% endblock %}