{# templates/_shared/paiement/_modal_form.html.twig #}

<div class="modal-header bg-success text-white">
	<h5 class="modal-title">
		<i class="fas fa-money-bill-wave me-2"></i>Nouveau Paiement</h5>
	<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
</div>

{{ form_start(form) }}
<div class="modal-body">
	<div class="alert alert-info py-2 mb-3">
		<i class="fas fa-info-circle me-1"></i>
		<small>
			<strong>Projet :</strong>
			{{ souscription.lot.Projet.nom }}
			<span class="mx-1">|</span>
			<strong>Lot :</strong>
			{{ souscription.lot.nomBien }}
			<span class="mx-1">|</span>
			<strong>Client :</strong>
			{{ souscription.client.fullName }}
			{# Correction ici : nomComplete -> fullName #}
		</small>
	</div>

	<div class="row">
		<div class="col-md-6 mb-3">
			{{ form_row(form.montant) }}
		</div>
		<div class="col-md-6 mb-3">
			{{ form_row(form.moyenPaiement, {'attr': {'class': 'form-select select-moyen-js'}}) }}
		</div>
	</div>

	<div class="row">
		<div class="col-md-6 mb-3">
			{{ form_row(form.datePaiement) }}
		</div>
		<div class="col-md-6 mb-3" id="wrapper-reference">
			{{ form_row(form.referenceTransaction) }}
		</div>
	</div>

	<div class="mb-0">
		{{ form_row(form.preuveFile) }}
		<div class="form-text mt-0" style="font-size: 0.75rem;">
			Format : PDF, JPG ou PNG (Max 2Mo).
		</div>
	</div>
</div>

<div class="modal-footer bg-light">
	<button type="button" class="btn btn-sm btn-secondary" data-bs-dismiss="modal">Annuler</button>
	<button type="submit" class="btn btn-sm btn-success px-4">
		<i class="fas fa-check me-1"></i>
		Enregistrer le paiement
	</button>
</div>
{{ form_end(form) }}