{% extends 'base.html.twig' %}
{% block title %}
	{{titre}}
{% endblock %}
{% block body %}
<div class="wrapper-table">
	<h1>{{titre}}</h1>
	<div class="container-liste-intervenants">
		{% if (intervenants is defined) and (intervenants|length > 0) %}

			{% for i in intervenants %}
				<div class="card-body">
					<div class="card-title">
						<a href="{{path('intervenants_modifier',{id:i.id})}}">
							<i class="fa-regular fa-pen-to-square"></i>
						</a>
						<a href="#">
							<i class="fa-regular fa-trash-can"></i>
						</a>
					</div>
					<div class="card-header">
						<div class="details-intervenant">
						{% if i.photo %}
							<img class="photo-intervenant" src="{{asset('/assets/uploads/photos/intervenants/mini/'~ i.photo)}}" alt="{{i.nom}} {{i.prenom}}"></img>							
						{% else %}
						<img class="photo-intervenant" src="{{asset('/assets/uploads/photos/default-avatar.svg')}}" alt="{{i.nom}} {{i.prenom}}"></img>
						{% endif %}
						<p class="text-center">
							<strong>{{i.nom}}
								{{i.prenom}}</strong>
						</p>
						<p class="text-center">{{i.ville}}</p>
						<p class="text-center">
							<a href="">{{i.email}}</a>
						</p>
						{# <p><a href="">{{c.tel1}}</a></p> #}
					</div>
				</div>
				<div class="card-actions">
					<a class="btn-options-intervenant" href="{{path('ecritures_creer-facture',{idContact:i.id})}}">Créer facture</a>
					<a class="btn-options-intervenant" href="{{path('ecritures_creer-devis',{idContact:i.id})}}">Créer devis</a>
					<a class="btn-options-intervenant" href="#">Créer rdv</a>
				</div>
				<div class="checkboxes-options-intervenant">
					<div class="checkboxes">
						<label for="checkbox-ecritures">
							<i class="fa-regular fa-eye"></i>Ecritures</label>
						<input type="checkbox" name="checkboxes-options-intervenant[]" id="checkbox_ecritures" class="checkboxes-options-intervenant" data-idintervenant={{i.id}}>
					</div>
					<div class="checkboxes">
						<label for="checkbox-rdv">
							<i class="fa-regular fa-eye"></i>Rendez-vous</label>
						<input type="checkbox" name="checkboxes-options-intervenant[]" id="checkbox_rdv" class="checkboxes-options-intervenant" data-idintervenant={{i.id}}>
					</div>
				</div>
				<div
					class="ecritures-intervenant" id="ecritures-intervenant-{{i.id}}">{# Affiché en Ajax #}
				</div>
				<div
					class="rdv-intervenant" id="rdv-intervenant-{{i.id}}">{# Affiché en Ajax #}
				</div>
			</div>
		{% endfor %}
	{% else %}
		<p>Aucun intervenant n'a encore été enregistré dans la base.</p>
	{% endif %}
</div></div>{% endblock %}