<div class="ecp-component ecp_CheckoutThankYou">
  <h2>{message:CheckoutThankYou/Title}</h2>
  <p class="ecp-summary">{message:CheckoutThankYou/Summary_template}</p>
  <div class="ecp-section">
    <h3 id="ecpi_summary_title">{message:CheckoutThankYou/OrderSummaryTitle}</h3>
    <div class="ecp-grid" role="table" aria-labelledby="ecpi_summary_title">
      <div class="ecp-grid-row ecp-clearfix" role="row">
        <span class="ecp-grid-col-4" role="rowheader">{message:CheckoutThankYou/OrderID}</span>
        <span class="ecp-grid-col-4" role="cell">{message:order_id}</span>
      </div>
      <div class="ecp-grid-row ecp-clearfix" role="row">
        <span class="ecp-grid-col-4" role="rowheader">{message:CheckoutThankYou/Total}</span>
        <span class="ecp-grid-col-4" role="cell">{currency:order_total}</span>
      </div>
    </div>
  </div>
  <form class="ecp-form" data-ecp-id="{message:order_id}">
    <button data-ecp-action="load-order">{message:CheckoutThankYou/ViewButton}</button>
  </form>
</div>