{% set compter = 0 %}

{% for op in operateurs %}
	{% set compter  = compter + 1 %}

	<tr class="animate-fade-in-up">
		<td>
			<span style="font-family: var(--font-display); font-weight: 600; font-size:0.82rem; color:var(--copper);">
				{{compter}}
			</span>
		</td>
		<td class="fw-medium">{{op.denomination}}</td>
		<td style="font-size:0.85rem;">{{op.sigle}}</td>
		<td style="font-size:0.85rem;">{{op.numIdentFiscal}}</td>
		<td style="font-size: 0.85rem;">
			{% if op.commodites[0] is defined %}
				{{op.commodites[0].filiere.nom}}
			{% endif %}
		</td>

		{% if op.statut == 'En recherche' %}
			<td class="text-center">
				<span class="dashboard-badge" style="background: #f59e0b18; color: #d97706, borderColor:#f59e0b44;">
					{{op.statut ? op.statut : ""}}
				</span>
			</td>
		{% elseif op.statut == 'Inactif' %}
			<td class="text-center">
				<span class="dashboard-badge" style="background: #ef444418; color: #dc2626, borderColor:#ef444444;">
					{{op.statut ? op.statut : ""}}
				</span>
			</td>
		{% else %}
			<td class="text-center">
				<span class="dashboard-badge" style="background: #22c55e18; color: #16a34a, borderColor:#22c55e44;">
					{{op.statut ? op.statut : ""}}
				</span>
			</td>
		{% endif %}

		<td style="font-size:0.85rem;">{{op.sousSecteur ? op.sousSecteur.secteur.nom : ""}}</td>
		<td style="font-size:0.85rem;">{{op.categorie ? op.categorie.nom : ""}}</td>
		<td style="font-size:0.85rem;">{{op.sousCategorie ? op.sousCategorie.nom : ""}}</td>
		<td style="font-size:0.85rem;">{{op.nature}}</td>
		<td style="font-size:0.85rem;">{{op.ville ? op.ville.province.nom : ''}}</td>
		<td style="font-size:0.85rem;">
			{% if op.partEtat is not null %}
				{{op.partEtat}}
				%
			{% endif %}
		</td>
		<td class="text-center">
			<div class="d-flex gap-1 justify-content-center">
				<a class="operators-action-btn" title="Voir les détails" href="{{path('app_emine_operateur_operateur_show', {id: op.id, sp: 'all'})}}">
					<svg width="15" height="15" viewbox="0 0 24 24" fill="none" stroke="currentColor" strokewidth="2" strokelinecap="round" strokelinejoin="round">
						<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/>
					</svg>
				</a>
			</div>
		</td>
	</tr>
{% else %}
	<tr>
		<td colspan="13" class="text-center py-5 text-muted-mine">
			Aucun opérateur trouvé pour cette recherche.
		</td>
	</tr>
{% endfor %}