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


				<div class="col-2">
					<a href="{{ path('app_invoice_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-1 table-tr" scope="col"></td>

							<td class="border-0 col-md-1 table-tr" scope="col">montant</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">client</td>
							<td class="border-0 col-md-2 table-tr" scope="col">date de facturation</td>
							<td class="border-0 col-md-2 table-tr" scope="col">date d'échéance</td>

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

								<td>{{ invoice.reference }}

									{%  if (invoice.id < 41)%}
										<i class="fs-5 bi-info" title="import"></i>
									{% endif %}

								</td>
								<td>
									<a href="{{ path('app_billing', {'id': invoice.id}) }}" target="_blank">
										<i class="fs-5 bi-eye text-gray-400"></i>
									</a>
								</td>
								<td>
									{{invoice.totalttc |format_currency('EUR', locale='fr') }}
								</td>
								<td>

									{%  if (invoice.statut == 1)%}
										<span class="badge rounded-pill bg-soft-warning ">BROUILLON</span>
									{%  elseif (invoice.statut == 2)%}
										<span class="badge rounded-pill bg-soft-info ">ENVOYÉ</span>
									{%  elseif (invoice.statut == 3)%}
										<span class="badge rounded-pill bg-soft-success  ">PAYÉ 💰</span>
									{% endif %}

								</td>

								<td>{{ invoice.client   }}</td>

								<td>{{ invoice.billingdate|format_datetime(locale='fr',pattern="dd MMM YYYY") }}
									{# {{ invoice.billingdate  ? invoice.duedate |date('d-m-Y') : '' }}#}


								</td>

								<td>
								{{ invoice.duedate|format_datetime(locale='fr',pattern="dd MMM YYYY") }}
								</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_invoice_show', {'id': invoice.id}) }}">CONSULTER</a>
											</li>


											{%  if (invoice.statut == 1)%}
												<li>
													<a class="dropdown-item" href="{{ path('app_invoice_edit', {'id': invoice.id}) }}">MODIFIER</a>
												</li>
											{% endif %}


											<li>
												<a class="dropdown-item confirmModalLink " href="{{ path('app_invoice_delete', {'id': invoice.id}) }} ">SUPPRIMER</a>
											</li>
											<li>
												<a class="dropdown-item" href="{{ path('app_billing', {'id': invoice.id}) }}" target="_blank">TÉLÉCHARGER</a>
											</li>
											<li>
												<a class="dropdown-item confirmencaissementModalLink " href="{{ path('app_invoice_encaissement', {'id': invoice.id}) }} ">ENCAISSEMENT</a>
											</li>

										</ul>
									</div>


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

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

				<div class="col-2">
					<div class="navigation">
						{{ knp_pagination_render(invoices) }}
					</div>
				</div>
			</div>
		</div>
	</section>

	{# 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'UNE FACTURE
							</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">

								{{ form_start(form) }}
								{{ form_row(form._token) }}

								<!-- LIGNE 1 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>
									<div class="col-1">
										<img src="/assets/img/logo.png" alt="" height="45">
									</div>
									<div class="col-5"></div>
									<div class="col-2 text-end invoicetitle">
										<label class="col-form-label invoicetitle">FACTURE</label>
									</div>
									<div class="col-sm-2 ">
										{{ form_widget(form.reference,{'value' :  invoiceid }, {'attr': {'placeholder': ' '}}) }}
									</div>
									<div class="col-1"></div>

								</div>
								<!-- LIGNE 1 FIN-->

								<!-- LIGNE 2 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>
									<div class="col-2">
										<label class="col-form-label invoiceh1">FACTURÉ PAR</label>
									</div>
									<div class="col-6"></div>
									<div class="col-2">
										<label class="col-form-label invoiceh1">FACTURÉ À</label>
									</div>

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

								</div>
								<!-- LIGNE 2 FIN-->

								<!-- LIGNE 3 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>
									<div class="col-2 invoiceinputpadding-left">
										{{ form_widget(form.entreprise , {'attr': {'placeholder': ' '}}) }}
									</div>
									<div class="col-6"></div>
									<div class="col-2 invoiceinputpadding-left">
										{{ form_widget(form.idclientclient, {'attr': {'placeholder': ' '}}) }}
									</div>

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

								</div>
								<!-- LIGNE 3 FIN-->

								<!-- LIGNE 4 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>
									<div class="col-2 invoiceinputpadding-left">
										{{ form_widget(form.entrepriseadresse, {'attr': {'placeholder': ''}}) }}
									</div>
									<div class="col-6"></div>
									<div class="col-2 invoiceinputpadding-left">
										{{ form_widget(form.clientadresse, {'attr': {'placeholder': ' '}}) }}
									</div>

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

								</div>
								<!-- LIGNE 4 FIN-->

								<!-- LIGNE 5 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>
									<div class="col-2 invoiceinputpadding-left">
										{{ form_widget(form.entreprisecodepostal, {'attr': {'placeholder': ' '}}) }}
									</div>
									<div class="col-6"></div>
									<div class="col-2 invoiceinputpadding-left">
										{{ form_widget(form.clientcodepostal, {'attr': {'placeholder': ' '}}) }}
									</div>

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

								</div>
								<!-- LIGNE 5 FIN-->
								<!-- LIGNE 6 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>
									<div class="col-2 invoiceinputpadding-left">
										{{ form_widget(form.entrepriseville, {'attr': {'placeholder': ' '}}) }}
									</div>
									<div class="col-6"></div>
									<div class="col-2 invoiceinputpadding-left">
										{{ form_widget(form.clientville, {'attr': {'placeholder': ' '}}) }}
									</div>

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

								</div>
								<!-- LIGNE 6 FIN-->
								<!-- LIGNE SÉPARATRICE DÉBUT -->
								<div class="row">
									<div class="col-12"><br></div>
								</div>
								<!-- LIGNE SÉPARATRICE FIN -->
								<!-- LIGNE 7 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>
									<div class="col-sm-2 invoiceinputpadding-left">
										{{ form_widget(form.entrepriseemail, {'attr': {'placeholder': ' '}}) }}
									</div>
									<div class="col-5"></div>
									<div class="col-1 text-end">
										<label class="col-form-label invoiceh3">réf. client:</label>
									</div>
									<div class="col-sm-2 ">
										{{ form_widget(form.clientreference, {'attr': {'placeholder': ' '}}) }}
									</div>

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

								</div>
								<!-- LIGNE 7 FIN-->

								<!-- LIGNE 8 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>
									<div class="col-2 invoiceinputpadding-left">
										{{ form_widget(form.entreprisemobile, {'attr': {'placeholder': ' '}}) }}
									</div>
									<div class="col-4"></div>
									<div class="col-2 text-end">
										<label class="col-form-label invoiceh3">réf. commande:</label>
									</div>
									<div class="col-sm-2 ">
										{{ form_widget(form.idcommande, {'attr': {'placeholder': ' '}}) }}
									</div>

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

								</div>
								<!-- LIGNE 8 FIN-->

								<!-- LIGNE SÉPARATRICE DÉBUT -->
								<div class="row">
									<div class="col-12"><br></div>
								</div>
								<!-- LIGNE SÉPARATRICE FIN -->

								<!-- LIGNE 9 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>
									<div class="col-sm-2 ">
										<label class="col-form-label invoiceh3">période de facturation</label>
									</div>
									<div class="col-sm-2 ">
										<label class="col-form-label invoiceh3">
											délai de paiement</label>
									</div>
									<div class="col-2"></div>

									<div class="col-sm-2 ">
										<label class="col-form-label invoiceh3">date de facturation</label>
									</div>
									<div class="col-sm-2 ">
										<label class="col-form-label invoiceh3">date d'échéance</label>
									</div>
									<div class="col-1"></div>

								</div>
								<!-- LIGNE 9 FIN-->
								<!-- LIGNE 10 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>
									<div class="col-sm-2 ">
										{{ form_widget(form.startbillingperiod,{'value' :  startbillingperiod|date('Y-m-d') },{'attr': {'placeholder': ' '}}) }}
										<p class="fst-normal">{{ form_widget(form.endbillingperiod ,{'value' :  endbillingperiod|date('Y-m-d') }, {'attr': {'placeholder': ' '}}) }}</p>

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

									<div class="col-sm-2 ">
										{{ form_widget(form.billingdate ,{'value' :  billingdate|date('Y-m-d') }, {'attr': {'placeholder': ' '}}) }}
									</div>
									<div class="col-sm-2 ">
										{{ form_widget(form.duedate ,{'value' :  duedate|date('Y-m-d') }, {'attr': {'placeholder': ' '}}) }}
									</div>
									<div class="col-1"></div>

								</div>
								<!-- LIGNE 10 FIN-->


								<!-- LIGNE SÉPARATRICE DÉBUT -->
								<div class="row">
									<div class="col-12"><br></div>
								</div>
								<!-- LIGNE SÉPARATRICE FIN -->

								<!-- LIGNE 12 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>


									<div class="col-sm-1 ">
										<label class="col-form-label table-tr">#</label>
									</div>
									<div class="col-sm-6 ">
										<label class="col-form-label invoiceh4">DESCRIPTION</label>
									</div>

									<div class="col-sm-1 ">
										<label class="col-form-label invoiceh4">QUANTITÉ</label>
									</div>
									<div class="col-sm-1 ">
										<label class="col-form-label invoiceh4">TARIF HT</label>
									</div>
									<div class="col-sm-1 ">
										<label class="col-form-label invoiceh4">TOTAL HT</label>
									</div>


									<div class="col-1"></div>
								</div>
								<!-- LIGNE 12 FIN-->

								<!-- LIGNE 13 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>


									<div class="col-sm-1 ">
										<label class="col-form-label table-tr">1</label>
									</div>
									<div class="col-sm-6 ">
										{{ form_widget(form.idproduitfirst , {'attr': {'placeholder': ' '}}) }}
										<p class="fst-normal">{{ form_widget(form.produitdescriptionfirst , {'attr': {'placeholder': ' '}}) }}</p>


									</div>

									<div class="col-sm-1 ">
										{{ form_widget(form.produitquantityfirst , {'attr': {'placeholder': ' '}}) }}
									</div>
									<div class="col-sm-1 ">
										<span class="input-symbol-euro-after">
											{{ form_widget(form.produitpufirst ) }}
										</span>

									</div>
									<div class="col-sm-1 ">
										<span class="input-symbol-euro-after">
											{{ form_widget(form.produittotalhtfirst ) }}
										</span>
									</div>


									<div class="col-1"></div>
								</div>
								<!-- LIGNE 13 FIN-->


								<!-- LIGNE 13 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>


									<div class="col-sm-1 ">
										<label class="col-form-label table-tr">2</label>
									</div>
									<div class="col-sm-6 ">
										{{ form_widget(form.idproduitsecond , {'attr': {'placeholder': ' '}}) }}
										<p class="fst-normal">{{ form_widget(form.produitdescriptionsecond , {'attr': {'placeholder': ' '}}) }}</p>


									</div>

									<div class="col-sm-1 ">
										{{ form_widget(form.produitquantitysecond , {'attr': {'placeholder': ' '}}) }}
									</div>
									<div class="col-sm-1 ">
										<span class="input-symbol-euro-after">
											{{ form_widget(form.produitpusecond ) }}
										</span>

									</div>
									<div class="col-sm-1 ">
										<span class="input-symbol-euro-after">
											{{ form_widget(form.produittotalhtsecond ) }}
										</span>
									</div>


									<div class="col-1"></div>
								</div>
								<!-- LIGNE 13 FIN-->

								<!-- LIGNE 14 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>
									<div class="col-6"></div>

									<div class="col-2">
										<label class="col-form-label invoiceh3">TOTAL HT</label>
									</div>
									<div class="col-sm-2 ">
										<span class="input-symbol-euro">
											{{ form_widget(form.totalht) }}
										</span>
									</div>

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

								</div>
								<!-- LIGNE 14 FIN-->

								<!-- LIGNE 15 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>
									<div class="col-6"></div>
									<div class="col-2">
										<label id="tauxtva" class="col-form-label invoiceh3">TOTAL TVA
										</label>
									</div>

									<div class="col-sm-1 ">
										<span class="input-symbol-euro">
											{{ form_widget(form.totaltva) }}
										</span>
									</div>

									<div class="col-1 ">
										{{ form_widget(form.tauxtva) }}
									</div>

								</div>
								<!-- LIGNE 15 FIN-->
								<!-- LIGNE 16 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>
									<div class="col-6"></div>

									<div class="col-2">
										<label class="col-form-label invoiceh3">TOTAL TTC</label>
									</div>
									<div class="col-sm-2 ">
										<span class="input-symbol-euro">
											{{ form_widget(form.totalttc) }}
										</span>
									</div>

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

								</div>
								<!-- LIGNE 16 FIN-->

								<!-- LIGNE 18 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>
									<div class="col-6"></div>

									<div class="col-2">
										<label class="col-form-label invoiceh3">SOLDE À PAYER</label>
									</div>
									<div class="col-sm-1 ">

										<span class="input-symbol-euro">
											{{ form_widget(form.soldepayer) }}
										</span>


									</div>

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

								</div>
								<!-- LIGNE 18 FIN-->

								<!-- LIGNE SÉPARATRICE DÉBUT -->
								<div class="row">
									<div class="col-12"><br></div>
								</div>
								<!-- LIGNE SÉPARATRICE FIN -->

								<!-- LIGNE 19 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>

									<div class="col-3">
										<label class="col-form-label invoiceh4">INFORMATIONS DE PAIEMENT</label>
									</div>

									<div class="col-7">
										<div class="col-sm-3 ">
										{{ form_widget(form.paymentmethod) }}
									</div>
									</div>

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

								</div>
								<!-- LIGNE 19 FIN-->
								<!-- LIGNE 20 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>

									<div class="col-1 text-end">
										<label id="labeliban" class="col-form-label invoiceh3">{{ form_label(form.entrepriseiban) }}</label>
									</div>
									<div class="col-sm-3 ">
										{{ form_widget(form.entrepriseiban) }}
									</div>
									<div class="col-1 text-end">
										<label id="labelbic" class="col-form-label invoiceh3">{{ form_label(form.entreprisebic) }}</label>
									</div>
									<div class="col-sm-2 ">
										{{ form_widget(form.entreprisebic) }}
									</div>
									<div class="col-1 text-end">
										<label id="labelbanque" class="col-form-label invoiceh3">{{ form_label(form.entreprisebanque) }}</label>
									</div>
									<div class="col-sm-2 ">
										{{ form_widget(form.entreprisebanque) }}
									</div>

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

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

								</div>
								<!-- LIGNE 20 FIN-->
								<!-- LIGNE SÉPARATRICE DÉBUT -->
								<div class="row">
									<div class="col-12"><br></div>
								</div>
								<!-- LIGNE SÉPARATRICE FIN -->

								<!-- LIGNE 21 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>

									<div class="col-3">
										<label class="col-form-label invoiceh4">COMMENTAIRES</label>
									</div>

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

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

								</div>
								<!-- LIGNE 21 FIN-->


								<!-- LIGNE 22 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>

									<div class="col-10">
										{{ form_widget(form.commentaire1, {'attr': {'placeholder': ''}}) }}
									</div>

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

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

								</div>
								<!-- LIGNE 22 FIN-->
								<!-- LIGNE 23 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>

									<div class="col-10">
										{{ form_widget(form.commentaire2, {'attr': {'placeholder': ''}}) }}
									</div>

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

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

								</div>
								<!-- LIGNE 23 FIN-->
								<!-- LIGNE 24 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>

									<div class="col-10">
										{{ form_widget(form.commentaire3, {'attr': {'placeholder': ''}}) }}
									</div>

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

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

								</div>
								<!-- LIGNE 24 FIN-->
								<!-- LIGNE 25 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>

									<div class="col-10">
										{{ form_widget(form.commentaire4, {'attr': {'placeholder': ''}}) }}
									</div>

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

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

								</div>
								<!-- LIGNE 25 FIN-->
								<!-- LIGNE 26 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>

									<div class="col-10">
										{{ form_widget(form.commentaire5, {'attr': {'placeholder': ''}}) }}
									</div>

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

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

								</div>
								<!-- LIGNE 26 FIN-->

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

					</div>

					<div class="modal-footer">
						{{ form_widget(form.finaliser) }}

						<button type="submit" class="btn btn-primary">{{ button_label|default('SAUVEGARDER') }}</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 pour ajouter 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'UNE FACTURE
							</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">

								{{ form_start(form) }}
								{{ form_row(form._token) }}

								<!-- LIGNE 1 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>
									<div class="col-1">
										<img src="/assets/img/logo.png" alt="" height="45">
									</div>
									<div class="col-5"></div>
									<div class="col-2 text-end invoicetitle">
										<label class="col-form-label invoicetitle">FACTURE</label>
									</div>
									<div class="col-sm-2 ">
										{{ form_widget(form.reference,{'value' :  invoiceid }, {'attr': {'placeholder': ' '}}) }}
									</div>
									<div class="col-1"></div>

								</div>
								<!-- LIGNE 1 FIN-->

								<!-- LIGNE 2 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>
									<div class="col-2">
										<label class="col-form-label invoiceh1">FACTURÉ PAR</label>
									</div>
									<div class="col-6"></div>
									<div class="col-2">
										<label class="col-form-label invoiceh1">FACTURÉ À</label>
									</div>

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

								</div>
								<!-- LIGNE 2 FIN-->

								<!-- LIGNE 3 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>
									<div class="col-2 invoiceinputpadding-left">
										{{ form_widget(form.entreprise , {'attr': {'placeholder': ' '}}) }}
									</div>
									<div class="col-6"></div>
									<div class="col-2 invoiceinputpadding-left">
										{{ form_widget(form.idclientclient, {'attr': {'placeholder': ' '}}) }}
									</div>

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

								</div>
								<!-- LIGNE 3 FIN-->

								<!-- LIGNE 4 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>
									<div class="col-2 invoiceinputpadding-left">
										{{ form_widget(form.entrepriseadresse, {'attr': {'placeholder': ''}}) }}
									</div>
									<div class="col-6"></div>
									<div class="col-2 invoiceinputpadding-left">
										{{ form_widget(form.clientadresse, {'attr': {'placeholder': ' '}}) }}
									</div>

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

								</div>
								<!-- LIGNE 4 FIN-->

								<!-- LIGNE 5 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>
									<div class="col-2 invoiceinputpadding-left">
										{{ form_widget(form.entreprisecodepostal, {'attr': {'placeholder': ' '}}) }}
									</div>
									<div class="col-6"></div>
									<div class="col-2 invoiceinputpadding-left">
										{{ form_widget(form.clientcodepostal, {'attr': {'placeholder': ' '}}) }}
									</div>

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

								</div>
								<!-- LIGNE 5 FIN-->
								<!-- LIGNE 6 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>
									<div class="col-2 invoiceinputpadding-left">
										{{ form_widget(form.entrepriseville, {'attr': {'placeholder': ' '}}) }}
									</div>
									<div class="col-6"></div>
									<div class="col-2 invoiceinputpadding-left">
										{{ form_widget(form.clientville, {'attr': {'placeholder': ' '}}) }}
									</div>

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

								</div>
								<!-- LIGNE 6 FIN-->
								<!-- LIGNE SÉPARATRICE DÉBUT -->
								<div class="row">
									<div class="col-12"><br></div>
								</div>
								<!-- LIGNE SÉPARATRICE FIN -->
								<!-- LIGNE 7 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>
									<div class="col-sm-2 invoiceinputpadding-left">
										{{ form_widget(form.entrepriseemail, {'attr': {'placeholder': ' '}}) }}
									</div>
									<div class="col-5"></div>
									<div class="col-1 text-end">
										<label class="col-form-label invoiceh3">réf. client:</label>
									</div>
									<div class="col-sm-2 ">
										{{ form_widget(form.clientreference, {'attr': {'placeholder': ' '}}) }}
									</div>

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

								</div>
								<!-- LIGNE 7 FIN-->

								<!-- LIGNE 8 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>
									<div class="col-2 invoiceinputpadding-left">
										{{ form_widget(form.entreprisemobile, {'attr': {'placeholder': ' '}}) }}
									</div>
									<div class="col-4"></div>
									<div class="col-2 text-end">
										<label class="col-form-label invoiceh3">réf. commande:</label>
									</div>
									<div class="col-sm-2 ">
										{{ form_widget(form.idcommande, {'attr': {'placeholder': ' '}}) }}
									</div>

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

								</div>
								<!-- LIGNE 8 FIN-->

								<!-- LIGNE SÉPARATRICE DÉBUT -->
								<div class="row">
									<div class="col-12"><br></div>
								</div>
								<!-- LIGNE SÉPARATRICE FIN -->

								<!-- LIGNE 9 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>
									<div class="col-sm-2 ">
										<label class="col-form-label invoiceh3">période de facturation</label>
									</div>
									<div class="col-sm-2 ">
										<label class="col-form-label invoiceh3">
											délai de paiement</label>
									</div>
									<div class="col-2"></div>

									<div class="col-sm-2 ">
										<label class="col-form-label invoiceh3">date de facturation</label>
									</div>
									<div class="col-sm-2 ">
										<label class="col-form-label invoiceh3">date d'échéance</label>
									</div>
									<div class="col-1"></div>

								</div>
								<!-- LIGNE 9 FIN-->
								<!-- LIGNE 10 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>
									<div class="col-sm-2 ">
										{{ form_widget(form.startbillingperiod, {'attr': {'placeholder': ' '}}) }}
										<p class="fst-normal">{{ form_widget(form.endbillingperiod , {'attr': {'placeholder': ' '}}) }}</p>

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

									<div class="col-sm-2 ">
										{{ form_widget(form.billingdate , {'attr': {'placeholder': ' '}}) }}
									</div>
									<div class="col-sm-2 ">
										{{ form_widget(form.duedate , {'attr': {'placeholder': ' '}}) }}
									</div>
									<div class="col-1"></div>

								</div>
								<!-- LIGNE 10 FIN-->


								<!-- LIGNE SÉPARATRICE DÉBUT -->
								<div class="row">
									<div class="col-12"><br></div>
								</div>
								<!-- LIGNE SÉPARATRICE FIN -->

								<!-- LIGNE 12 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>


									<div class="col-sm-1 ">
										<label class="col-form-label table-tr">#</label>
									</div>
									<div class="col-sm-6 ">
										<label class="col-form-label invoiceh4">DESCRIPTION</label>
									</div>

									<div class="col-sm-1 ">
										<label class="col-form-label invoiceh4">QUANTITÉ</label>
									</div>
									<div class="col-sm-1 ">
										<label class="col-form-label invoiceh4">TARIF HT</label>
									</div>
									<div class="col-sm-1 ">
										<label class="col-form-label invoiceh4">TOTAL HT</label>
									</div>


									<div class="col-1"></div>
								</div>
								<!-- LIGNE 12 FIN-->

								<!-- LIGNE 13 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>


									<div class="col-sm-1 ">
										<label class="col-form-label table-tr">1</label>
									</div>
									<div class="col-sm-6 ">
										{{ form_widget(form.idproduitfirst , {'attr': {'placeholder': ' '}}) }}
										<p class="fst-normal">{{ form_widget(form.produitdescriptionfirst , {'attr': {'placeholder': ' '}}) }}</p>


									</div>

									<div class="col-sm-1 ">
										{{ form_widget(form.produitquantityfirst , {'attr': {'placeholder': ' '}}) }}
									</div>
									<div class="col-sm-1 ">
										<span class="input-symbol-euro-after">
											{{ form_widget(form.produitpufirst ) }}
										</span>

									</div>
									<div class="col-sm-1 ">
										<span class="input-symbol-euro-after">
											{{ form_widget(form.produittotalhtfirst ) }}
										</span>
									</div>


									<div class="col-1"></div>
								</div>
								<!-- LIGNE 13 FIN-->


								<!-- LIGNE 13 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>


									<div class="col-sm-1 ">
										<label class="col-form-label table-tr">2</label>
									</div>
									<div class="col-sm-6 ">
										{{ form_widget(form.idproduitsecond , {'attr': {'placeholder': ' '}}) }}
										<p class="fst-normal">{{ form_widget(form.produitdescriptionsecond , {'attr': {'placeholder': ' '}}) }}</p>


									</div>

									<div class="col-sm-1 ">
										{{ form_widget(form.produitquantitysecond , {'attr': {'placeholder': ' '}}) }}
									</div>
									<div class="col-sm-1 ">
										<span class="input-symbol-euro-after">
											{{ form_widget(form.produitpusecond ) }}
										</span>

									</div>
									<div class="col-sm-1 ">
										<span class="input-symbol-euro-after">
											{{ form_widget(form.produittotalhtsecond ) }}
										</span>
									</div>


									<div class="col-1"></div>
								</div>
								<!-- LIGNE 13 FIN-->

								<!-- LIGNE 14 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>
									<div class="col-6"></div>

									<div class="col-2">
										<label class="col-form-label invoiceh3">TOTAL HT</label>
									</div>
									<div class="col-sm-2 ">
										<span class="input-symbol-euro">
											{{ form_widget(form.totalht) }}
										</span>
									</div>

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

								</div>
								<!-- LIGNE 14 FIN-->

								<!-- LIGNE 15 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>
									<div class="col-6"></div>
									<div class="col-2">
										<label id="tauxtva" class="col-form-label invoiceh3">TOTAL TVA
										</label>
									</div>

									<div class="col-sm-1 ">
										<span class="input-symbol-euro">
											{{ form_widget(form.totaltva) }}
										</span>
									</div>

									<div class="col-1 ">
										{{ form_widget(form.tauxtva) }}
									</div>

								</div>
								<!-- LIGNE 15 FIN-->
								<!-- LIGNE 16 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>
									<div class="col-6"></div>

									<div class="col-2">
										<label class="col-form-label invoiceh3">TOTAL TTC</label>
									</div>
									<div class="col-sm-2 ">
										<span class="input-symbol-euro">
											{{ form_widget(form.totalttc) }}
										</span>
									</div>

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

								</div>
								<!-- LIGNE 16 FIN-->

								<!-- LIGNE 18 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>
									<div class="col-6"></div>

									<div class="col-2">
										<label class="col-form-label invoiceh3">SOLDE À PAYER</label>
									</div>
									<div class="col-sm-1 ">

										<span class="input-symbol-euro">
											{{ form_widget(form.soldepayer) }}
										</span>


									</div>

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

								</div>
								<!-- LIGNE 18 FIN-->

								<!-- LIGNE SÉPARATRICE DÉBUT -->
								<div class="row">
									<div class="col-12"><br></div>
								</div>
								<!-- LIGNE SÉPARATRICE FIN -->

									<!-- LIGNE 19 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>

									<div class="col-3">
										<label class="col-form-label invoiceh4">INFORMATIONS DE PAIEMENT</label>
									</div>

									<div class="col-7">
										<div class="col-sm-3 ">
										{{ form_widget(form.paymentmethod) }}
									</div>
									</div>

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

								</div>
								<!-- LIGNE 19 FIN-->
							<!-- LIGNE 20 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>

									<div class="col-1 text-end">
										<label id="labeliban" class="col-form-label invoiceh3">{{ form_label(form.entrepriseiban) }}</label>
									</div>
									<div class="col-sm-3 ">
										{{ form_widget(form.entrepriseiban) }}
									</div>
									<div class="col-1 text-end">
										<label id="labelbic" class="col-form-label invoiceh3">{{ form_label(form.entreprisebic) }}</label>
									</div>
									<div class="col-sm-2 ">
										{{ form_widget(form.entreprisebic) }}
									</div>
									<div class="col-1 text-end">
										<label id="labelbanque" class="col-form-label invoiceh3">{{ form_label(form.entreprisebanque) }}</label>
									</div>
									<div class="col-sm-2 ">
										{{ form_widget(form.entreprisebanque) }}
									</div>

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

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

								</div>
								<!-- LIGNE 20 FIN-->
								<!-- LIGNE SÉPARATRICE DÉBUT -->
								<div class="row">
									<div class="col-12"><br></div>
								</div>
								<!-- LIGNE SÉPARATRICE FIN -->

								<!-- LIGNE 21 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>

									<div class="col-3">
										<label class="col-form-label invoiceh4">COMMENTAIRES</label>
									</div>

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

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

								</div>
								<!-- LIGNE 21 FIN-->


								<!-- LIGNE 22 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>

									<div class="col-10">
										{{ form_widget(form.commentaire1, {'attr': {'placeholder': ''}}) }}
									</div>

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

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

								</div>
								<!-- LIGNE 22 FIN-->
								<!-- LIGNE 23 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>

									<div class="col-10">
										{{ form_widget(form.commentaire2, {'attr': {'placeholder': ''}}) }}
									</div>

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

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

								</div>
								<!-- LIGNE 23 FIN-->
								<!-- LIGNE 24 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>

									<div class="col-10">
										{{ form_widget(form.commentaire3, {'attr': {'placeholder': ''}}) }}
									</div>

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

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

								</div>
								<!-- LIGNE 24 FIN-->
								<!-- LIGNE 25 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>

									<div class="col-10">
										{{ form_widget(form.commentaire4, {'attr': {'placeholder': ''}}) }}
									</div>

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

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

								</div>
								<!-- LIGNE 25 FIN-->
								<!-- LIGNE 26 DÉBUT-->
								<div class="row">
									<div class="col-1"></div>

									<div class="col-10">
										{{ form_widget(form.commentaire5, {'attr': {'placeholder': ''}}) }}
									</div>

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

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

								</div>
								<!-- LIGNE 26 FIN-->

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

					</div>

					<div class="modal-footer">
						{{ form_widget(form.finaliser) }}

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

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

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

</div></div></div></div><script>
EventListenerClient();
EventListenerProduitfirst();
EventListenerProduitsecond();
EventListenerPaymentmethod();

$('#invoice_produitquantityfirst').on('change blur mouseup mousedown mouseout keydown', function () {
calcultotaux();
});

$('#invoice_produitquantitysecond').on('change blur mouseup mousedown mouseout keydown', function () {
calcultotaux();
});

document.getElementById("invoice_produitpufirst").onchange = function () {
calcultotaux()
};
document.getElementById("invoice_produitpusecond").onchange = function () {
calcultotaux()

};

$(document).ready(function () {
updatelabeltauxtva();
});</script></body>