{% set compter = 0 %}

{% for item in contrats %}
	{% 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">{{item.nom}}</td>
		<td style="font-size:0.85rem;">
			{% if item.contratPrincipal is not null %}
				<a href="{{path('app_emine_cadre_juridique_contrat_principal_details', {id:item.contratPrincipal.id, sp: 'tc'})}}">
					{{item.contratPrincipal ? item.contratPrincipal.nom : ""}}
				</a>
			{% endif %}
		</td>
		<td style="font-size:0.85rem;">{{item.dateSignature ? item.dateSignature|date('Y') : ""}}</td>
		<td>
			<div class="d-flex gap-1 flex-wrap">
				{% for comodite in item.commodites %}
					<span class="dashboard-badge" style="background: {{comodite.color}}18; color: {{comodite.color}}; borderColor:{{comodite.color}}44;font-size: 0.75rem;">
						{{comodite.nom}}
					</span>
				{% endfor %}
			</div>
		</td>
		<td>
			<div class="d-flex gap-1 flex-wrap">
				{% for type in item.typesContrat %}
					<span class="dashboard-badge" style="background: #3b82f618; color: #2563eb, borderColor:#3b82f644;font-size: 0.75rem;">
						{{type.nom}}
					</span>
				{% endfor %}
			</div>
		</td>
		<td style="font-size:0.85rem;">
			<span class="dashboard-badge" style="background: #3b82f618; color: #2563eb, borderColor:#3b82f644;font-size: 0.75rem;">
				{{item.typeDocument.nom}}
			</span>
		</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_cadre_juridique_contrat_relatif_download', {id: item.id})}}">
					<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-box-arrow-in-down" viewbox="0 0 16 16">
						<path fill-rule="evenodd" d="M3.5 6a.5.5 0 0 0-.5.5v8a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5v-8a.5.5 0 0 0-.5-.5h-2a.5.5 0 0 1 0-1h2A1.5 1.5 0 0 1 14 6.5v8a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 14.5v-8A1.5 1.5 0 0 1 3.5 5h2a.5.5 0 0 1 0 1z"/>
						<path fill-rule="evenodd" d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708z"/>
					</svg>
				</a>

				<a class="operators-action-btn" title="Voir les détails" href="{{path('app_emine_cadre_juridique_contrat_relatif_show', {id:item.id, sp: 'tc'})}}" target="_blank">
					<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-book" viewbox="0 0 16 16">
						<path d="M1 2.828c.885-.37 2.154-.769 3.388-.893 1.33-.134 2.458.063 3.112.752v9.746c-.935-.53-2.12-.603-3.213-.493-1.18.12-2.37.461-3.287.811zm7.5-.141c.654-.689 1.782-.886 3.112-.752 1.234.124 2.503.523 3.388.893v9.923c-.918-.35-2.107-.692-3.287-.81-1.094-.111-2.278-.039-3.213.492zM8 1.783C7.015.936 5.587.81 4.287.94c-1.514.153-3.042.672-3.994 1.105A.5.5 0 0 0 0 2.5v11a.5.5 0 0 0 .707.455c.882-.4 2.303-.881 3.68-1.02 1.409-.142 2.59.087 3.223.877a.5.5 0 0 0 .78 0c.633-.79 1.814-1.019 3.222-.877 1.378.139 2.8.62 3.681 1.02A.5.5 0 0 0 16 13.5v-11a.5.5 0 0 0-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809 8.985.936 8 1.783"/>
					</svg>
				</a>
			</div>
		</td>
	</tr>
{% else %}
	<tr>
		<td colspan="8" class="text-center py-5 text-muted-mine">
			Aucun contrat trouvé pour cette recherche.
		</td>
	</tr>
{% endfor %}