{{ header }}
{% if journal3.get('pageTitlePosition') == 'top' %}
  <h1 class="title page-title {{ journal3.get('title_color_scheme') }}"><span class="page-title-text">{{ heading_title }}</span></h1>
{% endif %}
<div class="breadcrumbs {{ journal3.get('breadcrumbs_color_scheme') }}">
  <ul class="breadcrumb">
    {% for breadcrumb in breadcrumbs %}
      <li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
    {% endfor %}
  </ul>
</div>
{{ journal3_top }}
<div class="container">
  {% if error_warning %}
  <div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> {{ error_warning }}
    <button type="button" class="close" data-dismiss="alert">&times;</button>
  </div>
  {% endif %}
  <div class="row">{{ column_left }}
    <div id="content">
      {% if journal3.get('pageTitlePosition') == 'default' %}
        <h1 class="title page-title {{ journal3.get('title_color_scheme') }}">{{ heading_title }}</h1>
      {% endif %}
      {{ content_top }}
      <div class="quick-checkout-wrapper">
        <div class="quick-checkout">
          <div class="journal-loading"><em class="fa fa-spinner fa-spin"></em></div>
        </div>
      </div>
      {{ content_bottom }}</div>
    {{ column_right }}</div>
</div>
<template id="quick-checkout">
  <div v-bind:class="[(account === '') && !customer_id ? 'login-active' : '']">
      <div class="left">
        <form>
        {{ login_block }}

        {{ register_block }}

        {{ payment_address_block }}

        {{ shipping_address_block }}
        </form>
      </div>

      <div class="right">

        <div class="checkout-section shipping-payment">
          {{ shipping_method_block }}

          {{ payment_method_block }}
        </div>

        {{ coupon_voucher_reward_block }}

        {{ cart_block }}

        <div class="checkout-section checkout-payment-details" v-bind:class="[order_data.payment_method ? 'payment-' + order_data.payment_code : '']">
          <div class="title section-title">{{ journal3.get('sectionTitlePaymentDetails') }}</div>
          <div class="quick-checkout-payment">
            <div class="journal-loading-overlay">
              <div class="journal-loading"><em class="fa fa-spinner fa-spin"></em></div>
            </div>
          </div>
        </div>

        {{ confirm_block }}
      </div>

  </div>
</template>
<script>window['_QuickCheckoutData'] = {{ checkout_data|json_encode }};</script>
{{ md_google_recaptcha_v3 }}
{{ footer }}
