{% for project in projects %}
  <a class="project-card" href="/project/{{ project.id }}">
    <div class="project-card-main">
      <div>
        <h2><span class="status {{ project.status }}">{{ project.status }}</span> {{ project.customer_name }}</h2>
        <div class="project-card-id">{{ project.project_number }}</div>
      </div>
      <div class="project-card-amount">
        {% if project.status == "paid" %}
          <span>Total</span>
          <strong>{{ project.total_cents|money(currency) }}</strong>
        {% else %}
          <span>Balance</span>
          <strong>{{ project.balance_cents|money(currency) }}</strong>
        {% endif %}
      </div>
    </div>
  </a>
{% else %}
  {% if page == 1 %}
    <div class="empty">No projects found.</div>
  {% endif %}
{% endfor %}
<span data-next-page="{{ page + 1 }}" data-has-more="{{ '1' if has_more else '0' }}" hidden></span>