From 891607dc63eba9cfd396de0b280f42ce01e522e7 Mon Sep 17 00:00:00 2001
From: KONE SOREL <skone@ebene.info>
Date: Mon, 12 Jan 2026 08:31:47 +0000
Subject: [PATCH] d

---
 Vue/Ficheadherent/index.php | 372 ++++++++++++++++++------------------
 1 file changed, 187 insertions(+), 185 deletions(-)

diff --git a/Vue/Ficheadherent/index.php b/Vue/Ficheadherent/index.php
index 1ca3266..d1d4a9c 100644
--- a/Vue/Ficheadherent/index.php
+++ b/Vue/Ficheadherent/index.php
@@ -48,212 +48,214 @@
 <INPUT class="sr-only" TYPE="text" id="remplacant" 				name="remplace" value="<?= $adherent['remplacant'] ?>" >
 <INPUT class="sr-only" TYPE="text" id="idApporteur" 			name="idApporteur" value="<?= $idApporteur ?>" >
 
-<form name="formficheadehrent" id="formficheadehrent" method="POST" class="container-fluid py-4">
-    <input type="hidden" id="codeEtatFacturation" name="codeEtatFacturation" value="<?= $adherent['codeEtatFacturation'] ?>">
-    <input type="hidden" id="numeroBeneficiaire" name="numeroBeneficiaire" value="<?= $adherent['numeroBeneficiaire'] ?>">
-    <input type="hidden" id="codeEtatAdherent" name="codeEtatAdherent" value="<?= $adherent['codeEtatAdherent'] ?>">
+<div id="div_adherent" class="container-fluid py-4 animate__animated animate__fadeIn">
+    <form name="formficheadehrent" id="formficheadehrent" method="POST" class="container-fluid py-4">
+        <input type="hidden" id="codeEtatFacturation" name="codeEtatFacturation" value="<?= $adherent['codeEtatFacturation'] ?>">
+        <input type="hidden" id="numeroBeneficiaire" name="numeroBeneficiaire" value="<?= $adherent['numeroBeneficiaire'] ?>">
+        <input type="hidden" id="codeEtatAdherent" name="codeEtatAdherent" value="<?= $adherent['codeEtatAdherent'] ?>">
 
