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


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

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

								<td>{{ commande.identifiant }}</td>

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

									{% endif %}
								</td>

								<td>{{ commande.datecommande ? commande.datecommande|date('d-m-Y') : '' }}</td>
								<td>{{ commande.montantcommande  ~ ' €'}}</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_commande_show', {'id': commande.id}) }}">CONSULTER</a>
											</li>

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

											<li>
												<a class="dropdown-item confirmModalLink " href="{{ path('app_commande_delete', {'id': commande.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 PORTFEUILLE
							</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 DE LA COMMANDE
											</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-7">
												{{ form_widget(form.identifiant, {'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-4">
												{{ form_widget(form.idclient, {'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">date :</label>
											<div class="col-sm-7">
												{{ form_widget(form.datecommande, {'attr': {'placeholder': ' '}}) }}
											</div>
										</div>

										<div class="row mx-3 mb-3">
											<label class="col-sm-3 col-form-label submenu">montant :</label>
											<div class="col-sm-7">
												{{ form_widget(form.montantcommande, {'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 DE LA COMMANDE
							</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 DE LA COMMANDE
											</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-7">
												{{ form_widget(form.identifiant, {'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-4">
												{{ form_widget(form.idclient, {'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">date :</label>
											<div class="col-sm-7">
												{{ form_widget(form.datecommande, {'attr': {'placeholder': ' '}}) }}
											</div>
										</div>

										<div class="row mx-3 mb-3">
											<label class="col-sm-3 col-form-label submenu">montant :</label>
											<div class="col-sm-7">
												{{ form_widget(form.montantcommande, {'attr': {'placeholder': '0'}}) }}
											</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 DE LA COMMANDE
							</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 DE LA COMMANDE
											</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-7">
												{{ form_widget(form.identifiant, {'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-4">
												{{ form_widget(form.idclient, {'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">date :</label>
											<div class="col-sm-7">
												{{ form_widget(form.datecommande, {'attr': {'placeholder': ' '}}) }}
											</div>
										</div>

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