128 lines
6.4 KiB
PHP
128 lines
6.4 KiB
PHP
<?php require_once 'parts/header.php'; ?>
|
|
|
|
<div class="container-fluid">
|
|
<div class="d-flex justify-content-between align-items-center mb-4">
|
|
<h1 class="h3 mb-0 text-gray-800">Dashboard</h1>
|
|
<div class="d-flex align-items-center">
|
|
<input type="date" class="form-control me-2" value="2025-10-01">
|
|
<span class="me-2">to</span>
|
|
<input type="date" class="form-control me-2" value="2025-10-31">
|
|
<button class="btn btn-primary">Apply Filter</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Info Cards -->
|
|
<div class="row">
|
|
<div class="col-xl col-md-6 mb-4">
|
|
<div class="card h-100 py-2">
|
|
<div class="card-body d-flex align-items-center">
|
|
<div class="card-icon bg-primary text-white me-3"><i class="bi bi-currency-dollar"></i></div>
|
|
<div>
|
|
<div class="text-xs fw-bold text-primary text-uppercase mb-1">Total Sales</div>
|
|
<div class="h5 mb-0 fw-bold text-gray-800">$40,000</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl col-md-6 mb-4">
|
|
<div class="card h-100 py-2">
|
|
<div class="card-body d-flex align-items-center">
|
|
<div class="card-icon bg-success text-white me-3"><i class="bi bi-graph-up-arrow"></i></div>
|
|
<div>
|
|
<div class="text-xs fw-bold text-success text-uppercase mb-1">Total Profit</div>
|
|
<div class="h5 mb-0 fw-bold text-gray-800">$12,000</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl col-md-6 mb-4">
|
|
<div class="card h-100 py-2">
|
|
<div class="card-body d-flex align-items-center">
|
|
<div class="card-icon bg-info text-white me-3"><i class="bi bi-people-fill"></i></div>
|
|
<div>
|
|
<div class="text-xs fw-bold text-info text-uppercase mb-1">Total Customers</div>
|
|
<div class="h5 mb-0 fw-bold text-gray-800">1,250</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl col-md-6 mb-4">
|
|
<div class="card h-100 py-2">
|
|
<div class="card-body d-flex align-items-center">
|
|
<div class="card-icon bg-secondary text-white me-3"><i class="bi bi-truck"></i></div>
|
|
<div>
|
|
<div class="text-xs fw-bold text-secondary text-uppercase mb-1">Total Suppliers</div>
|
|
<div class="h5 mb-0 fw-bold text-gray-800">50</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl col-md-6 mb-4">
|
|
<div class="card h-100 py-2">
|
|
<div class="card-body d-flex align-items-center">
|
|
<div class="card-icon bg-warning text-white me-3"><i class="bi bi-person-plus-fill"></i></div>
|
|
<div>
|
|
<div class="text-xs fw-bold text-warning text-uppercase mb-1">Total Doctor Fees</div>
|
|
<div class="h5 mb-0 fw-bold text-gray-800">$5,000</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Content Row -->
|
|
<div class="row">
|
|
<div class="col-lg-7 mb-4">
|
|
<div class="card shadow mb-4">
|
|
<div class="card-header py-3">
|
|
<h6 class="m-0 fw-bold text-primary">Top 10 Selling Medicines</h6>
|
|
</div>
|
|
<div class="card-body">
|
|
<table class="table table-striped table-hover">
|
|
<thead>
|
|
<tr><th>#</th><th>Name</th><th>Sales</th></tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr><td>1</td><td>Paracetamol 500mg</td><td>1500 units</td></tr>
|
|
<tr><td>2</td><td>Aspirin 75mg</td><td>1200 units</td></tr>
|
|
<tr><td>3</td><td>Amoxicillin 250mg</td><td>950 units</td></tr>
|
|
<tr><td>4</td><td>Ibuprofen 200mg</td><td>800 units</td></tr>
|
|
<tr><td>5</td><td>Cetirizine 10mg</td><td>750 units</td></tr>
|
|
<tr><td>6</td><td>Omeprazole 20mg</td><td>600 units</td></tr>
|
|
<tr><td>7</td><td>Metformin 500mg</td><td>550 units</td></tr>
|
|
<tr><td>8</td><td>Atorvastatin 10mg</td><td>500 units</td></tr>
|
|
<tr><td>9</td><td>Amlodipine 5mg</td><td>450 units</td></tr>
|
|
<tr><td>10</td><td>Salbutamol Inhaler</td><td>400 units</td></tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-5 mb-4">
|
|
<div class="card shadow mb-4">
|
|
<div class="card-header py-3">
|
|
<h6 class="m-0 fw-bold text-primary">Notification Box</h6>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="list-group list-group-flush">
|
|
<a href="#" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center text-danger">
|
|
<div><i class="bi bi-exclamation-triangle-fill me-2"></i> Medicines Expired</div>
|
|
<span class="badge bg-danger rounded-pill">5</span>
|
|
</a>
|
|
<a href="#" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center text-warning">
|
|
<div><i class="bi bi-clock-history me-2"></i> Expiring in 7 Days</div>
|
|
<span class="badge bg-warning rounded-pill">12</span>
|
|
</a>
|
|
<a href="#" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center text-info">
|
|
<div><i class="bi bi-arrow-down-circle-fill me-2"></i> Low on Stock (<200)</div>
|
|
<span class="badge bg-info rounded-pill">23</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<?php require_once 'parts/footer.php'; ?>
|