production/Vue/header.php
2026-02-02 17:41:50 +00:00

189 lines
10 KiB
PHP
Executable File

<body class="bg-light">
<?php
$style = "";
$test = "";
$colorTests = "";
$flag = est_anglophone() ? 'england.png' : 'france.png';
$alt = est_anglophone() ? 'English' : 'Français';
$lib = est_anglophone() ? 'En' : 'Fr';
if ($_SESSION['bdTests_C'] == "1") {
$colorTests = $_SESSION['colorTests'];
$style = "background: linear-gradient(90deg, $colorTests, lighten($colorTests, 10%)) !important;";
$test = "MODE TEST";
}
?>
<!-- ======= Header ======= -->
<header id="header" class="header fixed-top d-flex align-items-center shadow-sm" style="<?= $style ?>">
<div class="container-fluid d-flex align-items-center justify-content-between">
<!-- Logo et bouton menu -->
<div class="d-flex align-items-center">
<a class="logo d-flex align-items-center text-decoration-none me-4">
<img src="Bootstrap_new/images/new/favicon.png" alt="Logo INTER SANTÉ" class="img-fluid">
<span class="d-none d-lg-block fw-bold fs-5">INTER SANTÉ</span>
</a>
<button class="toggle-sidebar-btn btn btn-link text-dark d-lg-none">
<i class="fas fa-bars fs-5"></i>
</button>
</div>
<!-- Navigation droite -->
<nav class="header-nav ms-auto">
<ul class="d-flex align-items-center list-unstyled mb-0">
<!-- Mode Test -->
<?php if ($test): ?>
<li class="nav-item me-3">
<a class="nav-link p-2 badge bg-warning text-dark fw-bold"
href="javascript:void(0);"
data-bs-toggle="tooltip"
title="<?= _("Mode test activé") ?>">
<i class="fas fa-vial me-1"></i> <?= $test ?>
</a>
</li>
<?php endif; ?>
<!-- Notifications -->
<li class="nav-item dropdown me-3">
<a class="nav-link position-relative p-2"
href="#"
data-bs-toggle="dropdown"
aria-expanded="false"
data-bs-toggle="tooltip"
title="<?= _("Notifications") ?>">
<i class="fas fa-bell fs-5 text-secondary"></i>
<span id="span_notification"
class="badge bg-danger badge-number">0</span>
</a>
<div class="dropdown-menu dropdown-menu-end border-0 shadow-lg p-0" style="width: 320px;">
<div class="dropdown-header bg-primary text-white py-3 px-4 rounded-top">
<h6 class="mb-0">
<i class="fas fa-bell me-2"></i>
<?= _("Notifications") ?>
<span id="notification-count" class="badge bg-light text-dark ms-2">0</span>
</h6>
</div>
<div class="dropdown-body p-0" style="max-height: 300px; overflow-y: auto;">
<div id="notification-list" class="list-group list-group-flush">
<div class="text-center py-4 text-muted">
<i class="fas fa-bell-slash fa-2x mb-2"></i>
<p class="mb-0"><?= _("Aucune notification") ?></p>
</div>
</div>
</div>
<div class="dropdown-footer bg-light py-2 px-3 text-center border-top">
<a href="javascript:pop_messagerie();" class="btn btn-sm btn-outline-primary">
<i class="fas fa-envelope me-1"></i> <?= _("Voir toutes les notifications") ?>
</a>
</div>
</div>
</li>
<!-- Société -->
<li class="nav-item me-3">
<a class="nav-link p-2 d-flex align-items-center"
href="javascript:infos_entite();"
data-bs-toggle="tooltip"
title="<?= _("Gestionnaire d'assurance santé") ?>">
<div class="me-2">
<img src="<?= $_SESSION['lienLogo'] ?>"
alt="<?= htmlspecialchars($companyDisplayName) ?>"
class="img-fluid rounded"
style="max-height: 36px;">
</div>
<div class="d-none d-md-block">
<span class="fw-bold text-dark"><?= $companyDisplayName ?></span>
</div>
</a>
</li>
<!-- Langue -->
<li class="nav-item dropdown me-3">
<a class="nav-link p-2 d-flex align-items-center"
href="#"
data-bs-toggle="dropdown"
data-bs-toggle="tooltip"
title="<?= _("Changer la langue") ?>">
<img src="Bootstrap_new/images/<?= $flag ?>"
alt="<?= $alt ?>"
width="24"
class="rounded-circle border">
<span class="d-none d-md-block ms-2 fw-medium"><?= $lib ?></span>
<i class="fas fa-chevron-down ms-1 small"></i>
</a>
<div class="dropdown-menu dropdown-menu-end border-0 shadow-sm">
<a class="dropdown-item d-flex align-items-center py-2"
href="javascript:changer_langue();">
<i class="fas fa-exchange-alt me-2 text-primary"></i>
<span><?= _("Changer de langue") ?></span>
</a>
</div>
</li>
<!-- Aide -->
<li class="nav-item me-3">
<a class="nav-link p-2"
href="Guideutilisation/"
data-bs-toggle="tooltip"
title="<?= _("Guide d'utilisation") ?>">
<i class="fas fa-question-circle fs-5 text-primary"></i>
</a>
</li>
<!-- Profil utilisateur -->
<li class="nav-item dropdown">
<a class="nav-link p-2 d-flex align-items-center"
href="#"
data-bs-toggle="dropdown"
data-bs-toggle="tooltip"
title="<?= _("Profil utilisateur") ?>">
<div class="initials-circle bg-primary text-white d-flex align-items-center justify-content-center me-2"
style="width: 36px; height: 36px; border-radius: 50%; font-weight: 600;">
<?= $_SESSION['userInitials_C'] ?>
</div>
<div class="d-none d-lg-block">
<div class="fw-medium text-dark small"><?= $_SESSION['utilisateur_C'] ?></div>
<div class="text-muted x-small"><?= $_SESSION['profil_C'] ?? '' ?></div>
</div>
<i class="fas fa-chevron-down ms-2 small"></i>
</a>
<div class="dropdown-menu dropdown-menu-end border-0 shadow-lg" style="min-width: 220px;">
<div class="dropdown-header bg-light py-3 px-4">
<div class="d-flex align-items-center">
<div class="initials-circle bg-primary text-white d-flex align-items-center justify-content-center me-3"
style="width: 40px; height: 40px; border-radius: 50%; font-size: 1rem; font-weight: 600;">
<?= $_SESSION['userInitials_C'] ?>
</div>
<div>
<div class="fw-bold"><?= $_SESSION['utilisateur_C'] ?></div>
<div class="text-muted small"><?= $_SESSION['profil_C'] ?? '' ?></div>
</div>
</div>
</div>
<div class="dropdown-divider"></div>
<a class="dropdown-item d-flex align-items-center py-2"
href="javascript:change_password();">
<i class="fas fa-user-circle me-3 text-primary"></i>
<span><?= $_SESSION['utilisateur_C'] ?></span>
</a>
<a class="dropdown-item d-flex align-items-center py-2"
href="javascript:void(0);">
<i class="fas fa-cog me-3 text-primary"></i>
<span><?= _("Paramètres") ?></span>
</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item d-flex align-items-center py-2 text-danger"
href="javascript:deconnexion();">
<i class="fas fa-sign-out-alt me-3"></i>
<span><?= _("Déconnexion") ?></span>
</a>
</div>
</li>
</ul>
</nav>
</div>
</header>
<!-- End Header -->