{% extends base_layout() %}
{% block content %}
<div class="container mb-5">
<div class="row mb-3">
<div class="col-12">
<h1 class="text-center mb-5">
<span class="heading-line primary">
{{ 'Winkelmandje' | trans }}
</span>
</h1>
</div>
</div>
{% if cartItems is defined %}
<div>
{% for cartItem in cartItems %}
{% include 'cart/item.html.twig' with {'amountIsEditable' : amountIsEditable} %}
{% endfor %}
<hr/>
<div class="row mb-3">
<div class="col-6 text-start">
<a href="#" id="clear_cart"><i class="fas fa-trash me-1"></i>{{ 'Empty Cart' | trans }}</a>
</div>
<div class="col-6 text-end">
<b>{{ 'Totaal (excl. verzending)' | trans }}</b> <span id="cartTotal">€{{ cartTotal }}</span>
</div>
</div>
</div>
{% if user is empty %}
<div class="row mt-5">
<div class="col text-center">
<p>{{ 'Log in of maak een account om de bestelling af te ronden.'|trans }}</p>
<a href="{{ path("login-page") }}" class="btn btn-primary me-3">{{ 'Inloggen'|trans }}</a>
<a href="{{ path("signup-page") }}" class="btn btn-outline-primary">{{ 'Registreren'|trans }}</a>
</div>
</div>
{% else %}
<div class="row">
<div class="col-12 d-flex justify-content-center">
<a href="{{ path("cart-delivery") }}" class="btn btn-primary btn-lg">{{ 'Levering'|trans }}</a>
</div>
</div>
{% endif %}
{% else %}
<p>{{ 'Nog geen producten in het winkelkarretje, bekijk het aanbod om aan de slag te gaan.'|trans }}</p>
{% endif %}
<br/>
<br/>
</div>
{% endblock %}