89 lines
5.3 KiB
PHP
89 lines
5.3 KiB
PHP
<?php
|
|
session_start();
|
|
require_once __DIR__ . '/../db/config.php';
|
|
$is_logged_in = isset($_SESSION['user_id']);
|
|
$is_admin = isset($_SESSION['role']) && $_SESSION['role'] === 'admin';
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title><?php echo $page_title ?? ($_SERVER['PROJECT_NAME'] ?? 'AFG CARS'); ?></title>
|
|
|
|
<!-- Bootstrap 5 CSS -->
|
|
<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.11.0/font/bootstrap-icons.css">
|
|
<!-- Google Fonts -->
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
|
<!-- Custom CSS -->
|
|
<link rel="stylesheet" href="/assets/css/custom.css?v=<?php echo time(); ?>">
|
|
<style>
|
|
:root {
|
|
--primary-color: #0f172a;
|
|
--accent-color: #2563eb;
|
|
--bg-color: #f8fafc;
|
|
--surface-color: #ffffff;
|
|
--text-main: #1e293b;
|
|
--text-muted: #64748b;
|
|
--border-radius: 12px;
|
|
}
|
|
body { font-family: 'Inter', sans-serif; background-color: var(--bg-color); color: var(--text-main); }
|
|
.navbar { background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(10px); border-bottom: 1px solid #e2e8f0; }
|
|
.nav-link { font-weight: 500; color: var(--text-main); }
|
|
.btn-primary { border-radius: 8px; font-weight: 600; background-color: var(--accent-color); border-color: var(--accent-color); }
|
|
.car-card { border: none; border-radius: 16px; overflow: hidden; transition: all 0.3s ease; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05); background: white; }
|
|
.car-card:hover { transform: translateY(-8px); box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1); }
|
|
.card-img-top { height: 220px; object-fit: cover; }
|
|
.badge-year { background: #f1f5f9; color: #475569; border-radius: 6px; padding: 4px 8px; font-size: 0.8rem; font-weight: 600; }
|
|
.price-tag { color: var(--accent-color); font-weight: 700; font-size: 1.25rem; }
|
|
.sold-badge { position: absolute; top: 10px; right: 10px; background: rgba(220, 38, 38, 0.9); color: white; padding: 5px 15px; border-radius: 20px; font-weight: bold; z-index: 10; font-size: 0.8rem; }
|
|
.pending-badge { position: absolute; top: 10px; left: 10px; background: rgba(245, 158, 11, 0.9); color: white; padding: 5px 15px; border-radius: 20px; font-weight: bold; z-index: 10; font-size: 0.8rem; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<nav class="navbar navbar-expand-lg sticky-top">
|
|
<div class="container">
|
|
<a class="navbar-brand fw-bold text-primary" href="/index.php">
|
|
<i class="bi bi-lightning-charge-fill me-1"></i>AFG CARS
|
|
</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">
|
|
<li class="nav-item"><a class="nav-link px-3" href="/index.php">Home</a></li>
|
|
<li class="nav-item"><a class="nav-link px-3" href="/cars.php">Browse</a></li>
|
|
<li class="nav-item"><a class="nav-link px-3" href="/about.php">About</a></li>
|
|
<li class="nav-item"><a class="nav-link px-3" href="/contact.php">Contact</a></li>
|
|
<li class="nav-item"><a class="nav-link px-3" href="/careers.php">Careers</a></li>
|
|
</ul>
|
|
<ul class="navbar-nav ms-auto align-items-center">
|
|
<?php if ($is_logged_in): ?>
|
|
<li class="nav-item"><a class="nav-link px-3" href="/favorites.php"><i class="bi bi-heart"></i></a></li>
|
|
<?php if ($is_admin): ?>
|
|
<li class="nav-item"><a class="nav-link px-3 fw-bold text-accent" href="/admin/dashboard.php">Admin Panel</a></li>
|
|
<?php endif; ?>
|
|
<li class="nav-item ms-lg-3 dropdown">
|
|
<a class="btn btn-outline-dark btn-sm px-4 dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">
|
|
<i class="bi bi-person-circle me-1"></i> <?php echo explode(' ', $_SESSION['full_name'] ?? 'Account')[0]; ?>
|
|
</a>
|
|
<ul class="dropdown-menu dropdown-menu-end shadow border-0">
|
|
<li><a class="dropdown-item" href="/user/dashboard.php">Dashboard</a></li>
|
|
<li><a class="dropdown-item" href="/user/add-car.php">Sell My Car</a></li>
|
|
<li><hr class="dropdown-divider"></li>
|
|
<li><a class="dropdown-item text-danger" href="/logout.php">Logout</a></li>
|
|
</ul>
|
|
</li>
|
|
<?php else: ?>
|
|
<li class="nav-item ms-lg-3">
|
|
<a href="/login.php" class="btn btn-outline-primary btn-sm px-4 me-2">Login</a>
|
|
<a href="/register.php" class="btn btn-primary btn-sm px-4">Join</a>
|
|
</li>
|
|
<?php endif; ?>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|