{% extends 'base.html.twig' %}
{# Récupération de l'id du document écriture en cours #}
{% set idEcriture = formEcritures.vars.value.id %}
{% block title %}
	{{titre}}
{% endblock %}

{% block body %}
	<div class="wrapper-table">
		<h1>{{titre}}</h1>

		{# Afficher des boutons suivant condition #}
		{% if (idEcriture is defined) and (idEcriture is not null) %}
			<div class="container-boutons">
				<a href="{{path('ecritures_creer-lignes-details',{id:idEcriture})}}" class="btn btn-lignes-ecritures">
					<i class="fa-solid fa-circle-plus"></i>Ajouter ligne(s)</a>

				<a href="{{path('acomptes_creer-acompte',{id:idEcriture})}}" class="btn btn-ajouter-acomptes">
					<i class="fa-solid fa-circle-plus"></i>Ajouter acompte(s)</a>

				{% if formEcritures.vars.value.typedocument =="Facture" %}
					<a href="{{path('avoirs_creer-avoir',{id:idEcriture})}}" class="btn btn-ajouter-avoirs">
						<i class="fa-solid fa-circle-plus"></i>Ajouter avoir(s)</a>
				{% endif %}

				{% if formEcritures.vars.value.typedocument =="Devis" %}

					<a href="" class="btn btn-transformer-devis">
						<i class="fa-solid fa-file-invoice-dollar"></i>Transformer en facture</a>
				{% endif %}

				<a href="{{path('ecritures_creer-pdf-ecriture',{id:idEcriture})}}" class="btn btn-creer-pdf">
					<i class="fa-regular fa-file-pdf"></i>Créer PDF</a>
				<a href="#" class="btn btn-envoyer-par-mail">
					<i class="fa-solid fa-envelope-open-text"></i>Envoyer par mail</a>
				<a href="#" class="btn btn-annuler-ecriture">
					<i class="fa-solid fa-rectangle-xmark"></i>Annuler écriture</a>
				<button class="btn btn-centered" type="submit">
					<i class="fa-regular fa-floppy-disk"></i>Enregistrer</button>
			</div>

		{% endif %}

		{{ form_start(formEcritures) }}
		<fieldset>
			<legend>Données écriture</legend>
			{{ form_row(formEcritures.type_document) }}
			{{ form_row(formEcritures.num_document) }}
			{{ form_row(formEcritures.date_document) }}
			{{ form_row(formEcritures.etat_document) }}
		</fieldset>
		<fieldset>
			<legend>Détails</legend>
			{{ form_row(formEcritures.liaison) }}
			{{ form_row(formEcritures.vendeur) }}
			{{ form_row(formEcritures.date_echeance) }}
		</fieldset>
		<fieldset>
			<legend>Contact / client</legend>
			{{ form_row(formEcritures.client) }}

			{{ form_row(formEcritures.contact) }}
			<a href="#" class="btn btn-recherche">
				<i class="fa-solid fa-magnifying-glass"></i>
			</a>

			{{ form_row(formEcritures.champ_recherche_contact) }}

			<div id="resultat_recherche"></div>
		</fieldset>
		<fieldset>
			<legend>Détails complémentaires</legend>
			{{ form_row(formEcritures.mode_paiement) }}
			{{ form_row(formEcritures.remise_globale) }}
			{{ form_row(formEcritures.taux_remise_globale) }}
		</fieldset>
		<fieldset>
			<legend>Entête / libellé</legend>
			{{ form_row(formEcritures.libelle) }}
		</fieldset>
		{{ form_rest(formEcritures) }}
		{{ form_end(formEcritures) }}
		<button type="submit" class="btn btn-enregistrer">Enregistrer</button>

		{{ include('_partials/_tabs-ecritures.html.twig') }}
	</div>
{% endblock %}
{% block javascripts %}
	<script src={{asset('assets/js/ControlesEcritures.js')}} type="module" defer></script>
	<script src={{asset('assets/js/rechercher-contact.js')}} type="module" defer></script>
	<script src={{asset('assets/js/onglets.js')}} type="module" defer></script>
{% endblock %}