{% extends 'base.html.twig' %}

{% block title %}Détail commande{% endblock %}

{% block body %}
	{% include "layouts/_go_to_order_list.html.twig" %}

	<div class="flex flex-wrap justify-between items-center mb-4">
		<h2 class="text-xl font-bold text-cyan-500">Détail de la commande n°{{ order.id }}</h2>
	</div>
	
	{% include "layouts/order/_detail_general.html.twig" %}
	{% include "layouts/order/_list_products.html.twig" %}
	{% include "layouts/order/delivery/_list_order_delivery_note.html.twig" %}

	<div class="lg:flex lg:gap-3">
		{% include "layouts/order/_detail_billing.html.twig" %}
		{% include "layouts/order/_detail_shipping.html.twig" %}
	</div>

	{# MODAL POUR LA GENERATION DU BL #}
	{% include "modal/delivery_note.html.twig" %}
{% endblock %}