patx/projectpay

<section class="line-items-section">
  <div class="invoice-line-list">
    {% for item in project.line_items %}
      <article class="invoice-line-card">
        <div class="invoice-line-description">{{ item.name|star_emphasis }}</div>
        <div class="invoice-line-amount">
          <strong>{{ item.amount_cents|money(currency) }}</strong>
        </div>
      </article>
    {% endfor %}

    <div class="invoice-summary">
      <div class="invoice-summary-row invoice-summary-total">
        <span>Total</span>
        <strong>{{ project.total_cents|money(currency) }}</strong>
      </div>
      {% if project.paid_cents > 0 %}
        <div class="invoice-summary-row">
          <span>Paid</span>
          <strong>{{ project.paid_cents|money(currency) }}</strong>
        </div>
        <div class="invoice-summary-row invoice-summary-total">
          <span>Balance</span>
          <strong>{{ project.balance_cents|money(currency) }}</strong>
        </div>
      {% endif %}
    </div>
  </div>
</section>