<div class="ecp-component ecp_OrderPayThankYou">
  <h2>{message:OrderPayThankYou/Title}</h2>
  <div class="ecp-html-content">{message:OrderPayThankYou/Note_template}</div>
  <div class="ecp-section">
    <h3>{message:OrderPayThankYou/OrderSummaryTitle}</h3>
    <div class="ecp-grid" role="table">
      <div class="ecp-grid-row ecp-clearfix" role="row">
        <span class="ecp-grid-col-6" role="rowheader">{message:OrderPayThankYou/OrderID}</span>
        <span class="ecp-grid-col-6" role="cell">{message:order_id}</span>
      </div>
      <div class="ecp-grid-row ecp-clearfix" role="row">
        <span class="ecp-grid-col-6" role="rowheader">{message:OrderPayThankYou/Total}</span>
        <span class="ecp-grid-col-6" 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:OrderPayThankYou/ViewButton}</button>
  </form>
</div>