-    <?php if ($adherentRetire == "1") : ?>
-        <div class="alert alert-danger d-flex align-items-center mb-4 shadow-sm" role="alert">
-            <i class="fas fa-exclamation-triangle me-3 fa-2x"></i>
-            <div>
-                <h4 class="alert-heading mb-0"><?= _("Adhérent sorti le") . " : " . dateLang($dateSortieAdherent) ?></h4>
+        <?php if ($adherentRetire == "1") : ?>
+            <div class="alert alert-danger d-flex align-items-center mb-4 shadow-sm" role="alert">
+                <i class="fas fa-exclamation-triangle me-3 fa-2x"></i>
+                <div>
+                    <h4 class="alert-heading mb-0"><?= _("Adhérent sorti le") . " : " . dateLang($dateSortieAdherent) ?></h4>
+                </div>
+            </div>
+        <?php endif; ?>
+
+        <div class="card shadow-sm mb-4">
+            <div class="card-header bg-primary text-white d-flex justify-content-between align-items-center">
+                <h5 class="mb-0"><i class="fas fa-user-circle me-2"></i><?= _("Informations sur l'adhérent") ?> : <span class="badge bg-light text-primary"><?= $this->nettoyer($adherent['numeroAdherent']) ?></span></h5>
+            </div>
+            <div class="card-body bg-light">
+                <div class="row g-3">
+                    <div class="col-md-4">
+                        <label class="form-label small text-muted text-uppercase fw-bold"><?= _("Nom & Prénoms") ?></label>
+                        <div class="input-group">
+                            <span class="input-group-text"><i class="fas fa-id-card"></i></span>
+                            <input type="text" class="form-control bg-white" value="<?= $this->nettoyer($adherent['nom']) ?> <?= $this->nettoyer($adherent['prenoms']) ?>" readonly>
+                        </div>
+                    </div>
+                    <div class="col-md-4">
+                        <label class="form-label small text-muted text-uppercase fw-bold"><?= _("Collège") ?></label>
+                        <input type="text" class="form-control bg-white" value="<?= $this->nettoyer($adherent['libelleCollege']) ?>" readonly>
+                    </div>
+                    <div class="col-md-4">
+                        <label class="form-label small text-muted text-uppercase fw-bold"><?= _("Contact") ?></label>
+                        <div class="input-group">
+                            <span class="input-group-text"><i class="fas fa-phone"></i></span>
+                            <input type="text" class="form-control bg-white" value="<?= $this->nettoyer($adherent['telephonePortable']) ?>" readonly>
+                        </div>
+                    </div>
+                    <div class="col-md-4">
+                        <label class="form-label small text-muted text-uppercase fw-bold"><?= _("E-mail") ?></label>
+                        <input type="email" class="form-control bg-white" value="<?= $this->nettoyer($adherent['email']) ?>" readonly>
+                    </div>
+                    <div class="col-md-8">
+                        <label class="form-label small text-muted text-uppercase fw-bold"><?= _("Localisation") ?></label>
+                        <div class="input-group">
+                            <span class="input-group-text"><i class="fas fa-map-marker-alt"></i></span>
+                            <input type="text" class="form-control bg-white" value="<?= $this->nettoyer($adherent['pays']) ?> / <?= $this->nettoyer($adherent['ville']) ?> / <?= $this->nettoyer($adherent['localite']) ?>" readonly>
+                        </div>
+                    </div>
+                </div>
+
+                <?php if ($controlerPlafondAdherent): ?>
+                    <hr class="my-4">
+                    <div class="row g-3 text-center">
+                        <div class="col-md-4">
+                            <div class="p-3 border rounded bg-white shadow-sm">
+                                <div class="small fw-bold text-primary text-uppercase"><?= _("Plafond Famille") ?></div>
+                                <div class="h4 mb-0 text-primary fw-bold"><?= format_N($limite_adherent['plafondAdherent']) ?></div>
+                            </div>
+                        </div>
+                        <div class="col-md-4">
+                            <div class="p-3 border rounded bg-white shadow-sm border-danger">
+                                <div class="small fw-bold text-danger text-uppercase"><?= _("Consommations") ?></div>
+                                <div class="h4 mb-0 text-danger fw-bold"><?= format_N($limite_adherent['consommationAdherent']) ?></div>
+                            </div>
+                        </div>
+                        <div class="col-md-4">
+                            <div class="p-3 border rounded bg-success text-white shadow-sm">
+                                <div class="small fw-bold text-uppercase"><?= _("Solde Disponible") ?></div>
+                                <div class="h4 mb-0 fw-bold"><?= format_N($limite_adherent['soldeAdherent']) ?></div>
+                            </div>
+                        </div>
+                    </div>
+                <?php endif; ?>
             </div>
         </div>
-    <?php endif; ?>
 
-    <div class="card shadow-sm mb-4">
-        <div class="card-header bg-primary text-white d-flex justify-content-between align-items-center">
-            <h5 class="mb-0"><i class="fas fa-user-circle me-2"></i><?= _("Informations sur l'adhérent") ?> : <span class="badge bg-light text-primary"><?= $this->nettoyer($adherent['numeroAdherent']) ?></span></h5>
-        </div>
-        <div class="card-body bg-light">
-            <div class="row g-3">
-                <div class="col-md-4">
-                    <label class="form-label small text-muted text-uppercase fw-bold"><?= _("Nom & Prénoms") ?></label>
-                    <div class="input-group">
-                        <span class="input-group-text"><i class="fas fa-id-card"></i></span>
-                        <input type="text" class="form-control bg-white" value="<?= $this->nettoyer($adherent['nom']) ?> <?= $this->nettoyer($adherent['prenoms']) ?>" readonly>
-                    </div>
+        <?php if ($codeTypeContrat == "F"): ?>
+            <div class="card shadow-sm mb-4 border-info">
+                <div class="card-header bg-info text-dark fw-bold">
+                    <i class="fas fa-file-invoice-dollar me-2"></i><?= _("Récapitulatif des primes") ?>
                 </div>
