38960-vm/includes/layout/header.php
2026-03-04 04:42:54 +00:00

101 lines
6.2 KiB
PHP

<?php
require_once __DIR__ . '/../../db/config.php';
require_once __DIR__ . '/../../helpers.php';
$db = db();
$lang = $_SESSION['lang'];
$section = $section ?? 'dashboard';
$message = $message ?? '';
?>
<!DOCTYPE html>
<html lang="<?php echo $_SESSION['lang']; ?>" dir="<?php echo get_dir(); ?>">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?php echo __('hospital_management'); ?></title>
<!-- Bootstrap 5 CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<?php if (is_rtl()): ?>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.rtl.min.css">
<?php endif; ?>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Tajawal:wght@400;500;700&display=swap" rel="stylesheet">
<style>
body { font-family: 'Inter', 'Tajawal', sans-serif; background-color: #f4f7f6; }
.sidebar { min-height: 100vh; width: 250px; background-color: #002D62; color: white; transition: all 0.3s; }
.sidebar-link { color: #cfd8dc; text-decoration: none; padding: 12px 20px; display: block; border-left: 4px solid transparent; }
.sidebar-link:hover, .sidebar-link.active { background-color: #003a80; color: white; border-left-color: #4fc3f7; }
.main-content { flex: 1; padding: 25px; }
.card { border: none; border-radius: 8px; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); margin-bottom: 20px; }
.stat-card { padding: 20px; text-align: center; }
.stat-card i { font-size: 2.5rem; color: #0056b3; margin-bottom: 10px; }
.btn-primary { background-color: #0056b3; border-color: #0056b3; }
.table thead th { background-color: #f8f9fa; border-bottom: 2px solid #dee2e6; color: #495057; font-weight: 600; }
.navbar { background-color: white; border-bottom: 1px solid #e0e0e0; }
.card-header, .modal-header { background-color: #002D62 !important; color: white !important; border-bottom: none; }
.card-header .fw-bold, .modal-title { color: white !important; }
.modal-header .btn-close { filter: invert(1) grayscale(100%) brightness(200%); }
.card-header i { color: white !important; }
<?php if (is_rtl()): ?>
.sidebar-link { border-left: 0; border-right: 4px solid transparent; }
.sidebar-link:hover, .sidebar-link.active { border-right-color: #4fc3f7; }
<?php endif; ?>
</style>
</head>
<body>
<div class="d-flex">
<!-- Sidebar -->
<div class="sidebar d-none d-md-block">
<div class="p-4 text-center">
<h5 class="fw-bold"><i class="bi bi-hospital"></i> <?php echo __('hospital_management'); ?></h5>
</div>
<nav class="mt-3">
<a href="dashboard.php" class="sidebar-link <?php echo $section === 'dashboard' ? 'active' : ''; ?>"><i class="bi bi-speedometer2 me-2"></i> <?php echo __('dashboard'); ?></a>
<a href="patients.php" class="sidebar-link <?php echo $section === 'patients' ? 'active' : ''; ?>"><i class="bi bi-people me-2"></i> <?php echo __('patients'); ?></a>
<a href="visits.php" class="sidebar-link <?php echo $section === 'visits' ? 'active' : ''; ?>"><i class="bi bi-clipboard2-pulse me-2"></i> <?php echo __('visits'); ?></a>
<a href="billing.php" class="sidebar-link <?php echo $section === 'billing' ? 'active' : ''; ?>"><i class="bi bi-receipt me-2"></i> <?php echo __('billing'); ?></a>
<a href="insurance.php" class="sidebar-link <?php echo $section === 'insurance' ? 'active' : ''; ?>"><i class="bi bi-shield-check me-2"></i> <?php echo __('insurance'); ?></a>
<a href="#" class="sidebar-link"><i class="bi bi-calendar-event me-2"></i> <?php echo __('appointments'); ?></a>
<a href="#" class="sidebar-link"><i class="bi bi-person-badge me-2"></i> <?php echo __('doctors'); ?></a>
<a href="#" class="sidebar-link"><i class="bi bi-diagram-3 me-2"></i> <?php echo __('departments'); ?></a>
</nav>
</div>
<!-- Main Content -->
<div class="main-content">
<!-- Top Navbar -->
<nav class="navbar navbar-expand-lg navbar-light mb-4 rounded shadow-sm px-3">
<div class="container-fluid p-0">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#topNav">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="topNav">
<div class="ms-auto d-flex align-items-center">
<a href="?lang=<?php echo get_lang_code(); ?>" class="btn btn-outline-secondary btn-sm me-3">
<i class="bi bi-translate"></i> <?php echo get_lang_name(); ?>
</a>
<div class="dropdown">
<a class="nav-link dropdown-toggle d-flex align-items-center" href="#" role="button" data-bs-toggle="dropdown">
<img src="https://ui-avatars.com/api/?name=Admin&background=0056b3&color=fff" class="rounded-circle me-2" width="32" height="32">
<span>Admin</span>
</a>
<ul class="dropdown-menu dropdown-menu-end shadow border-0">
<li><a class="dropdown-item" href="#"><i class="bi bi-person me-2"></i> <?php echo __('profile'); ?></a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item text-danger" href="#"><i class="bi bi-box-arrow-right me-2"></i> <?php echo __('logout'); ?></a></li>
</ul>
</div>
</div>
</div>
</div>
</nav>
<?php if ($message): ?>
<div class="alert alert-success alert-dismissible fade show" role="alert">
<?php echo $message; ?>
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
<?php endif; ?>