newdesigngestionnaire/Vue/includes/header.php

<?php
/*
 * INTER SANTÉ — includes/header.php
 * Header épuré SaaS Premium
 */

$flag       = est_anglophone() ? 'england.png' : 'france.png';
$alt        = est_anglophone() ? 'English'     : 'Français';
$lib        = est_anglophone() ? 'En'          : 'Fr';

$styleTest  = '';
$labelTest  = '';

if ($_SESSION['bdTests_C'] == '1') {
    $colorTests = $_SESSION['colorTests'];
    $styleTest  = "background: {$colorTests};";
    $labelTest  = '<span class="mode-test-badge">MODE TEST</span>';
}
?>

<!-- ======= Header ======= -->
<header id="header" class="header fixed-top d-flex align-items-center <?= $_SESSION['bdTests_C'] == '1' ? 'header-test' : '' ?>" style="<?= $styleTest ?>">

  <!-- Left: Logo + Toggle -->
  <div class="d-flex align-items-center gap-2 me-3">
    <a href="#" class="logo d-flex align-items-center text-decoration-none">
      <img src="Bootstrap_new/images/new/favicon.png" alt="Logo Inter Santé">
      <span class="d-none d-lg-block">INTER SANTÉ</span>
    </a>
    <i class="bi bi-list toggle-sidebar-btn" role="button" title="<?= _('Réduire / Étendre le menu') ?>"></i>
  </div>

  <!-- Center: Breadcrumb -->
  <nav aria-label="breadcrumb" class="flex-grow-1 d-none d-md-block">
    <ol class="breadcrumb mb-0">
      <?php if (!empty($_SESSION['retourVue'])): ?>
      <li class="breadcrumb-item me-2">
        <a href="<?= $_SESSION['retourVue'] ?>" class="d-flex align-items-center gap-1 text-uppercase">
          <i class="fas fa-arrow-left" style="font-size:0.65rem;"></i>
          <?= htmlspecialchars($_SESSION['titreRetour'], ENT_QUOTES) ?>
        </a>
      </li>
      <?php endif; ?>
      <li class="breadcrumb-item">
        <span id="descriptionVue" class="active text-uppercase"><?= htmlspecialchars($_SESSION['descriptionVue'] ?? '', ENT_QUOTES) ?></span>
      </li>
    </ol>
  </nav>

  <!-- Right: Navigation Items -->
  <nav class="header-nav ms-auto">
    <ul class="d-flex align-items-center gap-1 mb-0 list-unstyled">

      <!-- Mode test indicator -->
      <?php if (!empty($labelTest)): ?>
      <li class="nav-item">
        <span class="mode-test-badge" style="background:rgba(255,255,255,0.25);color:white;font-weight:800;font-size:0.65rem;letter-spacing:0.1em;padding:4px 10px;border-radius:999px;cursor:pointer;"
              onclick="javascript:alert_ebene('TEST', 'TEST');">TEST</span>
      </li>
      <?php endif; ?>

      <!-- Notifications -->
      <li class="nav-item">
        <a class="nav-link nav-icon position-relative" href="#"
           onclick="javascript:pop_messagerie(); return false;"
           title="<?= _('Notifications') ?>">
          <i class="bi bi-bell" style="font-size:1.1rem;"></i>
          <span id="span_notification"
                class="badge-number"
                title="<?= _('Notification') ?>">0</span>
        </a>
      </li>

      <!-- Company Logo -->
      <li class="nav-item d-none d-lg-flex">
        <a class="company-logo-area text-decoration-none"
           href="javascript:infos_entite();"
           title="<?= _('Gestionnaire d\'assurance santé') ?>">
          <img src="<?= $_SESSION['lienLogo'] ?>"
               alt="<?= htmlspecialchars($_SESSION['nomSociete'], ENT_QUOTES) ?>">
          <span class="company-name"><?= $companyDisplayName ?></span>
        </a>
      </li>

      <!-- Language Switcher -->
      <li class="nav-item dropdown">
        <a class="nav-link d-flex align-items-center gap-1 lang-selector"
           href="#"
           data-bs-toggle="dropdown"
           title="<?= _('Changer la langue actuelle') ?>">
          <img src="Bootstrap_new/images/<?= $flag ?>" alt="<?= $alt ?>" width="22" class="rounded-1">
          <span class="d-none d-md-block dropdown-toggle" style="font-size:0.78rem;font-weight:600;"><?= $lib ?></span>
        </a>
        <ul class="dropdown-menu dropdown-menu-end">
          <li>
            <a class="dropdown-item" href="javascript:changer_langue();">
              <i class="fa fa-exchange"></i>
              <?= _('Changer de langue') ?>
            </a>
          </li>
        </ul>
      </li>

      <!-- Help -->
      <li class="nav-item">
        <a class="nav-link nav-icon"
           href="Guideutilisation/"
           title="<?= _('Guide d\'utilisation') ?>">
          <i class="bi bi-question-circle" style="font-size:1.05rem;"></i>
        </a>
      </li>

      <!-- User Profile -->
      <li class="nav-item dropdown">
        <a class="nav-link d-flex align-items-center gap-2 pe-0"
           href="#"
           data-bs-toggle="dropdown"
           title="<?= _('Profil utilisateur') ?>">
          <span class="initials"><?= htmlspecialchars($_SESSION['userInitials_C'] ?? '??', ENT_QUOTES) ?></span>
          <i class="bi bi-chevron-down d-none d-md-inline" style="font-size:0.6rem;color:var(--text-muted);"></i>
        </a>
        <ul class="dropdown-menu dropdown-menu-end" style="min-width:200px;">
          <li>
            <div class="px-3 py-2 border-bottom" style="border-color:var(--border-light)!important;">
              <div style="font-weight:700;font-size:0.82rem;color:var(--text-primary);">
                <?= htmlspecialchars($_SESSION['utilisateur_C'] ?? '', ENT_QUOTES) ?>
              </div>
              <div style="font-size:0.72rem;color:var(--text-muted);"><?= htmlspecialchars($_SESSION['nomSociete'] ?? '', ENT_QUOTES) ?></div>
            </div>
          </li>
          <li>
            <a class="dropdown-item" href="javascript:change_password();">
              <i class="fa fa-user-circle"></i>
              <?= _('Mon profil / Mot de passe') ?>
            </a>
          </li>
          <li><hr class="dropdown-divider my-1"></li>
          <li>
            <a class="dropdown-item text-danger" href="#">
              <i class="bi bi-box-arrow-right"></i>
              <?= _('Déconnexion') ?>
            </a>
          </li>
        </ul>
      </li>

    </ul>
  </nav>

</header>
<!-- End Header -->