{% extends "base.html" %}
{% block title %}{{ project.project_number }}{% endblock %}
{% block page_class %}{{ 'has-sticky-pay' if project.balance_cents > 0 else '' }}{% endblock %}
{% block content %}
  {% if public_logo_url %}
    <div class="public-logo">
      <img src="{{ public_logo_url }}" alt="{{ public_logo_alt }}">
    </div>
  {% endif %}
  <div class="header-row">
    <div>
      <div class="title-line">
        <h1>Project for {{ project.customer_name }}</h1>
      </div>
      <p class="muted">{{ project.project_number }}</p>
    </div>
  </div>

  {% if checkout_state == "return" %}
    <div class="alert ok">Thank you for your payment!</div>
  {% elif checkout_state == "cancel" %}
    <div class="alert info">Checkout was canceled.</div>
  {% endif %}
  {% if error %}
    <div class="alert error">{{ error }}</div>
  {% endif %}

  {% include "_invoice_line_items.html" %}

  {% if project.scope_terms %}
  <section class="section">
    <h2>Terms and Scope</h2>
      <div class="prewrap">{{ project.scope_terms|star_emphasis }}</div>
  </section>
  {% endif %}

  {% if project.balance_cents > 0 %}
    <form class="sticky-pay" method="post" action="/pay/{{ project.share_token }}">
      <div class="sticky-pay-inner">
        <button type="submit">Make a Payment</button>
      </div>
    </form>
  {% endif %}
{% endblock %}