177 lines
6.9 KiB
PHP
177 lines
6.9 KiB
PHP
<?php
|
|
// includes/header.php
|
|
require_once __DIR__ . '/../db/config.php';
|
|
|
|
// Auth check
|
|
if (!isset($_SESSION['user_id']) && basename($_SERVER['PHP_SELF']) !== 'login.php') {
|
|
header("Location: login.php");
|
|
exit;
|
|
}
|
|
|
|
$current_page = basename($_SERVER['PHP_SELF']);
|
|
$user_role = $_SESSION['role'] ?? 'Sales';
|
|
$user_name = $_SESSION['full_name'] ?? 'Guest';
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title><?= isset($page_title) ? $page_title . ' - ' : '' ?>CRM System</title>
|
|
<!-- Inter Font -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
|
<!-- Bootstrap 5 -->
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<!-- Bootstrap Icons -->
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
|
|
<style>
|
|
:root {
|
|
--primary-color: #111827;
|
|
--secondary-color: #4b5563;
|
|
--bg-light: #f9fafb;
|
|
--border-color: #e5e7eb;
|
|
}
|
|
body {
|
|
font-family: 'Inter', sans-serif;
|
|
background-color: var(--bg-light);
|
|
color: #111827;
|
|
font-size: 0.875rem;
|
|
}
|
|
.navbar {
|
|
background-color: #ffffff;
|
|
border-bottom: 1px solid var(--border-color);
|
|
padding: 0.75rem 1rem;
|
|
}
|
|
.navbar-brand {
|
|
font-weight: 700;
|
|
letter-spacing: -0.5px;
|
|
color: var(--primary-color) !important;
|
|
}
|
|
.nav-link {
|
|
color: var(--secondary-color);
|
|
font-weight: 500;
|
|
padding: 0.5rem 1rem !important;
|
|
}
|
|
.nav-link.active {
|
|
color: var(--primary-color) !important;
|
|
background-color: #f3f4f6;
|
|
border-radius: 4px;
|
|
}
|
|
.card {
|
|
border: 1px solid var(--border-color);
|
|
border-radius: 4px;
|
|
box-shadow: none;
|
|
}
|
|
.btn {
|
|
border-radius: 4px;
|
|
font-weight: 500;
|
|
padding: 0.5rem 1rem;
|
|
}
|
|
.btn-primary {
|
|
background-color: var(--primary-color);
|
|
border-color: var(--primary-color);
|
|
}
|
|
.btn-primary:hover {
|
|
background-color: #1f2937;
|
|
border-color: #1f2937;
|
|
}
|
|
.table {
|
|
border-color: var(--border-color);
|
|
}
|
|
.table thead th {
|
|
background-color: #f9fafb;
|
|
font-weight: 600;
|
|
text-transform: uppercase;
|
|
font-size: 0.75rem;
|
|
letter-spacing: 0.05em;
|
|
color: var(--secondary-color);
|
|
border-bottom-width: 1px;
|
|
}
|
|
.form-control, .form-select {
|
|
border-radius: 4px;
|
|
border-color: var(--border-color);
|
|
padding: 0.5rem 0.75rem;
|
|
}
|
|
.form-control:focus, .form-select:focus {
|
|
box-shadow: 0 0 0 2px rgba(17, 24, 39, 0.1);
|
|
border-color: var(--primary-color);
|
|
}
|
|
.badge {
|
|
font-weight: 500;
|
|
padding: 0.35em 0.65em;
|
|
border-radius: 4px;
|
|
}
|
|
.sidebar-link {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 0.5rem 1rem;
|
|
color: var(--secondary-color);
|
|
text-decoration: none;
|
|
font-weight: 500;
|
|
border-radius: 4px;
|
|
margin-bottom: 0.25rem;
|
|
}
|
|
.sidebar-link:hover, .sidebar-link.active {
|
|
background-color: #f3f4f6;
|
|
color: var(--primary-color);
|
|
}
|
|
.sidebar-link i {
|
|
margin-right: 0.75rem;
|
|
font-size: 1.1rem;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<nav class="navbar navbar-expand-lg sticky-top">
|
|
<div class="container-fluid">
|
|
<a class="navbar-brand" href="index.php"><i class="bi bi-layers-half me-2"></i>CRM PRO</a>
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarNav">
|
|
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
|
|
<li class="nav-item">
|
|
<a class="nav-link <?= $current_page == 'index.php' ? 'active' : '' ?>" href="index.php">Dashboard</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link <?= strpos($current_page, 'customer') !== false ? 'active' : '' ?>" href="customers.php">Customers</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link <?= strpos($current_page, 'product') !== false ? 'active' : '' ?>" href="products.php">Products</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link <?= strpos($current_page, 'quotation') !== false ? 'active' : '' ?>" href="quotations.php">Quotations</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link <?= strpos($current_page, 'invoice') !== false ? 'active' : '' ?>" href="invoices.php">Invoices</a>
|
|
</li>
|
|
<?php if ($user_role === 'Admin'): ?>
|
|
<li class="nav-item">
|
|
<a class="nav-link <?= strpos($current_page, 'user') !== false ? 'active' : '' ?>" href="users.php">Users</a>
|
|
</li>
|
|
<?php endif; ?>
|
|
</ul>
|
|
<div class="d-flex align-items-center">
|
|
<div class="me-3 text-end">
|
|
<div class="fw-bold small"><?= e($user_name) ?></div>
|
|
<div class="text-muted small" style="font-size: 0.7rem;"><?= e($user_role) ?></div>
|
|
</div>
|
|
<a href="logout.php" class="btn btn-sm btn-outline-secondary">Logout</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<div class="container-fluid py-4">
|
|
<?php
|
|
// Display flash messages
|
|
if (isset($_SESSION['success'])) {
|
|
echo '<div class="alert alert-success alert-dismissible fade show" role="alert">' . e($_SESSION['success']) . '<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button></div>';
|
|
unset($_SESSION['success']);
|
|
}
|
|
if (isset($_SESSION['error'])) {
|
|
echo '<div class="alert alert-danger alert-dismissible fade show" role="alert">' . e($_SESSION['error']) . '<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button></div>';
|
|
unset($_SESSION['error']);
|
|
}
|
|
?>
|