<div class="">
<table class="w-full">
<thead>
<tr class="h-14 border-b border-brand text-left text-body-sm font-bold">
<th class="p-2 hidden md:table-cell">Nom</th>
<th class="p-2">Adresse</th>
<th class="p-2 hidden md:table-cell">Ville</th>
<th class="p-2 hidden md:table-cell">Pays</th>
<th class="p-2 text-center">Detail</th>
<th class="p-2"></th>
</tr>
</thead>
<tbody>
<tr class="h-14 border-b border-black/08 even:bg-neutral-50 text-body-sm">
<td class="p-2 hidden md:table-cell">Vincent Marie-Noëlle</td>
<td class="p-2">
<div>
19 rue François Bonvin
<span class="md:hidden">
<br>75015 Paris
<br>France
</span>
</div>
</td>
<td class="p-2 hidden md:table-cell">75015 Paris</td>
<td class="p-2 hidden md:table-cell">France</td>
<td class="p-2">
<div class="flex items-center justify-center">
<button type="button" class=" btn btn-dark btn-outline btn-size-md">
Editer
</button>
</div>
</td>
<td class="p-2">
<div class="flex items-center justify-center">
<button type="button" aria-label="Label text" class=" btn btn-dark btn-simple btn-size-md btn-only-icon">
<svg class=" shrink-0" width="24" height="24" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg>
</button>
</div>
</td>
</tr>
<tr class="h-14 border-b border-black/08 even:bg-neutral-50 text-body-sm">
<td class="p-2 hidden md:table-cell">Vincent Marie-Noëlle</td>
<td class="p-2">
<div>
32 Avenue des Vespins
<span class="md:hidden">
<br>06800 Cagnes-sur-Mer
<br>France
</span>
</div>
</td>
<td class="p-2 hidden md:table-cell">06800 Cagnes-sur-Mer</td>
<td class="p-2 hidden md:table-cell">France</td>
<td class="p-2">
<div class="flex items-center justify-center">
<button type="button" class=" btn btn-dark btn-outline btn-size-md">
Editer
</button>
</div>
</td>
<td class="p-2">
<div class="flex items-center justify-center">
<button type="button" aria-label="Label text" class=" btn btn-dark btn-simple btn-size-md btn-only-icon">
<svg class=" shrink-0" width="24" height="24" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg>
</button>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="">
{% embed '@template-address-table-header' %}
{% block yield %}
{% for address_item in address_items %}
{% render '@address-item' with address_item %}
{% endfor %}
{% endblock %}
{% endembed %}
</div>
{
"address_items": [
{
"name": "Vincent Marie-Noëlle",
"address": "19 rue François Bonvin",
"city": "75015 Paris",
"country": "France"
},
{
"name": "Vincent Marie-Noëlle",
"address": "32 Avenue des Vespins",
"city": "06800 Cagnes-sur-Mer",
"country": "France"
}
]
}
No notes defined.