production/Vue/contexte.php

<input type="text" class="sr-only" id="numeroClient_C" name="numeroClient_C" value="<?= $this->nettoyer($_SESSION['numeroClient_C']) ?>">
<input type="text" class="sr-only" id="codeGcAssureur_C" NAME="codeGcAssureur_C" value="<?= $this->nettoyer($_SESSION['codeGcAssureur_C']) ?>">

<button class="chatbot-trigger shadow-lg" id="showSideNav" title="<?= _("Afficher contexte")?>">
    <div class="pulse"></div>
    <i class="fa-solid fa-id-card"></i>
    <span class="badge rounded-pill bg-danger badge-msg-count" id="badge_notif_msg">0</span>
</button>

<div id="barre_laterale_d" class="context-sidebar shadow-lg">
    <div class="context-header d-flex align-items-center justify-content-between border-bottom">
        <div class="d-flex align-items-center text-primary">
            <i class="fa fa-cog fa-spin me-2"></i>
            <span class="fw-bold small text-uppercase"><?= _("Gestion du Contexte") ?></span>
        </div>
        <button class="btn-close-context" id="hideSideNav">
            <i class="fa-solid fa-angle-double-right"></i>
        </button>
    </div>

    <div class="context-body p-3">
        <div class="context-section mb-3">
            <label class="section-label"><?= _("Garant & Souscripteur") ?></label>
            <div class="info-card p-2 border-start border-primary border-4 shadow-sm bg-white rounded">
                <div class="mb-2">
                    <div class="d-flex justify-content-between align-items-start">
                        <small class="text-muted"><i class="fas fa-user-shield me-1"></i> <?= _("Garant") ?></small>
                        <a href="javascript:afficher_garant('<?=$this->nettoyer($_SESSION['codeGcAssureur_C']);?>');" class="badge bg-light text-primary text-decoration-none border"><?= $this->nettoyer($_SESSION['codeGcAssureur_C']) ?></a>
                    </div>
                    <button class="btn btn-sm btn-light w-100 text-truncate fw-bold mt-1 text-start" onclick="javascript:afficher_garant('<?=$this->nettoyer($_SESSION['codeGcAssureur_C']);?>');">
                        <?= $_SESSION['nomGcAssureur_C'] ?: "N/A" ?>
                    </button>
                </div>
                <div>
                    <div class="d-flex justify-content-between align-items-start">
                        <small class="text-muted"><i class="fas fa-user-tie me-1"></i> <?= _("Souscripteur") ?></small>
                        <a href="javascript:afficher_client_id();" class="badge bg-light text-primary text-decoration-none border"><?= $this->nettoyer($_SESSION['numeroClient_C']) ?></a>
                    </div>
                    <button class="btn btn-sm btn-light w-100 text-truncate fw-bold mt-1 text-start" onclick="javascript:afficher_client_id();">
                        <?= $this->nettoyer($_SESSION['nomClient_C']) ?>
                    </button>
                </div>
            </div>
        </div>

        <div class="context-section mb-3">
            <label class="section-label"><?= _("Détails Police") ?></label>
            <button class="btn btn-primary btn-sm w-100 mb-2 shadow-sm" id="numeroPolice_C" name="numeroPolice_C" onclick="javascript:afficher_police_id();" title="<?= _("Couverture").": ".dateLang($_SESSION['dateEffet_C'], $_SESSION['lang']).' - '.dateLang($_SESSION['dateEcheance_C'], $_SESSION['lang'])?>">
                <i class="fa fa-file-text me-1"></i> <?= _("Police")." : ".$this->nettoyer($_SESSION['numeroPolice_C']) ?>
            </button>
            <div class="stats-grid text-center small fw-bold text-white py-1 bg-secondary rounded shadow-sm">
                <?= _("Fam.")." [".format_N($_SESSION['ndAdh_C'])."] | ". _("Dép.")." [".format_N($_SESSION['ndDep_C'])."] | ". _("Bén.")." [".format_N($_SESSION['ndActif_C'])."]" ?>
            </div>
        </div>

        <div class="context-section mb-3">
            <label class="section-label"><?= _("Famille & Bénéficiaire") ?></label>
            <div class="info-card p-2 shadow-sm bg-white rounded border-top border-info border-3">
                <div class="photo-container text-center mb-2">
                    <?php if ($_SESSION['faceRegistered_C']=="1" && $_SESSION['idBeneficiaire_C'] > "0"): ?>
                        <img src="data:image/jpg;base64,<?=$imgData?>" class="img-fluid rounded-circle border border-3 border-light shadow-sm" style="width: 80px; height: 80px; object-fit: cover;" data-bs-toggle="modal" data-bs-target="#pop_photo">
                    <?php else: ?>
                        <div class="bg-light rounded-circle mx-auto d-flex align-items-center justify-content-center border" style="width: 60px; height: 60px;">
                            <i class="fa fa-user fa-2x text-muted opacity-25"></i>
                        </div>
                    <?php endif; ?>
                </div>
                <button class="btn btn-outline-info btn-sm w-100 mb-1 text-truncate" onclick="javascript:afficher_adherent_id();" title="<?= $this->nettoyer($_SESSION['adherent_C']) ?>">
                    <i class="fa-solid fa-users"></i> <?= $this->nettoyer($_SESSION['numeroAdherent_C']) ?>
                </button>
                <button class="btn btn-info btn-sm w-100 text-truncate text-white fw-bold" onclick="javascript:afficher_beneficiaire_id();" title="<?= $this->nettoyer($_SESSION['beneficiaire_C']) ?>">
                    <i class="fa-solid fa-user"></i> <?= $this->nettoyer($_SESSION['numeroBeneficiaire_C']) ?>
                </button>
            </div>
        </div>

        <div class="context-section mb-3">
            <div class="card border-0 shadow-sm bg-light">
                <div class="card-body p-2">
                    <h6 class="small fw-bold text-primary mb-2"><i class="bi bi-clock-history me-1"></i><?= _("Dernières polices") ?></h6>
                    <ul class="list-unstyled mb-2" style="max-height: 100px; overflow-y: auto;">
                        <?php foreach ($_SESSION['contextPolice'] as $contextPolice): ?>
                            <li class="small mb-1 border-bottom pb-1">
                                <a href="javascript:selectionner_police(<?= $contextPolice['idPolice'] ?>,'<?= $contextPolice['numeroPolice'] ?>');afficher_police_id();" class="text-decoration-none text-dark d-block text-truncate">
                                    <i class="fa fa-history fa-xs text-muted"></i> <?= htmlspecialchars($contextPolice['libellePolice']) ?>
                                </a>
                            </li>
                        <?php endforeach; ?>
                    </ul>
                    <button class="btn btn-outline-primary btn-sm w-100 shadow-sm" onclick="javascript:gerer_messagerie();">
                        <?= _("Gérer Messages") ?> <i class="fa fa-comments"></i>
                    </button>
                </div>
            </div>
        </div>

        <div class="text-center py-2 border-top">
            <a href="javascript:change_password();" class="text-decoration-none group">
                <div class="p-2 bg-white rounded-circle shadow-sm d-inline-flex border mb-1">
                    <img src="Bootstrap_new/images/pwd.png" style="width:20px;">
                </div>
                <div class="small fw-bold text-secondary"><?= _("Sécurité") ?></div>
            </a>
        </div>

        <?php if ($_SESSION['modeDevis']=="1"): ?>
            <div class="mt-3 p-2 rounded" style="background-color: #ff00ff20; border: 1px dashed #ff00ff;">
                <div class="text-center fw-bold small mb-2" style="color: #ff00ff;"><?= _("MODE COTATION") ?></div>
                <button class="btn btn-sm w-100 mb-1 text-white" style="background-color: #ff00ff;" onclick="javascript:afficher_client_d_id();">
                    <i class="fa fa-user-times"></i> <?= $this->nettoyer($_SESSION['numeroClient_d_C']) ?>
                </button>
                <button class="btn btn-sm btn-outline-dark w-100 text-truncate small" onclick="javascript:afficher_police_d_id_init();">
                    <i class="fa fa-file-text"></i> <?= $this->nettoyer($_SESSION['numeroPolice_d_C']) ?>
                </button>
            </div>
        <?php endif; ?>
    </div>

    <footer class="p-2 bg-light mt-auto border-top">
        <div id="nbMessagesNonLus">
            <input class='sr-only timer' id="timer" name="timer" type="button" value="0">
            <input class="sr-only" type="text" id="msgNonLus" name="msgNonLus" value="0">
        </div>
    </footer>
</div>