newdesigngestionnaire/vues_newdesign/includes/modals.php
2026-03-12 09:15:34 +00:00

131 lines
6.6 KiB
PHP

<!-- ================================================= -->
<!-- MODALS - NE PAS SUPPRIMER LES BOUTONS CACHÉS -->
<!-- Utilisés par les fonctions JavaScript existantes -->
<!-- ================================================= -->
<!-- Bouton caché pour déclencher la modal des messages non lus -->
<button id="btn_pop_messagerie" type="button" class="d-none" data-bs-toggle="modal" data-bs-target="#popmessagerie">
<?= _("Afficher les messages non lus...") ?>
</button>
<!-- Bouton caché pour déclencher la modal d'alerte message -->
<button id="btn_pop_dernier_messagerie" type="button" class="d-none" data-bs-toggle="modal" data-bs-target="#popderniermessagerie">
<?= _("Alerte Réception Message...") ?>
</button>
<!-- ================================================= -->
<!-- MODAL : Messages non lus -->
<!-- ================================================= -->
<div class="modal fade" id="popmessagerie" tabindex="-1" aria-labelledby="popmessagerieLabel" aria-hidden="true">
<div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="popmessagerieLabel">
<i class="bi bi-envelope me-2"></i><?= _("Messages non lus") ?>
</h5>
<button type="button" class="btn p-2 border-0 shadow-none d-flex align-items-center justify-content-center"
data-bs-dismiss="modal" aria-label="Close"
style="background: transparent; transition: transform 0.2s ease;">
<i class="fas fa-times text-white fs-4"></i>
</button>
</div>
<div class="modal-body">
<div id="div_messagerie" class="messagerie-container">
<!-- Contenu chargé dynamiquement par JavaScript -->
<div class="text-center text-muted py-4">
<i class="bi bi-hourglass-split me-2"></i><?= _("Chargement...") ?>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-light" data-bs-dismiss="modal">
<i class="bi bi-x-lg me-2"></i><?= _("Fermer") ?>
</button>
</div>
</div>
</div>
</div>
<!-- ================================================= -->
<!-- MODAL : Alerte dernier message -->
<!-- ================================================= -->
<div class="modal fade" id="popderniermessagerie" tabindex="-1" aria-labelledby="popderniermessagerieLabel" aria-hidden="true">
<div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="popderniermessagerieLabel">
<i class="bi bi-exclamation-circle me-2"></i><?= _("Alerte Réception Message...") ?>
</h5>
<button type="button" class="btn p-2 border-0 shadow-none d-flex align-items-center justify-content-center"
data-bs-dismiss="modal" aria-label="Close"
style="background: transparent; transition: transform 0.2s ease;">
<i class="fas fa-times text-white fs-4"></i>
</button>
</div>
<div class="modal-body">
<div id="div_dernier_messagerie" class="messagerie-container">
<!-- Contenu chargé dynamiquement par JavaScript -->
<div class="text-center text-muted py-4">
<i class="bi bi-hourglass-split me-2"></i><?= _("Chargement...") ?>
</div>
</div>
</div>
<div class="modal-footer">
<button id="btn_close_pop_dernier_messagerie" type="button" class="btn btn-light" data-bs-dismiss="modal">
<i class="bi bi-x-lg me-2"></i><?= _("Fermer") ?>
</button>
</div>
</div>
</div>
</div>
<!-- ================================================= -->
<!-- MODAL : Photo bénéficiaire -->
<!-- ================================================= -->
<div class="modal fade" id="pop_photo" tabindex="-1" aria-labelledby="pop_photoLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="pop_photoLabel">
<i class="bi bi-camera me-2"></i><?= _("Photo du bénéficiaire") ?>
</h5>
<button type="button" class="btn p-2 border-0 shadow-none d-flex align-items-center justify-content-center"
data-bs-dismiss="modal" aria-label="Close"
style="background: transparent; transition: transform 0.2s ease;">
<i class="fas fa-times text-white fs-4"></i>
</button>
</div>
<div class="modal-body text-center">
<?php if (!empty($imgData) && $_SESSION['faceRegistered_C'] == "1"): ?>
<img src="data:image/jpg;base64,<?= $imgData ?>"
class="img-fluid rounded-3"
style="max-height: 70vh; width: auto;"
alt="<?= _("Photo bénéficiaire") ?>">
<?php else: ?>
<div class="text-muted py-5">
<i class="bi bi-image fs-1 d-block mb-3"></i>
<p><?= _("Aucune photo disponible") ?></p>
</div>
<?php endif; ?>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-light" data-bs-dismiss="modal">
<i class="bi bi-x-lg me-2"></i><?= _("Fermer") ?>
</button>
</div>
</div>
</div>
</div>
<!-- ================================================= -->
<!-- MODAL : Changement de mot de passe (si existante) -->
<!-- ================================================= -->
<?php if (function_exists('change_password_modal')): ?>
<!-- Si vous avez une modal dédiée au changement de mot de passe, elle peut être incluse ici -->
<?php endif; ?>
<!-- ================================================= -->
<!-- NOTE : Les IDs des boutons déclencheurs sont conservés -->
<!-- btn_pop_messagerie et btn_pop_dernier_messagerie sont utilisés -->
<!-- par les fonctions JavaScript pop_messagerie() et raffraichir_messagerie() -->
<!-- ================================================= -->