{% set compter = 0 %}

{% for item in reserves %}
	{% set compter  = compter + 1 %}

	<tr class="animate-fade-in-up" style='z-index:1;'>
		<td style='z-index:1;'>
			<span style="font-family: var(--font-display); font-weight: 600; font-size:0.82rem; color:var(--copper);">
				{{compter}}
			</span>
		</td>
		<td class="fw-medium" style='z-index:1;'>{{item.projet.nom}}</td>
		<td style="font-size:0.85rem;" style='z-index:1;'>{{item.gisement.nomGisement}}</td>
		<td>
			<div class="d-flex gap-1 flex-wrap">
				{% if item.gisement is not null %}
					{% if item.gisement.titreMinier is not null %}
						<span class="dashboard-badge" style="background: #f59e0b18; color: #d97706, borderColor:#f59e0b44;font-size: 0.75rem;">
							{{item.gisement.titreMinier ? item.gisement.titreMinier.libelle}}
						</span>
					{% endif %}
				{% endif %}
			</div>
		</td>
		<td>
			<div class="d-flex gap-1 flex-wrap">
				<span class="dashboard-badge" style="background: {{item.commodite.color}}18; color: {{item.commodite.color}}; borderColor:{{item.commodite.color}}44;font-size: 0.75rem;">
					{{item.commodite.nom}}
				</span>
			</div>
		</td>
		<td style="font-size:0.85rem;" style='z-index:1;'>{{item.typeReserve}}</td>
		<td style="font-size:0.85rem;" style='z-index:1;'>{{item.extractible}}</td>
		<td style="font-size:0.85rem;" style='z-index:1;'>{{item.tonnage~' '~item.commodite.filiere.unite}}</td>
		<td style="font-size:0.85rem;" style='z-index:1;'>{{item.teneurMetal}}%</td>
		<td style="font-size:0.85rem;" style='z-index:1;'>{{item.dateReserve ? item.dateReserve|date('d/m/Y') : ""}}</td>
	</tr>
{% else %}
	<tr>
		<td colspan="10" class="text-center py-5 text-muted-mine">
			Aucune réserve trouvée pour cette recherche.
		</td>
	</tr>
{% endfor %}

{% if total is not null %}
	<tr class="animate-fade-in-up">
		<td colspan="7" class="fw-medium">RESSOURCE TOTALE</td>
		<td colspan="1" style="font-size:0.85rem;">{{total~' '~commodite.filiere.unite}}</td>
		<td colspan="2"></td>
	</tr>
{% endif %}