-                <div class="col-md-4">
-                    <label class="form-label small text-muted text-uppercase fw-bold"><?= _("Collège") ?></label>
-                    <input type="text" class="form-control bg-white" value="<?= $this->nettoyer($adherent['libelleCollege']) ?>" readonly>
-                </div>
-                <div class="col-md-4">
-                    <label class="form-label small text-muted text-uppercase fw-bold"><?= _("Contact") ?></label>
-                    <div class="input-group">
-                        <span class="input-group-text"><i class="fas fa-phone"></i></span>
-                        <input type="text" class="form-control bg-white" value="<?= $this->nettoyer($adherent['telephonePortable']) ?>" readonly>
-                    </div>
-                </div>
-                <div class="col-md-4">
-                    <label class="form-label small text-muted text-uppercase fw-bold"><?= _("E-mail") ?></label>
-                    <input type="email" class="form-control bg-white" value="<?= $this->nettoyer($adherent['email']) ?>" readonly>
-                </div>
-                <div class="col-md-8">
-                    <label class="form-label small text-muted text-uppercase fw-bold"><?= _("Localisation") ?></label>
-                    <div class="input-group">
-                        <span class="input-group-text"><i class="fas fa-map-marker-alt"></i></span>
-                        <input type="text" class="form-control bg-white" value="<?= $this->nettoyer($adherent['pays']) ?> / <?= $this->nettoyer($adherent['ville']) ?> / <?= $this->nettoyer($adherent['localite']) ?>" readonly>
+                <div class="card-body p-0">
+                    <div class="table-responsive">
+                        <table class="table table-sm table-hover mb-0 align-middle">
+                            <thead class="table-light">
+                                <tr>
+                                    <th class="text-center"><?= _("Prime HT") ?></th>
+                                    <th class="text-center"><?= _("Taxes") ?></th>
+                                    <th class="text-center"><?= _("Prime TTC") ?></th>
+                                    <th class="text-center"><?= _("Nb Échéances") ?></th>
+                                    <th class="text-center"><?= _("Part Assureur") ?></th>
+                                    <th class="text-center"><?= _("Part Tiers") ?></th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr>
+                                    <td class="text-center fw-bold"><?= format_N($adherent['primeHt']) ?></td>
+                                    <td class="text-center text-muted"><?= format_N($adherent['taxe']) ?></td>
+                                    <td class="text-center fw-bold text-primary"><?= format_N($adherent['primeTtc']) ?></td>
+                                    <td class="text-center"><?= $adherent['nbEcheance'] ?></td>
+                                    <td class="text-center"><span class="badge bg-primary"><?= format_N($adherent['partAssureur']) ?></span></td>
+                                    <td class="text-center"><span class="badge bg-danger"><?= format_N($adherent['partTiers']) ?></span></td>
+                                </tr>
+                            </tbody>
+                        </table>
                     </div>
                 </div>
             </div>
+        <?php endif; ?>
 
-            <?php if ($controlerPlafondAdherent): ?>
-                <hr class="my-4">
-                <div class="row g-3 text-center">
-                    <div class="col-md-4">
-                        <div class="p-3 border rounded bg-white shadow-sm">
-                            <div class="small fw-bold text-primary text-uppercase"><?= _("Plafond Famille") ?></div>
-                            <div class="h4 mb-0 text-primary fw-bold"><?= format_N($limite_adherent['plafondAdherent']) ?></div>
-                        </div>
-                    </div>
-                    <div class="col-md-4">
-                        <div class="p-3 border rounded bg-white shadow-sm border-danger">
-                            <div class="small fw-bold text-danger text-uppercase"><?= _("Consommations") ?></div>
-                            <div class="h4 mb-0 text-danger fw-bold"><?= format_N($limite_adherent['consommationAdherent']) ?></div>
-                        </div>
-                    </div>
-                    <div class="col-md-4">
-                        <div class="p-3 border rounded bg-success text-white shadow-sm">
-                            <div class="small fw-bold text-uppercase"><?= _("Solde Disponible") ?></div>
-                            <div class="h4 mb-0 fw-bold"><?= format_N($limite_adherent['soldeAdherent']) ?></div>
-                        </div>
-                    </div>
-                </div>
-            <?php endif; ?>
-        </div>
-    </div>
-
-    <?php if ($codeTypeContrat == "F"): ?>
-        <div class="card shadow-sm mb-4 border-info">
-            <div class="card-header bg-info text-dark fw-bold">
-                <i class="fas fa-file-invoice-dollar me-2"></i><?= _("Récapitulatif des primes") ?>
+        <div class="card shadow-sm mb-4">
+            <div class="card-header bg-secondary text-white">
+                <h5 class="mb-0"><i class="fas fa-users me-2"></i><?= _('Composition de la famille') ?></h5>
             </div>
             <div class="card-body p-0">
