{% include "base.html.twig" %}

<div class="col py-3">
	<section id="" class="my-5">

		<div class="container">

			<div class="row">
				<div class="col-10">

					<p class="text-start">
						<i class="fs-5 bi-people"></i>
						<span class="ms-1 d-none d-sm-inline submenu">
							COLLABORATEURS
						</span>
					</p>
				</div>


				<div class="col-2">
					<a href="{{ path('app_collaborateur_new')}}">
						<i class="fs-5 bi-plus-lg"></i>
						<span class="ms-1 d-none d-sm-inline submenu">
							NOUVEAU
						</span>
					</a>

				</div>
			</div>
		</div>

	</section>
	{# le tableau pour afficher les enregistrement de la table module #}
	<section id="" class="my-5">
		<div class="container">
			<div class="row col-12 align-items-center">
				<table class="table align-middle table-sm table-borderless">

					<tbody class="tablebody">
						<tr>
							<td class="border-0 col-md-1 table-tr" scope="col">#</td>
							<td class="border-0 col-md-2 table-tr" scope="col">nom</td>
							<td class="border-0 col-md-2 table-tr" scope="col">prénom</td>
							<td class="border-0 col-md-3 table-tr" scope="col">e-mail</td>
							<td class="border-0 col-md-3 table-tr" scope="col">téléphone</td>

							<td class="border-0 col-md-1" scope="col"></td>
						</tr>
						<tr>
							{% for collaborateur in collaborateurs%}
								<th scope="row" class="border-0 col-md-1 table-tr">{{ collaborateur.id }}</th>

								<td>{{ collaborateur.lastname }}</td>
								<td>{{ collaborateur.firstname }}</td>
								<td>{{ collaborateur.email }}</td>
								<td>{{ collaborateur.mobile }}</td>

								<td>

								<div class="dropdown-center">
										<a class="btn  dropdown-toggle  btn-light link-primary btn-sm" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
											<i class="bi bi-three-dots-vertical"></i>
										</a>

										<ul class="dropdown-menu">
											<li>
												<a class="dropdown-item" href="{{ path('app_collaborateur_show', {'id': collaborateur.id}) }}">CONSULTER</a>
											</li>

											<li>
												<a class="dropdown-item" href="{{ path('app_collaborateur_edit', {'id': collaborateur.id}) }}">MODIFIER</a>
											</li>

											<li>
												<a class="dropdown-item confirmModalLink " href="{{ path('app_collaborateur_delete', {'id': collaborateur.id}) }} ">SUPPRIMER</a>
											</li>

										</ul>
									</div>


								</td>
							</tr>
						{% else %}
							<tr>
								<td colspan="11">no records found</td>
							</tr>
						{% endfor %}
					</tbody>
				</table>
			</div>
		</div>


	</section>
	{# le modalconsulter pour consulter un module #}
	{% if cible == "modalconsulter" %}
		<div class="modal fade" id="modalconsulter" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
			<div class="modal-dialog modal-fullscreen">
				<div class="modal-content">
					<div class="modal-header title">
						<p class="text-start inputwithoutmargintop">
							<span class="submenu ">
								CONSULTATION D'UN COLLABORATEUR
							</span>
						</p>
						<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
					</div>
					<div class="modal-body bg-secondary-subtle">
				<div class="container">
							<div class="row g-3">
								<div class="col-2"></div>
								<div class="col-8 p-5">
									{{ form_start(form) }}
									{{ form_row(form._token) }}

									<div class="row g-3 p-4">


										<p class="text-start title">
											<span class="ms-1  d-sm-inline submenu">
												INFORMATIONS PERSONNELLES
											</span>
										</p>


										<div class="row mx-3 mb-3">
											<label class="col-sm-3 col-form-label submenu">nom :</label>
											<div class="col-sm-6">
												{{ form_widget(form.lastname, {'attr': {'placeholder': ' '}}) }}
											</div>
										</div>

										<div class="row mx-3 mb-3">
											<label class="col-sm-3 col-form-label submenu">prénom :</label>
											<div class="col-sm-6">
												{{ form_widget(form.firstname, {'attr': {'placeholder': ' '}}) }}
											</div>
										</div>


										<p class="text-start title">
											<span class="ms-1 d-sm-inline submenu">
												CONTACTS
											</span>
										</p>


										<div class="row mx-3 mb-3">
											<label class="col-sm-3 col-form-label submenu">e-mail :</label>
											<div class="col-sm-9">
												{{ form_widget(form.email, {'attr': {'placeholder': ' '}}) }}
											</div>
										</div>

										<div class="row mx-3 mb-3">
											<label class="col-sm-3 col-form-label submenu">mobile :</label>
											<div class="col-sm-6">
												{{ form_widget(form.mobile, {'attr': {'placeholder': ' '}}) }}
											</div>
										</div>

										<div class="row mx-3 mb-3">
											<label class="col-sm-3 col-form-label submenu">avatar :</label>
											<div class="col-sm-8">
												{{ form_widget(form.avatar, {'attr': {'placeholder': ' '}}) }}
											</div>
										</div>


									</div>
								</div>
								<div class="col-2"></div>
							</div>
						</div>


					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-primary" data-bs-dismiss="modal">FERMER</button>
					</div>
				</div>

			</div>
		</div>
		{% block scriptmodalconsulter %}
			<script>
				var myOffcanvas = document.getElementById('modalconsulter')
var bsOffcanvas = new bootstrap.Modal(myOffcanvas)
bsOffcanvas.toggle()
			</script>
		{% endblock %}
	{% endif %}
	{# fin modalconsulter pour consulter un module #}
	{# le modalajouter pour ajouter un module #}
	{% if cible == "modalajouter" %}
		<div class="modal fade" id="modalajouter" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
			<div class="modal-dialog modal-fullscreen">
				<div class="modal-content">
					<div class="modal-header title">
						<p class="text-start inputwithoutmargintop">
							<span class="submenu">
								CRÉATION D'UN COLLABORATEUR
							</span>
						</p>
						<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
					</div>
					<div class="modal-body bg-secondary-subtle">
						<div class="container">
							<div class="row g-3">
								<div class="col-2"></div>
								<div class="col-8 p-5">
									{{ form_start(form) }}
									{{ form_row(form._token) }}

									<div class="row g-3 p-4">


										<p class="text-start title">
											<span class="ms-1  d-sm-inline submenu">
												INFORMATIONS PERSONNELLES
											</span>
										</p>


										<div class="row mx-3 mb-3">
											<label class="col-sm-3 col-form-label submenu">nom :</label>
											<div class="col-sm-6">
												{{ form_widget(form.lastname, {'attr': {'placeholder': ' '}}) }}
											</div>
										</div>

										<div class="row mx-3 mb-3">
											<label class="col-sm-3 col-form-label submenu">prénom :</label>
											<div class="col-sm-6">
												{{ form_widget(form.firstname, {'attr': {'placeholder': ' '}}) }}
											</div>
										</div>


										<p class="text-start title">
											<span class="ms-1 d-sm-inline submenu">
												CONTACTS
											</span>
										</p>


										<div class="row mx-3 mb-3">
											<label class="col-sm-3 col-form-label submenu">e-mail :</label>
											<div class="col-sm-9">
												{{ form_widget(form.email, {'attr': {'placeholder': ' '}}) }}
											</div>
										</div>

										<div class="row mx-3 mb-3">
											<label class="col-sm-3 col-form-label submenu">mobile :</label>
											<div class="col-sm-6">
												{{ form_widget(form.mobile, {'attr': {'placeholder': ' '}}) }}
											</div>
										</div>

										<div class="row mx-3 mb-3">
											<label class="col-sm-3 col-form-label submenu">avatar :</label>
											<div class="col-sm-8">
												{{ form_widget(form.avatar, {'attr': {'placeholder': ' '}}) }}
											</div>
										</div>


									</div>
								</div>
								<div class="col-2"></div>
							</div>
						</div>

					</div>

					<div class="modal-footer">
						<button type="submit" class="btn btn-primary">{{ button_label|default('AJOUTER') }}</button>
						{{ form_end(form) }}
					</div>
				</div>
			</div>
		</div>

		{% block scriptmodalajouter %}
			<script>
				var myOffcanvas = document.getElementById('modalajouter')
var bsOffcanvas = new bootstrap.Modal(myOffcanvas)
bsOffcanvas.toggle()
			</script>
		{% endblock %}
	{% endif %}{# fin modalajouter pour ajouter un module #}{# le modalmodifier liée au bouton modifier les informations d'un module #}{% if cible == "modalmodifier" %}
		<div class="modal fade" id="modalmodifier" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
			<div class="modal-dialog modal-fullscreen">
				<div class="modal-content">
					<div class="modal-header title">
						<p class="text-start inputwithoutmargintop">
							<span class="submenu">
								MODIFICATION D'UN COLLABORATEUR
							</span>
						</p>
						<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
					</div>
					<div class="modal-body bg-secondary-subtle">
						<div class="container">
							<div class="row g-3">
								<div class="col-2"></div>
								<div class="col-8 p-5">
									{{ form_start(form) }}
									{{ form_row(form._token) }}

									<div class="row g-3 p-4">


										<p class="text-start title">
											<span class="ms-1  d-sm-inline submenu">
												INFORMATIONS PERSONNELLES
											</span>
										</p>


										<div class="row mx-3 mb-3">
											<label class="col-sm-3 col-form-label submenu">nom :</label>
											<div class="col-sm-6">
												{{ form_widget(form.lastname, {'attr': {'placeholder': ' '}}) }}
											</div>
										</div>

										<div class="row mx-3 mb-3">
											<label class="col-sm-3 col-form-label submenu">prénom :</label>
											<div class="col-sm-6">
												{{ form_widget(form.firstname, {'attr': {'placeholder': ' '}}) }}
											</div>
										</div>


										<p class="text-start title">
											<span class="ms-1 d-sm-inline submenu">
												CONTACTS
											</span>
										</p>


										<div class="row mx-3 mb-3">
											<label class="col-sm-3 col-form-label submenu">e-mail :</label>
											<div class="col-sm-9">
												{{ form_widget(form.email, {'attr': {'placeholder': ' '}}) }}
											</div>
										</div>

										<div class="row mx-3 mb-3">
											<label class="col-sm-3 col-form-label submenu">mobile :</label>
											<div class="col-sm-6">
												{{ form_widget(form.mobile, {'attr': {'placeholder': ' '}}) }}
											</div>
										</div>

										<div class="row mx-3 mb-3">
											<label class="col-sm-3 col-form-label submenu">avatar :</label>
											<div class="col-sm-8">
												{{ form_widget(form.avatar, {'attr': {'placeholder': ' '}}) }}
											</div>
										</div>


									</div>
								</div>
								<div class="col-2"></div>
							</div>
						</div>
					</div>
					<div class="modal-footer">
						<button type="submit" class="btn btn-primary">{{ button_label|default('MODIFIER') }}</button>
					</div>
					{{ form_end(form) }}
				</div>
			</div>
		</div>
		{% block scriptoffcanvasmodifier %}

			<script>
				var myOffcanvas = document.getElementById('modalmodifier')
var bsOffcanvas = new bootstrap.Modal(myOffcanvas)
bsOffcanvas.toggle()
			</script>
		{% endblock %}
	{% endif %}{# fin modalmodifier pour modifier un module #}</div></div></div></div></body>