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


				<div class="col-2">
					<a href="{{ path('app_produit_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">référence</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">description</td>
							<td class="border-0 col-md-1 table-tr" scope="col">unité</td>
							<td class="border-0 col-md-1 table-tr" scope="col">tarif</td>
							<td class="border-0 col-md-1 table-tr" scope="col">taux tva</td>

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

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

									{% endif %}
								</td>
								<td>
									{{ produit.label }}
									<p class="fst-normal">{{ produit.description }}</p>
								</td>
								<td>{{ produit.unit }}</td>
								<td>
									{{produit.tarif  |format_currency('EUR', locale='fr') }}
								</td>
								<td>{{ produit.tvaapplicable ~ '%'}}</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_produit_show', {'id': produit.id}) }}">CONSULTER</a>
											</li>

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

											<li>
												<a class="dropdown-item confirmModalLink " href="{{ path('app_produit_delete', {'id': produit.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 PRODUIT
							</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 PRODUIT
											</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">label :</label>
											<div class="col-sm-7">
												{{ form_widget(form.label, {'attr': {'placeholder': ' '}}) }}
											</div>
										</div>

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

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


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

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

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

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


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

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

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

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


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

										<div class="row mx-3 mb-3">
											<label class="col-sm-3 col-form-label submenu">tarif :</label>
											<div class="col-sm-3">
												{{ form_widget(form.tarif, {'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-3">
												{{ form_widget(form.tvaapplicable, {'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>