{% extends '@SyliusShop/shared/layout/base.html.twig' %}

{% block body %}
    <div class="d-flex flex-column min-vh-100 overflow-hidden">
        <div class="bg-white border-bottom py-4">
            <div class="container">
                <div class="row align-items-center">
                    {% hook 'sylius_shop.checkout.common.header' with { order } %}
                </div>
            </div>
        </div>
        <div class="flex-grow-1 d-flex align-items-stretch">
            <div class="container">
                <div class="row h-100">
                    <div class="col pt-4 pb-5">
                        {% block content %}
                        {% endblock %}
                    </div>
                    {% block sidebar %}
                        <div class="col-12 col-lg-5 py-5 ps-lg-6 position-relative checkout-sidebar">
                            {% hook 'sylius_shop.checkout.common.sidebar' with { order } %}
                        </div>
                    {% endblock %}
                </div>
            </div>
        </div>
    </div>
{% endblock %}