{% extends "base.html" %}

{% block content %}
<main class="x xdc lg-xdr lg-xw">
  <header class="w100 copy-h tac">
    <h1>Error</h1>
  </header>
  <section class="w100 lg-w50 hg-w1200 mw-680px mla mra">
    <div class="pt1 pb1-7 copy">
      {{ data.error | md | safe }}
      <p class="pt1">↪ <a href="/checkout" aria-label="Go to Checkout">Back to cart</a>.</p>
    </div>

    {% if data.status_code == 422 %}
    <form action="/cart/clear" method="POST">
      <p class="copy">
	Clear your previous order before proceeding with a new one:
	<button type="submit fgc-cyan">Clear Order</button>
      </p>
      <input type="hidden" name="csrftoken" value="{{ request.scope.csrftoken() }}">
    </form>
    {% endif %}
  </section>
</main>

{% endblock %}