{% sw_extends '@Storefront/storefront/base.html.twig' %}
{% block base_navigation_inner %}{% endblock %}
{% block base_content %}
{% block page_checkout %}
<div class="row">
{% block page_checkout_main %}
<div class="col-12">
{% block page_checkout_steps %}
{% sw_include "@Storefront/storefront/component/creative/checkout/steps.html.twig" with {
steps: page.steps,
stepIndex: page.stepIndex
} %}
{% endblock %}
</div>
<div class="col-12 mt-4 mb-2">
{% block page_checkout_title %}
{% endblock %}
{% block base_flashbags_checkout %}
<div class="flashbags">
{% for type, messages in app.flashes %}
{% sw_include '@Storefront/storefront/utilities/alert.html.twig' with { type: type, list: messages } %}
{% endfor %}
</div>
{% endblock %}
{% block base_cart_errors_checkout %}
{% sw_include "@Storefront/storefront/component/checkout/cart-alerts.html.twig" %}
{% endblock %}
</div>
<div class="col-12 col-md-8 col-lg-8">
{% block page_checkout_content %}
content goes here
{% endblock %}
</div>
<div class="col-12 col-md-4 col-lg-4">
{% block page_checkout_sidebar %}
<div class="checkout-sidebar-summary">
<div class="card card-checkout-card">
<div class="card-body with-spinner checkout-sidebar-summary-summary-body pb-0">
{% block page_checkout_sidebar_summary %}
{% sw_include "@Storefront/storefront/component/creative/checkout/summary.html.twig" %}
{% endblock %}
<div class="spinner"></div>
</div>
<div class="card-body checkout-sidebar-summary-summary-actions pt-0">
<div class="checkout-sidebar-actions mt-4">
{% block page_checkout_sidebar_actions %}
{% endblock %}
</div>
</div>
</div>
</div>
{% endblock %}
</div>
{% endblock %}
</div>
{% endblock %}
{% endblock %}