216 lines
11 KiB
PHP
216 lines
11 KiB
PHP
<?php
|
|
require_once __DIR__ . '/db/config.php';
|
|
|
|
$pdo = db();
|
|
|
|
// Fetch Data for Homepage
|
|
try {
|
|
// Stats
|
|
$stats = [
|
|
'total_cars' => $pdo->query("SELECT COUNT(*) FROM cars")->fetchColumn(),
|
|
'approved_cars' => $pdo->query("SELECT COUNT(*) FROM cars WHERE status = 'approved'")->fetchColumn(),
|
|
'cars_sold' => $pdo->query("SELECT COUNT(*) FROM bookings WHERE status = 'approved'")->fetchColumn(),
|
|
];
|
|
|
|
// Recently Added (Limit 4)
|
|
$stmt = $pdo->query("SELECT * FROM cars WHERE status = 'approved' ORDER BY created_at DESC LIMIT 4");
|
|
$recentCars = $stmt->fetchAll(PDO::FETCH_ASSOC);
|
|
|
|
// Featured (Random 5 for Carousel)
|
|
$stmt = $pdo->query("SELECT * FROM cars WHERE status = 'approved' ORDER BY RAND() LIMIT 5");
|
|
$featuredCars = $stmt->fetchAll(PDO::FETCH_ASSOC);
|
|
|
|
} catch (Exception $e) {
|
|
error_log("DB Error: " . $e->getMessage());
|
|
}
|
|
|
|
$pageTitle = "Home";
|
|
include 'partials/header.php';
|
|
?>
|
|
|
|
<!-- Hero Carousel -->
|
|
<div id="heroCarousel" class="carousel slide" data-bs-ride="carousel">
|
|
<div class="carousel-indicators">
|
|
<?php foreach ($featuredCars as $index => $car): ?>
|
|
<button type="button" data-bs-target="#heroCarousel" data-bs-slide-to="<?= $index ?>" class="<?= $index === 0 ? 'active' : '' ?>" aria-current="<?= $index === 0 ? 'true' : 'false' ?>" aria-label="Slide <?= $index + 1 ?>"></button>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
<div class="carousel-inner">
|
|
<?php foreach ($featuredCars as $index => $car): ?>
|
|
<div class="carousel-item <?= $index === 0 ? 'active' : '' ?>" style="height: 600px;">
|
|
<div class="overlay" style="background: rgba(0,0,0,0.4); position: absolute; top:0; left:0; width:100%; height:100%;"></div>
|
|
<img src="<?= htmlspecialchars($car['image_url'] ?: 'assets/images/placeholder.jpg') ?>" class="d-block w-100 h-100 object-fit-cover" alt="<?= htmlspecialchars($car['title']) ?>">
|
|
<div class="carousel-caption d-none d-md-block text-start mb-5 pb-5">
|
|
<div class="container">
|
|
<span class="badge bg-primary mb-2 text-uppercase ls-1">Featured</span>
|
|
<h1 class="display-3 fw-bold"><?= htmlspecialchars($car['year'] . ' ' . $car['make'] . ' ' . $car['model']) ?></h1>
|
|
<p class="lead mb-4"><?= htmlspecialchars(substr($car['description'], 0, 100)) ?>...</p>
|
|
<a href="car_detail.php?id=<?= $car['id'] ?>" class="btn btn-primary btn-lg px-4">View Details <i class="bi bi-arrow-right ms-2"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
<button class="carousel-control-prev" type="button" data-bs-target="#heroCarousel" data-bs-slide="prev">
|
|
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
|
<span class="visually-hidden">Previous</span>
|
|
</button>
|
|
<button class="carousel-control-next" type="button" data-bs-target="#heroCarousel" data-bs-slide="next">
|
|
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
|
<span class="visually-hidden">Next</span>
|
|
</button>
|
|
</div>
|
|
|
|
<!-- Quick Search Box -->
|
|
<div class="container position-relative" style="margin-top: -80px; z-index: 10;">
|
|
<div class="card shadow border-0 p-4">
|
|
<form action="car_list.php" method="GET" class="row g-3 align-items-end">
|
|
<div class="col-md-3">
|
|
<label class="form-label fw-bold small text-uppercase">Make</label>
|
|
<select name="make" class="form-select border-0 bg-light">
|
|
<option value="">All Makes</option>
|
|
<option value="Toyota">Toyota</option>
|
|
<option value="Honda">Honda</option>
|
|
<option value="Ford">Ford</option>
|
|
<option value="Mercedes-Benz">Mercedes-Benz</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<label class="form-label fw-bold small text-uppercase">Province</label>
|
|
<select name="province" class="form-select border-0 bg-light">
|
|
<option value="">All Provinces</option>
|
|
<option value="Kabul">Kabul</option>
|
|
<option value="Herat">Herat</option>
|
|
<option value="Kandahar">Kandahar</option>
|
|
<option value="Mazar-i-Sharif">Mazar-i-Sharif</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<label class="form-label fw-bold small text-uppercase">Max Price</label>
|
|
<input type="number" name="max_price" class="form-control border-0 bg-light" placeholder="e.g. 20000">
|
|
</div>
|
|
<div class="col-md-3">
|
|
<button type="submit" class="btn btn-primary w-100 py-2"><i class="bi bi-search me-2"></i> Search Cars</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Stats Section -->
|
|
<section class="section-padding py-5 mt-5">
|
|
<div class="container">
|
|
<div class="row g-4 text-center">
|
|
<div class="col-md-4">
|
|
<div class="p-4 border rounded-3 bg-white shadow-sm h-100">
|
|
<i class="bi bi-car-front fs-1 text-primary mb-3"></i>
|
|
<h2 class="fw-bold display-5"><?= number_format($stats['approved_cars']) ?>+</h2>
|
|
<p class="text-muted mb-0">Cars Available for Sale</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="p-4 border rounded-3 bg-white shadow-sm h-100">
|
|
<i class="bi bi-people fs-1 text-success mb-3"></i>
|
|
<h2 class="fw-bold display-5"><?= number_format($stats['cars_sold']) ?>+</h2>
|
|
<p class="text-muted mb-0">Happy Customers</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="p-4 border rounded-3 bg-white shadow-sm h-100">
|
|
<i class="bi bi-check-circle fs-1 text-info mb-3"></i>
|
|
<h2 class="fw-bold display-5">100%</h2>
|
|
<p class="text-muted mb-0">Verified Listings</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Recently Added -->
|
|
<section class="section-padding py-5 bg-light">
|
|
<div class="container">
|
|
<div class="d-flex justify-content-between align-items-center mb-5">
|
|
<div>
|
|
<h2 class="fw-bold">Recently Added</h2>
|
|
<p class="text-muted mb-0">Fresh arrivals just for you</p>
|
|
</div>
|
|
<a href="car_list.php" class="btn btn-outline-primary">View All <i class="bi bi-arrow-right ms-1"></i></a>
|
|
</div>
|
|
|
|
<div class="row g-4">
|
|
<?php foreach ($recentCars as $car): ?>
|
|
<div class="col-md-6 col-lg-3">
|
|
<div class="card h-100 border-0 shadow-sm car-card hover-lift">
|
|
<div class="position-relative">
|
|
<img src="<?= htmlspecialchars($car['image_url'] ?: 'assets/images/placeholder.jpg') ?>" class="card-img-top" alt="<?= htmlspecialchars($car['title']) ?>" style="height: 220px; object-fit: cover;">
|
|
<span class="badge bg-white text-dark position-absolute top-0 end-0 m-3 shadow-sm"><?= htmlspecialchars($car['year']) ?></span>
|
|
</div>
|
|
<div class="card-body">
|
|
<h5 class="card-title text-truncate"><?= htmlspecialchars($car['make'] . ' ' . $car['model']) ?></h5>
|
|
<p class="card-text text-muted small"><i class="bi bi-geo-alt-fill text-danger"></i> <?= htmlspecialchars($car['city']) ?></p>
|
|
<div class="d-flex justify-content-between align-items-center mt-3">
|
|
<span class="h5 mb-0 text-primary fw-bold">$<?= number_format($car['price']) ?></span>
|
|
<a href="car_detail.php?id=<?= $car['id'] ?>" class="btn btn-sm btn-light rounded-circle"><i class="bi bi-arrow-right"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Testimonials -->
|
|
<section class="section-padding py-5">
|
|
<div class="container">
|
|
<div class="text-center mb-5">
|
|
<h2 class="fw-bold">What Our Users Say</h2>
|
|
<p class="text-muted">Trusted by thousands of sellers and buyers across Afghanistan.</p>
|
|
</div>
|
|
<div class="row g-4">
|
|
<div class="col-md-4">
|
|
<div class="card border-0 shadow-sm p-4 h-100 text-center">
|
|
<div class="mb-3">
|
|
<i class="bi bi-star-fill text-warning"></i>
|
|
<i class="bi bi-star-fill text-warning"></i>
|
|
<i class="bi bi-star-fill text-warning"></i>
|
|
<i class="bi bi-star-fill text-warning"></i>
|
|
<i class="bi bi-star-fill text-warning"></i>
|
|
</div>
|
|
<p class="fst-italic text-muted">"Sold my Corolla in just 2 days! The process was super smooth and the admin support was helpful."</p>
|
|
<h6 class="fw-bold mt-auto">- Ahmad Wali, Kabul</h6>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="card border-0 shadow-sm p-4 h-100 text-center">
|
|
<div class="mb-3">
|
|
<i class="bi bi-star-fill text-warning"></i>
|
|
<i class="bi bi-star-fill text-warning"></i>
|
|
<i class="bi bi-star-fill text-warning"></i>
|
|
<i class="bi bi-star-fill text-warning"></i>
|
|
<i class="bi bi-star-half text-warning"></i>
|
|
</div>
|
|
<p class="fst-italic text-muted">"Found a great deal on a Ford Ranger. The car was exactly as described. Highly recommended!"</p>
|
|
<h6 class="fw-bold mt-auto">- Fatima Noor, Herat</h6>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="card border-0 shadow-sm p-4 h-100 text-center">
|
|
<div class="mb-3">
|
|
<i class="bi bi-star-fill text-warning"></i>
|
|
<i class="bi bi-star-fill text-warning"></i>
|
|
<i class="bi bi-star-fill text-warning"></i>
|
|
<i class="bi bi-star-fill text-warning"></i>
|
|
<i class="bi bi-star-fill text-warning"></i>
|
|
</div>
|
|
<p class="fst-italic text-muted">"Best platform for cars in Afghanistan. Secure, fast, and easy to use."</p>
|
|
<h6 class="fw-bold mt-auto">- Mustafa Khan, Mazar</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<?php include 'partials/footer.php'; ?>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
|
|
</body>
|
|
</html>
|