AA Page teste Formulaire

document.addEventListener(‘DOMContentLoaded’, function() {
// Éléments DOM
const previewContainer = document.getElementById(‘annonce-preview’);
const previewContent = document.getElementById(‘preview-content’);
const downloadBtn = document.getElementById(‘download-pdf’);
const form = document.querySelector(‘.wpcf7-form’);

// Fonction pour mettre à jour la prévisualisation
function updatePreview() {
// Récupérer les valeurs des champs
const denomination = document.querySelector(‘[name= »denomination »]’)?.value ||  »;
const capital = document.querySelector(‘[name= »capital-social »]’)?.value ||  »;
const dateActe = document.querySelector(‘[name= »date-acte »]’)?.value ||  »;

// Générer le HTML de prévisualisation
previewContent.innerHTML = `
<h4>Annonce Légale Constitution d’Une SARL</h4>
<p><strong>Personne à contacter:</strong> ${document.querySelector(‘[name= »contact-nom »]’)?.value ||  »}</p>
<p><strong>E-mail:</strong> ${document.querySelector(‘[name= »contact-email »]’)?.value ||  »}</p>
<p><strong>Téléphone:</strong> ${document.querySelector(‘[name= »contact-phone »]’)?.value ||  »}</p>

<h5>I- Constitution de la SARL</h5>
<p>Aux termes d’un acte sous seing privé en date du ${dateActe}, il a été constitué une société A Responsabilité Limitée</p>
<p><strong>Dénomination sociale:</strong> ${denomination}</p>
<p><strong>Capital social:</strong> ${capital} DHS</p>

<h5>Les associés:</h5>
<ul id= »preview-associes »></ul>

<!– Ajouter d’autres sections selon vos besoins –>
`;

// Ajouter les associés
const associesList = document.getElementById(‘preview-associes’);
associesList.innerHTML =  »;

// Parcourir tous les associés
let i = 1;
while (true) {
const nom = document.querySelector(`[name= »associe-${i}-nom »]`)?.value;
const parts = document.querySelector(`[name= »associe-${i}-parts »]`)?.value;

if (!nom) break;

const li = document.createElement(‘li’);
li.textContent = `${nom} – ${parts} parts`;
associesList.appendChild(li);
i++;
}

// Afficher le conteneur de prévisualisation
previewContainer.style.display = ‘block’;
}

// Mettre à jour la prévisualisation à chaque changement
form.addEventListener(‘input’, updatePreview);

// Initialiser la prévisualisation
updatePreview();

// Générer le PDF
downloadBtn.addEventListener(‘click’, function() {
// Créer un nouveau PDF
const doc = new jsPDF();

// Ajouter le contenu
doc.setFontSize(16);
doc.text(‘Annonce Légale Constitution d\’Une SARL’, 15, 15);

doc.setFontSize(12);
doc.text(`Personne à contacter: ${document.querySelector(‘[name= »contact-nom »]’)?.value ||  »}`, 15, 25);
doc.text(`E-mail: ${document.querySelector(‘[name= »contact-email »]’)?.value ||  »}`, 15, 30);
doc.text(`Téléphone: ${document.querySelector(‘[name= »contact-phone »]’)?.value ||  »}`, 15, 35);

// … ajouter le reste du contenu …

// Sauvegarder le PDF
doc.save(‘annonce-legale.pdf’);
});

// Activer le bouton après validation
form.addEventListener(‘wpcf7mailsent’, function() {
downloadBtn.style.display = ‘block’;
});
});