{% for client in clients %}
	<tr class="line-tbl">
		<td data-label="Informations">
			<button class="btn btn-white cmd-icon" data-bs-toggle="modal" data-bs-target="#infoClientModal" data-id="{{client.id}}"><img src="{{asset('img/cart.svg')}}" alt="cmd" width="30"></button>
		</td>
		<td data-label="Numéro">{{client.id}}</td>
		<td data-label="Type">{{client.getType()}}</td>
		<td data-label="Mail">
			{% if client.is('pro') and client.getHeureQuotaNoAssign() | length > 0 %}
				<a href="{{ path('souscription_client',{id : client.id}) }}" class="text-decoration-none">
					<div class="rounded bg-danger text-white">
						<i class="far fa-exclamation-triangle"></i>
						<span>{{ client.mail }}</span>
					</div>
				</a>
			{% else %}
				{{ client.mail }}
			{% endif %}
		</td>
		<td data-label="Nom prénom / Raison social">
			{% if client.getType() == 'Particulier' %}
				{{client.civilite}}
				{{client.nom}}
				{{client.prenom}}
			{% else %}
				{{client.getRaisonSocial()}}
			{% endif %}
		</td>
		<td data-label="Adresse">
			{{client.rue}}
			{{client.cp}}
			{{client.ville}}
			{% if client.rue is empty and client.cp is empty and client.ville is empty %}
				<br>
			{% endif %}

		</td>
		<td data-label="Télephone" class="tel">
			{% if client.getType() == 'Particulier' %}
				{{client.telephone}}
			{% else %}
				{{client.getTel1()}}
				<br>
				{{client.getTel2()}}

			{% endif %}


		</td>
		<td>
			<a href="{{path('client.edit',{id : client.id})}}" class="btn btn-info d-flex align-items-center">
				<img src="/img/edit.svg" alt="edit" width="25" class="cmd-icon">
				<span>Modifier</span>
			</a>
			{% if app.user.isAdmin() and client.id != 5831 %}
				<button id="deleteClient{{ client.id }}" class="btn btn-danger my-2" onclick="deleteClient('{{path('client.delete',{id : client.id})}}')">Supprimer</button>
			{% endif %}
		</td>

	</tr>
{% endfor %}