{% import '@SyliusShop/Common/Macro/messages.html.twig' as messages %}
{% import '@SyliusShop/Common/Macro/headers.html.twig' as headers %}
{% form_theme form '@SyliusShop/Form/theme.html.twig' %}
{% if not cart.empty %}
<div class="article-top cart-container pb-0 bg-grey">
<div class="max-container-5 px-0 py-1">
<div class=" py-2 py-md-3 mt-3">
<div class="etape-panier d-flex align-items-center justify-content-center">
<div class="etape-panier-bit active-step"> <h1 class="mb-0">Panier</h1> </div>
<div class="etape-panier-bit "> <span>IDENTIFICATION</span> </div>
<div class="etape-panier-bit "> <span>PAiement</span> </div>
<div class="etape-panier-bit last-etape"> <span>Confirmation</span>
</div>
</div>
{% set needAccesories = app_check_solar_kit_accessory(cart) %}
{% if needAccesories %}
<div class="alert alert-danger alert-dismissible fade show">
{{ 'app.cart.not_accessories_in_cart'|trans }}
</div>
{% endif %}
<div class="row mb-3 mb-md-5 pt-3 pt-md-4">
<div class="col-12 col-lg-8 mb-2 mb-md-4">
{% if arrayCheckerStock is defined %}
{{ sylius_template_event('sylius.shop.cart.items', {'cart': cart, 'form': form, 'arrayCheckerStock' : arrayCheckerStock}) }}
{% else %}
{{ sylius_template_event('sylius.shop.cart.items', {'cart': cart, 'form': form}) }}
{% endif %}
</div>
<div class="col-12 col-lg-4">
{{ sylius_template_event('sylius.shop.cart.summary', {'cart': cart}) }}
{% include '@SyliusShop/Cart/Summary/_header.html.twig' %}
</div>
</div>
</div>
</div>
</div>
<div class="px-md-2">
<div class="article-bottom pt-md-5 pt-4 mt-md-3 mt-2 pb-md-1 ">
<div class="max-container-5 px-0">
<div class="bloc-top-content text-center">
{{ sylius_template_event('sylius.shop.cart.suggestions', {'cart': cart}) }}
</div>
</div>
</div>
</div>
{% else %}
<div class="article-top cart-container">
<div class="max-container-5 px-0 py-1">
<div class=" py-2 py-md-3 mt-3">
<div class="etape-panier d-flex align-items-center justify-content-center">
<div class="etape-panier-bit active-step"> <h1 class="mb-0">Panier</h1> </div>
<div class="etape-panier-bit "> <span>IDENTIFICATION</span> </div>
<div class="etape-panier-bit "> <span>PAiement</span> </div>
<div class="etape-panier-bit last-etape"> <span>Confirmation</span>
</div>
</div>
<div class="bg-white p-2 p-md-3 mt-3">
<div class="max-content text-center">
<div class="d-inline-block">{{ messages.info('app.cart.no_devis') }}</div>
</div>
</div>
</div>
</div>
</div>
{% endif %}