-                <div class="table-responsive">
-                    <table class="table table-sm table-hover mb-0 align-middle">
-                        <thead class="table-light">
-                            <tr>
-                                <th class="text-center"><?= _("Prime HT") ?></th>
-                                <th class="text-center"><?= _("Taxes") ?></th>
-                                <th class="text-center"><?= _("Prime TTC") ?></th>
-                                <th class="text-center"><?= _("Nb Échéances") ?></th>
-                                <th class="text-center"><?= _("Part Assureur") ?></th>
-                                <th class="text-center"><?= _("Part Tiers") ?></th>
+                <div class="table-responsive" style="max-height: 400px; overflow-y: auto;">
+                    <table class="table table-hover table-striped mb-0 align-middle shadow-sm">
+                        <thead class="table-dark sticky-top">
+                            <tr class="small">
+                                <th><?= _("Photo") ?></th>
+                                <th><?= _("N° Bénéf.") ?></th>
+                                <th><?= _("Nom & Prénoms") ?></th>
+                                <th class="text-center"><?= _("Sexe") ?></th>
+                                <th><?= _("Lien") ?></th>
+                                <th class="text-center"><?= _("Âge") ?></th>
+                                <th class="text-end"><?= _("Prime HT") ?></th>
+                                <th class="text-end"><?= _("Prime TTC") ?></th>
+                                <th class="text-center"><?= _("État") ?></th>
                             </tr>
                         </thead>
                         <tbody>
+                            <?php foreach ($beneficiaires as $beneficiaire): 
+                                $photoPath = ($beneficiaire['faceRegistered'] == "1") ? $_SESSION['dossierPhoto_C'].$_SESSION['dossierSociete'].'/Photos/'.$beneficiaire['lienPhoto'] : '';
+                                $faceRegistered = $this->nettoyer($beneficiaire['faceRegistered']);
+                            ?>
+                                <tr class="pointer-cursor" onclick="selectionner_beneficiaire(<?= $beneficiaire['idBeneficiaire'] ?>,'<?= $beneficiaire['numeroBeneficiaire'] ?>')">
+                                    <td class="text-center">
+                                        <?php if($faceRegistered == "1"): ?>
+                                        <img src="<?= $photoPath ?>" class="rounded-circle border" width="32" height="32" alt="Photo">
+                                        <?php else: ?>
+                                            <i class="fas fa-user-circle photo-zoom" style="color: #ccc; font-size: 32px;"></i>
+                                        <?php endif; ?>
+                                    </td>
+                                    <td><span class="badge bg-light text-dark border"><?= $beneficiaire['numeroBeneficiaire'] ?></span></td>
+                                    <td class="fw-bold"><?= $this->nettoyer($beneficiaire['nomBeneficiaire']) ?> <?= $this->nettoyer($beneficiaire['prenomsBeneficiaire']) ?></td>
+                                    <td class="text-center"><?= $beneficiaire['sexe'] ?></td>
+                                    <td><?= (est_anglophone()) ? $beneficiaire['LienParenteEng'] : $beneficiaire['LienParente'] ?></td>
+                                    <td class="text-center"><?= $beneficiaire['age'] ?> ans</td>
+                                    <td class="text-end"><?= format_N($beneficiaire['primeHt']) ?></td>
+                                    <td class="text-end fw-bold"><?= format_N($beneficiaire['primeTtc']) ?></td>
+                                    <td class="text-center">
+                                        <span class="badge <?= ($beneficiaire['codeEtatBeneficiaire'] == 'A') ? 'bg-success' : 'bg-warning' ?>">
+                                            <?= $beneficiaire['codeEtatBeneficiaire'] ?>
+                                        </span>
+                                    </td>
+                                </tr>
+                            <?php endforeach; ?>
+                        </tbody>
+                        <tfoot class="table-light fw-bold text-end">
                             <tr>
