<div class="navbar-container">
  <!-- Left navbar section with menu toggle -->
  <div class="navbar-left">
    <button pButton icon="pi pi-bars" class="p-button-text p-button-rounded sidebar-toggle"
      (click)="toggleSidebar()"></button>
    <span class="app-title">Administrador de Cronogramas</span>
  </div>

  <!-- Right navbar section with user info -->
  <div class="navbar-right">
    <span class="user-name">Luis Muñoz</span>
    <button pButton icon="pi pi-sign-out" class="p-button-text p-button-rounded logout-button">
    </button>
  </div>
</div>

<!-- Page title and breadcrumb -->
<div class="page-header">
  <div class="page-title">{{ pageTitle }}</div>
  <div class="breadcrumb-container">
    <a routerLink="/dashboard" class="breadcrumb-link">Home</a>
    <span class="breadcrumb-separator">/</span>
    <span class="breadcrumb-current">{{ pageTitle }}</span>
  </div>
</div>