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

{% block content %}
<div class="pane">
  <div class="panel">
    <div class="panel-h"><h2>All projects</h2><span class="mono act">{{ projects|length }} total</span></div>
    <div style="overflow:auto"><table>
      <tr><th>Project</th><th>Type</th><th>Status</th><th>Progress</th><th>Payment</th><th></th></tr>
      {% for p in projects %}
      <tr class="click">
        <td><a href="{% url 'client_project' p.slug %}">{{ p.name }}</a><div class="mono">{{ p.reference }}</div></td>
        <td>{{ p.project_type }}</td>
        <td><span class="status {{ p.get_status_display|status_class }}">{{ p.get_status_display }}</span></td>
        <td style="min-width:150px"><div class="bar-row"><div class="bar"><i style="width:{{ p.progress }}%"></i></div><span>{{ p.progress }}%</span></div></td>
        <td><span class="status {{ p.payment_status|status_class }}">{{ p.payment_status }}</span></td>
        <td><a href="{% url 'client_project' p.slug %}" class="btn btn-sm">Open</a></td>
      </tr>
      {% empty %}<tr><td colspan="6" class="muted">No projects yet.</td></tr>{% endfor %}
    </table></div>
  </div>
</div>
{% endblock %}