{% extends "base.html" %}

{% block content %}
<main class="x xdc md-xdr md-xw">
  <header class="w100 copy-h tac">
    <h1>Order checkout</h1>
  </header>
  <section class="w100 bdb-dark-red pt4-25 pr0-85 pb4-25 pl0-85 copy ff-mono">
    <div class="mw-680px mla mra">
      <p class="pb1">Thanks for your order.</p>
      <p class="pb1">An email confirmation has been sent to <em>{{ data.customer_email }}</em>. It might take a few minutes to reach your inbox.</p>
      
      <p><span><strong>Order number</strong></span> <span>{{ data.order_id }}</span></p>
    </div>
  </section>
</main>
{% endblock %}