83 lines
2.7 KiB
PHP
83 lines
2.7 KiB
PHP
<?php
|
|
|
|
// Example data — you can later pull this from Supabase or Postgres!
|
|
$salesToday = "$1,250";
|
|
$salesThisMonth = "$18,500";
|
|
$topProduct = "Keto Meal Plan";
|
|
$newOrders = 42;
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Sales Dashboard</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<style>
|
|
.metric-card {
|
|
border-radius: 8px;
|
|
background-color: #fff;
|
|
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
|
|
padding: 20px;
|
|
margin-bottom: 20px;
|
|
text-align: center;
|
|
}
|
|
.metric-value {
|
|
font-size: 2rem;
|
|
font-weight: bold;
|
|
}
|
|
.metric-label {
|
|
font-size: 1.1rem;
|
|
color: #555;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="bg-light">
|
|
|
|
<?php require "../_navbar.php"; ?>
|
|
|
|
<div class="container mt-4">
|
|
<h1 class="mb-4">📈 Sales Overview</h1>
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<div class="metric-card">
|
|
<div class="metric-value"><?= htmlspecialchars($salesToday) ?></div>
|
|
<div class="metric-label">Today's Sales</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="metric-card">
|
|
<div class="metric-value"><?= htmlspecialchars($salesThisMonth) ?></div>
|
|
<div class="metric-label">This Month</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="metric-card">
|
|
<div class="metric-value"><?= htmlspecialchars($newOrders) ?></div>
|
|
<div class="metric-label">New Orders</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="metric-card">
|
|
<div class="metric-value"><?= htmlspecialchars($topProduct) ?></div>
|
|
<div class="metric-label">Top Product</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<h2 class="mt-5">Recent Orders</h2>
|
|
<table class="table table-striped">
|
|
<thead>
|
|
<tr><th>Order ID</th><th>Customer</th><th>Amount</th><th>Status</th></tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr><td>#1001</td><td>John Doe</td><td>$125.00</td><td><span class="badge bg-success">Completed</span></td></tr>
|
|
<tr><td>#1002</td><td>Jane Smith</td><td>$79.00</td><td><span class="badge bg-warning">Pending</span></td></tr>
|
|
<tr><td>#1003</td><td>Bob Johnson</td><td>$59.99</td><td><span class="badge bg-danger">Cancelled</span></td></tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
|
|
</body>
|
|
</html>
|