-                                <td class="text-center fw-bold"><?= format_N($adherent['primeHt']) ?></td>
-                                <td class="text-center text-muted"><?= format_N($adherent['taxe']) ?></td>
-                                <td class="text-center fw-bold text-primary"><?= format_N($adherent['primeTtc']) ?></td>
-                                <td class="text-center"><?= $adherent['nbEcheance'] ?></td>
-                                <td class="text-center"><span class="badge bg-primary"><?= format_N($adherent['partAssureur']) ?></span></td>
-                                <td class="text-center"><span class="badge bg-danger"><?= format_N($adherent['partTiers']) ?></span></td>
+                                <td colspan="6" class="text-center"><?= _("TOTAL FAMILLE") ?></td>
+                                <td><?= format_N($totalbeneficiaires['primeHt']) ?></td>
+                                <td class="text-primary"><?= format_N($totalbeneficiaires['primeTtc']) ?></td>
+                                <td></td>
                             </tr>
+                        </tfoot>
+                    </table>
+                </div>
+            </div>
+        </div>
+
+        <div class="card shadow-sm border-warning">
+            <div class="card-header bg-warning text-dark fw-bold">
+                <i class="fas fa-shield-alt me-2"></i><?= _("Limites et Garanties de la famille") ?>
+            </div>
+            <div class="card-body p-0">
+                <div class="table-responsive">
+                    <table class="table table-sm table-hover align-middle mb-0">
+                        <thead class="bg-light">
+                            <tr class="small text-uppercase">
+                                <th class="ps-3"><?= _("Garantie") ?></th>
+                                <th class="text-center"><?= _("Plafond") ?></th>
+                                <th class="text-center"><?= _("Conso.") ?></th>
+                                <th class="text-center"><?= _("Solde") ?></th>
+                                <th class="text-center"><?= _("Par tête") ?></th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <?php foreach ($garantieadherents as $garantieadherent): ?>
+                                <tr>
+                                    <td class="ps-3 fw-bold"><?= $this->nettoyer($garantieadherent['garantie']) ?></td>
+                                    <td class="text-center fw-bold"><?= format_N($garantieadherent['plafond']) ?></td>
+                                    <td class="text-center text-danger"><?= ($garantieadherent['champApplication'] != '1') ? format_N($garantieadherent['consommation']) : '-' ?></td>
+                                    <td class="text-center fw-bold text-success"><?= ($garantieadherent['champApplication'] != '1') ? format_N($garantieadherent['solde']) : '-' ?></td>
+                                    <td class="text-center text-primary">
+                                        <i class="fas <?= ($garantieadherent['champApplication'] == '1') ? 'fa-check-circle' : 'fa-minus text-muted' ?>"></i>
+                                    </td>
+                                </tr>
+                            <?php endforeach; ?>
                         </tbody>
                     </table>
                 </div>
             </div>
         </div>
