{% set langue = locale ?? app.request.locale %}
<div id="apercu_sejour">
<div class="title-div">
{#<h4>{% trans into langue ?: "fr_fr" %}Aperçu de votre séjour{% endtrans %}</h4>#}
<h4>{{ 'Aperçu de votre séjour'|trans({'deepl': true}, null, langue) }}</h4>
</div>
<table class="table" style="font-size: 20.8px !important; width: 100%;">
<thead>
<tr>
<th class="align-middle" scope="col" style="text-align: left !important; width: 25% !important;">
<span class="bold-th">{{ 'Date'|trans({"deepl": true}, null, app.request.locale) }}</span>
</th>
<th class="align-middle" scope="col" style="text-align: left !important; width: 41% !important;padding: 0 2% !important;">
<span class="bold-th">{{ 'Etape / Activité(s)'|trans({"deepl": true}, null, app.request.locale) }}</span>
</th>
<th class="align-middle" scope="col" style="text-align: left !important; width: 30% !important;">
<span class="bold-th">{{ 'Hébergement'|trans({"deepl": true}, null, app.request.locale) }}</span>
</th>
</tr>
</thead>
<tbody>
{% for item in liste %}
<tr scope="row" style="border-bottom-color: rgb(194, 198, 202) !important">
<td class="align-top">
<b>{{ item.date_jour }}</b>
</td>
<td class="align-top" style="padding: 0 2% !important;">
{{ item.activites|raw }}
</td>
<td class="align-top">
{{ item.hebergements|raw }}
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>