{% 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-briefcase"></i>
						<span class="ms-1 d-none d-sm-inline submenu">
							CLIENTS
						</span>
					</p>
				</div>


				<div class="col-2">
					<a href="{{ path('app_client_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-1 table-tr" scope="col">référence</td>
							<td class="border-0 col-md-2 table-tr" scope="col">client</td>
														<td class="border-0 col-md-1 table-tr" scope="col">état</td>

							<td class="border-0 col-md-6 table-tr" scope="col">renseignements juridiques</td>

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

								<td>{{ client.identifiant }}</td>
								<td>{{ client.client }}</td>
																<td>
									{%  if (client.status == 0)%}
										<span class="badge rounded-pill bg-soft-warning ">INACTIF</span>
									{%  elseif (client.status == 1)%}
										<span class="badge rounded-pill bg-soft-info ">ACTIF</span>

									{% endif %}
								</td>

								<td>
									{{ client.naturejuridique }}
									<p class="fst-normal">{{ client.siren ~ ' | ' ~ client.siret ~ ' | ' ~ client.idtva }}</p>

								</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_client_show', {'id': client.id}) }}">CONSULTER</a>
											</li>

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

											<li>
												<a class="dropdown-item confirmModalLink " href="{{ path('app_client_delete', {'id': client.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 CLIENT
							</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 DU CLIENT
											</span>
										</p>


										<div class="row mx-3 mb-3">
											<label class="col-sm-3 col-form-label submenu">référence :</label>
											<div class="col-sm-4">
												{{ form_widget(form.identifiant, {'attr': {'placeholder': ' ','readonly':'readonly'}}) }}
											</div>

											<label class="col-sm-2 col-form-label submenu">statut :</label>
											<div class="col-sm-3">
												{{ form_widget(form.status, {'attr': {'placeholder': ' '}}) }}
											</div>

										</div>

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

										<div class="row mx-3 mb-3">
											<label class="col-sm-3 col-form-label submenu">délais de paiement :</label>
											<div class="col-sm-4">
												{{ form_widget(form.idconditionspaiement, {'attr': {'placeholder': ' '}}) }}
											</div>

											<label class="col-sm-2 col-form-label submenu">portfeuille :</label>
											<div class="col-sm-3">
												{{ form_widget(form.idportefeuille, {'attr': {'placeholder': ' '}}) }}
											</div>

										</div>

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

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

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

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

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

											<div class="col-sm-1"></div>

											<label class="col-sm-2 col-form-label submenu">siret :</label>
											<div class="col-sm-3">
												{{ form_widget(form.siret, {'attr': {'placeholder': ' '}}) }}
											</div>

										</div>


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

											</div>

											<div class="col-sm-1"></div>

											<label class="col-sm-2 col-form-label submenu">tva :</label>
											<div class="col-sm-3">
												{{ form_widget(form.idtva, {'attr': {'placeholder': ' '}}) }}

											</div>

										</div>


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

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

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

											<label class="col-sm-2 col-form-label submenu">ville :</label>
											<div class="col-sm-3">
												{{ form_widget(form.ville, {'attr': {'placeholder': ' '}}) }}
											</div>

										</div>

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

										<div class="row mx-3 mb-3">
											<label class="col-sm-3 col-form-label submenu">contact:</label>
											<div class="col-sm-7">
												{{ form_widget(form.contact, {'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-4">
												{{ form_widget(form.mobile, {'attr': {'placeholder': ' '}}) }}
											</div>
										</div>

										<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>

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

										<div class="row mx-3 mb-3">
											<div class="col-sm-12">
												{{ form_widget(form.notes, {'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 CLIENT
							</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 DU CLIENT
											</span>
										</p>


										<div class="row mx-3 mb-3">
											<label class="col-sm-3 col-form-label submenu">référence :</label>
											<div class="col-sm-4">
												{{ form_widget(form.identifiant, {'attr': {'placeholder': ' ','readonly':'readonly'}}) }}
											</div>
											<label class="col-sm-2 col-form-label submenu">statut :</label>
											<div class="col-sm-3">
												{{ form_widget(form.status, {'attr': {'placeholder': ' '}}) }}
											</div>
										</div>

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

										<div class="row mx-3 mb-3">
											<label class="col-sm-3 col-form-label submenu">délais de paiement :</label>
											<div class="col-sm-4">
												{{ form_widget(form.idconditionspaiement, {'attr': {'placeholder': ' '}}) }}
											</div>

											<label class="col-sm-2 col-form-label submenu">portfeuille :</label>
											<div class="col-sm-3">
												{{ form_widget(form.idportefeuille, {'attr': {'placeholder': ' '}}) }}
											</div>

										</div>

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

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

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

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

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

											<div class="col-sm-1"></div>

											<label class="col-sm-2 col-form-label submenu">siret :</label>
											<div class="col-sm-3">
												{{ form_widget(form.siret, {'attr': {'placeholder': ' '}}) }}
											</div>

										</div>


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

											</div>

											<div class="col-sm-1"></div>

											<label class="col-sm-2 col-form-label submenu">tva :</label>
											<div class="col-sm-3">
												{{ form_widget(form.idtva, {'attr': {'placeholder': ' '}}) }}

											</div>

										</div>


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

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

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

											<label class="col-sm-2 col-form-label submenu">ville :</label>
											<div class="col-sm-3">
												{{ form_widget(form.ville, {'attr': {'placeholder': ' '}}) }}
											</div>

										</div>

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

										<div class="row mx-3 mb-3">
											<label class="col-sm-3 col-form-label submenu">contact:</label>
											<div class="col-sm-7">
												{{ form_widget(form.contact, {'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-4">
												{{ form_widget(form.mobile, {'attr': {'placeholder': ' '}}) }}
											</div>
										</div>

										<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>

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


										<div class="row mx-3 mb-3">
											<div class="col-sm-12">
												{{ form_widget(form.notes, {'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 CLIENT
							</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 DU CLIENT
											</span>
										</p>


										<div class="row mx-3 mb-3">
											<label class="col-sm-3 col-form-label submenu">référence :</label>
											<div class="col-sm-4">
												{{ form_widget(form.identifiant, {'attr': {'placeholder': ' '}}) }}
											</div>
											<label class="col-sm-2 col-form-label submenu">statut :</label>
											<div class="col-sm-3">
												{{ form_widget(form.status, {'attr': {'placeholder': ' '}}) }}
											</div>
										</div>

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

										<div class="row mx-3 mb-3">
											<label class="col-sm-3 col-form-label submenu">délais de paiement :</label>
											<div class="col-sm-4">
												{{ form_widget(form.idconditionspaiement, {'attr': {'placeholder': ' '}}) }}
											</div>

											<label class="col-sm-2 col-form-label submenu">portfeuille :</label>
											<div class="col-sm-3">
												{{ form_widget(form.idportefeuille, {'attr': {'placeholder': ' '}}) }}
											</div>

										</div>

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

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

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

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

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

											<div class="col-sm-1"></div>

											<label class="col-sm-2 col-form-label submenu">siret :</label>
											<div class="col-sm-3">
												{{ form_widget(form.siret, {'attr': {'placeholder': ' '}}) }}
											</div>

										</div>


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

											</div>

											<div class="col-sm-1"></div>

											<label class="col-sm-2 col-form-label submenu">tva :</label>
											<div class="col-sm-3">
												{{ form_widget(form.idtva, {'attr': {'placeholder': ' '}}) }}

											</div>

										</div>


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

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

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

											<label class="col-sm-2 col-form-label submenu">ville :</label>
											<div class="col-sm-3">
												{{ form_widget(form.ville, {'attr': {'placeholder': ' '}}) }}
											</div>

										</div>

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

										<div class="row mx-3 mb-3">
											<label class="col-sm-3 col-form-label submenu">contact:</label>
											<div class="col-sm-7">
												{{ form_widget(form.contact, {'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-4">
												{{ form_widget(form.mobile, {'attr': {'placeholder': ' '}}) }}
											</div>
										</div>

										<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>

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


										<div class="row mx-3 mb-3">
											<div class="col-sm-12">
												{{ form_widget(form.notes, {'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>