-    <?php endif; ?>
-
-    <div class="card shadow-sm mb-4">
-        <div class="card-header bg-secondary text-white">
-            <h5 class="mb-0"><i class="fas fa-users me-2"></i><?= _('Composition de la famille') ?></h5>
-        </div>
-        <div class="card-body p-0">
-            <div class="table-responsive" style="max-height: 400px; overflow-y: auto;">
-                <table class="table table-hover table-striped mb-0 align-middle shadow-sm">
-                    <thead class="table-dark sticky-top">
-                        <tr class="small">
-                            <th><?= _("Photo") ?></th>
-                            <th><?= _("N° Bénéf.") ?></th>
-                            <th><?= _("Nom & Prénoms") ?></th>
-                            <th class="text-center"><?= _("Sexe") ?></th>
-                            <th><?= _("Lien") ?></th>
-                            <th class="text-center"><?= _("Âge") ?></th>
-                            <th class="text-end"><?= _("Prime HT") ?></th>
-                            <th class="text-end"><?= _("Prime TTC") ?></th>
-                            <th class="text-center"><?= _("État") ?></th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <?php foreach ($beneficiaires as $beneficiaire): 
-                            $photoPath = ($beneficiaire['faceRegistered'] == "1") ? $_SESSION['dossierPhoto_C'].$_SESSION['dossierSociete'].'/Photos/'.$beneficiaire['lienPhoto'] : '';
-							$faceRegistered = $this->nettoyer($beneficiaire['faceRegistered']);
-                        ?>
-                            <tr class="pointer-cursor" onclick="selectionner_beneficiaire(<?= $beneficiaire['idBeneficiaire'] ?>,'<?= $beneficiaire['numeroBeneficiaire'] ?>')">
-                                <td class="text-center">
-									<?php if($faceRegistered == "1"): ?>
-                                    <img src="<?= $photoPath ?>" class="rounded-circle border" width="32" height="32" alt="Photo">
-									<?php else: ?>
-										<i class="fas fa-user-circle photo-zoom" style="color: #ccc; font-size: 32px;"></i>
-									<?php endif; ?>
-								</td>
-                                <td><span class="badge bg-light text-dark border"><?= $beneficiaire['numeroBeneficiaire'] ?></span></td>
-                                <td class="fw-bold"><?= $this->nettoyer($beneficiaire['nomBeneficiaire']) ?> <?= $this->nettoyer($beneficiaire['prenomsBeneficiaire']) ?></td>
-                                <td class="text-center"><?= $beneficiaire['sexe'] ?></td>
-                                <td><?= (est_anglophone()) ? $beneficiaire['LienParenteEng'] : $beneficiaire['LienParente'] ?></td>
-                                <td class="text-center"><?= $beneficiaire['age'] ?> ans</td>
-                                <td class="text-end"><?= format_N($beneficiaire['primeHt']) ?></td>
-                                <td class="text-end fw-bold"><?= format_N($beneficiaire['primeTtc']) ?></td>
-                                <td class="text-center">
-                                    <span class="badge <?= ($beneficiaire['codeEtatBeneficiaire'] == 'A') ? 'bg-success' : 'bg-warning' ?>">
-                                        <?= $beneficiaire['codeEtatBeneficiaire'] ?>
-                                    </span>
-                                </td>
-                            </tr>
-                        <?php endforeach; ?>
-                    </tbody>
-                    <tfoot class="table-light fw-bold text-end">
-                        <tr>
-                            <td colspan="6" class="text-center"><?= _("TOTAL FAMILLE") ?></td>
-                            <td><?= format_N($totalbeneficiaires['primeHt']) ?></td>
-                            <td class="text-primary"><?= format_N($totalbeneficiaires['primeTtc']) ?></td>
-                            <td></td>
-                        </tr>
-                    </tfoot>
-                </table>
-            </div>
-        </div>
-    </div>
-
-    <div class="card shadow-sm border-warning">
-        <div class="card-header bg-warning text-dark fw-bold">
-            <i class="fas fa-shield-alt me-2"></i><?= _("Limites et Garanties de la famille") ?>
-        </div>
-        <div class="card-body p-0">
-            <div class="table-responsive">
-                <table class="table table-sm table-hover align-middle mb-0">
-                    <thead class="bg-light">
-                        <tr class="small text-uppercase">
-                            <th class="ps-3"><?= _("Garantie") ?></th>
-                            <th class="text-center"><?= _("Plafond") ?></th>
-                            <th class="text-center"><?= _("Conso.") ?></th>
-                            <th class="text-center"><?= _("Solde") ?></th>
-                            <th class="text-center"><?= _("Par tête") ?></th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <?php foreach ($garantieadherents as $garantieadherent): ?>
-                            <tr>
-                                <td class="ps-3 fw-bold"><?= $this->nettoyer($garantieadherent['garantie']) ?></td>
-                                <td class="text-center fw-bold"><?= format_N($garantieadherent['plafond']) ?></td>
-                                <td class="text-center text-danger"><?= ($garantieadherent['champApplication'] != '1') ? format_N($garantieadherent['consommation']) : '-' ?></td>
-                                <td class="text-center fw-bold text-success"><?= ($garantieadherent['champApplication'] != '1') ? format_N($garantieadherent['solde']) : '-' ?></td>
-                                <td class="text-center text-primary">
-                                    <i class="fas <?= ($garantieadherent['champApplication'] == '1') ? 'fa-check-circle' : 'fa-minus text-muted' ?>"></i>
-                                </td>
-                            </tr>
-                        <?php endforeach; ?>
-                    </tbody>
-                </table>
-            </div>
-        </div>
-    </div>
-</form>
+    </form>
+</div>
 
 <style>
     .pointer-cursor { cursor: pointer; transition: background 0.2s; }