{{ header }}
<div class="breadcrumb">
  <div class="container">
    <h1>{{ heading_title }}</h1>
  </div>
</div>
<div id="quick-checkout-connect" class="container">
  <div class="row">{{ column_left }}
    {% if column_left and column_right %}
    {% set class = 'col-sm-6' %}
    {% elseif column_left or column_right %}
    {% set class = 'col-sm-9' %}
    {% else %}
    {% set class = 'col-sm-12' %}
    {% endif %}
    <div id="content" class="{{ class }}">{{ content_top }}
      <div class="row">
        <div class="col-md-offset-3 col-md-6">
          <div class="quick-checkout-connect-wrapper">
            <div class="order-info">
              <i class="fa fa-check-circle" aria-hidden="true"></i>
              <h2>{{ text_success }}</h2>
              <ul class="list-unstyled">
                <li><strong>{{ column_order_id }}</strong>{{ order_id }}</li>
                <li><strong>{{ column_total }}</strong>{{ total }}</li>
                {% if shipping_method %}
                <li><strong>{{ column_shipping_method }}</strong>{{ shipping_method }}</li>
                {% endif %}
                <li><strong>{{ column_payment_method }}</strong>{{ payment_method }}</li>
              </ul>
            </div>
            {% if payment_view %}
            <div id="payment-confirm-wrapper">
              <hr>
              <p class="text-center"><strong>{{ text_note }}</strong></p>
              <hr>
              {{ payment_view }}
            </div>
            {% endif %}
          </div>
        </div>
      </div>
      {{ content_bottom }}</div>
    {{ column_right }}</div>
</div>
{{ footer }}
