<table class="w-full text-body-sm">
<thead>
<tr class="font-bold min-h-14 border-b border-brand-500">
<th class="p-2 text-left w-auto">N° Commande</th>
<th class="p-2 text-left w-auto">Date</th>
<th class="p-2 text-left w-auto hidden md:table-cell">Total</th>
<th class="p-2 text-left w-auto hidden md:table-cell">Statut</th>
<th class="p-2 text-center w-1">Détail</th>
</tr>
</thead>
<tbody>
<tr class="min-h-14 border-t first:border-t-0 border-black/08 even:bg-neutral-50">
<td class="p-2 text-left w-auto">N°12000000206</td>
<td class="p-2 text-left w-auto">07/04/2025</td>
<td class="p-2 text-left w-auto hidden md:table-cell">144,00 €</td>
<td class="p-2 text-left w-auto hidden md:table-cell">En cours</td>
<td class="p-2 text-left w-1">
<button class="m-2 btn btn-outline btn-size-sm btn-dark whitespace-nowrap !py-1 !px-2">VOIR</button>
</td>
</tr>
<tr class="min-h-14 border-t first:border-t-0 border-black/08 even:bg-neutral-50">
<td class="p-2 text-left w-auto">N°12000000206</td>
<td class="p-2 text-left w-auto">15/O1/2025</td>
<td class="p-2 text-left w-auto hidden md:table-cell">72,00 €</td>
<td class="p-2 text-left w-auto hidden md:table-cell">En attente</td>
<td class="p-2 text-left w-1">
<button class="m-2 btn btn-outline btn-size-sm btn-dark whitespace-nowrap !py-1 !px-2">VOIR</button>
</td>
</tr>
<tr class="min-h-14 border-t first:border-t-0 border-black/08 even:bg-neutral-50">
<td class="p-2 text-left w-auto">N°12000000206</td>
<td class="p-2 text-left w-auto">07/11/2024</td>
<td class="p-2 text-left w-auto hidden md:table-cell">95,50 €</td>
<td class="p-2 text-left w-auto hidden md:table-cell">Livré</td>
<td class="p-2 text-left w-1">
<button class="m-2 btn btn-outline btn-size-sm btn-dark whitespace-nowrap !py-1 !px-2">VOIR</button>
</td>
</tr>
<tr class="min-h-14 border-t first:border-t-0 border-black/08 even:bg-neutral-50">
<td class="p-2 text-left w-auto">N°12000000206</td>
<td class="p-2 text-left w-auto">07/11/2024</td>
<td class="p-2 text-left w-auto hidden md:table-cell">95,50 €</td>
<td class="p-2 text-left w-auto hidden md:table-cell">Livré</td>
<td class="p-2 text-left w-1">
<button class="m-2 btn btn-outline btn-size-sm btn-dark whitespace-nowrap !py-1 !px-2">VOIR</button>
</td>
</tr>
<tr class="min-h-14 border-t first:border-t-0 border-black/08 even:bg-neutral-50">
<td class="p-2 text-left w-auto">N°12000000206</td>
<td class="p-2 text-left w-auto">07/11/2024</td>
<td class="p-2 text-left w-auto hidden md:table-cell">95,50 €</td>
<td class="p-2 text-left w-auto hidden md:table-cell">Livré</td>
<td class="p-2 text-left w-1">
<button class="m-2 btn btn-outline btn-size-sm btn-dark whitespace-nowrap !py-1 !px-2">VOIR</button>
</td>
</tr>
<tr class="min-h-14 border-t first:border-t-0 border-black/08 even:bg-neutral-50">
<td class="p-2 text-left w-auto">N°12000000206</td>
<td class="p-2 text-left w-auto">07/11/2024</td>
<td class="p-2 text-left w-auto hidden md:table-cell">95,50 €</td>
<td class="p-2 text-left w-auto hidden md:table-cell">Livré</td>
<td class="p-2 text-left w-1">
<button class="m-2 btn btn-outline btn-size-sm btn-dark whitespace-nowrap !py-1 !px-2">VOIR</button>
</td>
</tr>
<tr class="min-h-14 border-t first:border-t-0 border-black/08 even:bg-neutral-50">
<td class="p-2 text-left w-auto">N°12000000206</td>
<td class="p-2 text-left w-auto">07/11/2024</td>
<td class="p-2 text-left w-auto hidden md:table-cell">95,50 €</td>
<td class="p-2 text-left w-auto hidden md:table-cell">Livré</td>
<td class="p-2 text-left w-1">
<button class="m-2 btn btn-outline btn-size-sm btn-dark whitespace-nowrap !py-1 !px-2">VOIR</button>
</td>
</tr>
<tr class="min-h-14 border-t first:border-t-0 border-black/08 even:bg-neutral-50">
<td class="p-2 text-left w-auto">N°12000000206</td>
<td class="p-2 text-left w-auto">07/11/2024</td>
<td class="p-2 text-left w-auto hidden md:table-cell">95,50 €</td>
<td class="p-2 text-left w-auto hidden md:table-cell">Livré</td>
<td class="p-2 text-left w-1">
<button class="m-2 btn btn-outline btn-size-sm btn-dark whitespace-nowrap !py-1 !px-2">VOIR</button>
</td>
</tr>
<tr class="min-h-14 border-t first:border-t-0 border-black/08 even:bg-neutral-50">
<td class="p-2 text-left w-auto">N°12000000206</td>
<td class="p-2 text-left w-auto">07/11/2024</td>
<td class="p-2 text-left w-auto hidden md:table-cell">95,50 €</td>
<td class="p-2 text-left w-auto hidden md:table-cell">Livré</td>
<td class="p-2 text-left w-1">
<button class="m-2 btn btn-outline btn-size-sm btn-dark whitespace-nowrap !py-1 !px-2">VOIR</button>
</td>
</tr>
<tr class="min-h-14 border-t first:border-t-0 border-black/08 even:bg-neutral-50">
<td class="p-2 text-left w-auto">N°12000000206</td>
<td class="p-2 text-left w-auto">07/11/2024</td>
<td class="p-2 text-left w-auto hidden md:table-cell">95,50 €</td>
<td class="p-2 text-left w-auto hidden md:table-cell">Livré</td>
<td class="p-2 text-left w-1">
<button class="m-2 btn btn-outline btn-size-sm btn-dark whitespace-nowrap !py-1 !px-2">VOIR</button>
</td>
</tr>
</tbody>
</table>
{% embed '@template-order-table-header' %}
{% block yield %}
{% for order_item in order_items %}
{% render '@order-item' with order_item %}
{% endfor %}
{% endblock %}
{% endembed %}
{
"order_items": [
{
"order_id": "N°12000000206",
"order_date": "07/04/2025",
"order_total": "144,00 €",
"order_status": "En cours"
},
{
"order_id": "N°12000000206",
"order_date": "15/O1/2025",
"order_total": "72,00 €",
"order_status": "En attente"
},
{
"order_id": "N°12000000206",
"order_date": "07/11/2024",
"order_total": "95,50 €",
"order_status": "Livré"
},
{
"order_id": "N°12000000206",
"order_date": "07/11/2024",
"order_total": "95,50 €",
"order_status": "Livré"
},
{
"order_id": "N°12000000206",
"order_date": "07/11/2024",
"order_total": "95,50 €",
"order_status": "Livré"
},
{
"order_id": "N°12000000206",
"order_date": "07/11/2024",
"order_total": "95,50 €",
"order_status": "Livré"
},
{
"order_id": "N°12000000206",
"order_date": "07/11/2024",
"order_total": "95,50 €",
"order_status": "Livré"
},
{
"order_id": "N°12000000206",
"order_date": "07/11/2024",
"order_total": "95,50 €",
"order_status": "Livré"
},
{
"order_id": "N°12000000206",
"order_date": "07/11/2024",
"order_total": "95,50 €",
"order_status": "Livré"
},
{
"order_id": "N°12000000206",
"order_date": "07/11/2024",
"order_total": "95,50 €",
"order_status": "Livré"
}
]
}
No notes defined.