{{ header }}
<div class="ftr-steps ftr-checkout-steps" data-info='{"logged": {{ (logged) ? logged : 'false' }}, "quickconfirm": {{ (quickconfirm) ? quickconfirm : 'false' }}, "google_recaptcha": {{ (google_recaptcha) ? google_recaptcha : 'false' }}}'>
  {% if not logged %}
    <div id="checkout" class="ftr-steps__step ftr-background--default">
      <div class="ftr-steps__content ftr-in-space--n">
        <div class="ftr-steps__inner"></div>
      </div>
    </div>
  {% endif %}
  {% if shipping_required %}
    <form id="shipping-address" class="ftr-steps__step js-address" action="index.php?route=checkout/shipping_address" method="post" autocomplete="off">
      <div class="ftr-steps__content">
        <div class="ftr-steps__inner"></div>
      </div>
    </form>
    <form id="shipping-method" class="ftr-steps__step" action="index.php?route=checkout/shipping_method" method="post" autocomplete="off">
      <div class="ftr-steps__content">
        <div class="ftr-steps__inner"></div>
      </div>
    </form>
  {% endif %}
  <form id="payment-method" class="ftr-steps__step" action="index.php?route=checkout/payment_method" method="post" autocomplete="off">
    <div class="ftr-steps__content">
      <div class="ftr-steps__inner"></div>
    </div>
  </form>
  <form id="checkout-confirm" class="ftr-steps__step ftr-background--default" action="index.php?route=checkout/confirm" method="post" autocomplete="off">
    <div class="ftr-steps__content ftr-in-space--n">
      <div class="ftr-steps__inner"></div>
    </div>
  </form>
</div>
{{ footer }}