36036-vm/sale_details.php
Flatlogic Bot e112ad7b40 Salaam 1.1
2025-11-22 16:45:55 +00:00

156 lines
5.4 KiB
PHP

<?php
declare(strict_types=1);
@ini_set('display_errors', '1');
@error_reporting(E_ALL);
@date_default_timezone_set('UTC');
require_once 'db/config.php';
if (!isset($_GET['id'])) {
header('Location: sales.php');
exit;
}
$sale_id = (int)$_GET['id'];
$pdo = db();
// Get sale details
$stmt = $pdo->prepare("SELECT sales.*, customers.name as customer_name FROM sales LEFT JOIN customers ON sales.customer_id = customers.id WHERE sales.id = ?");
$stmt->execute([$sale_id]);
$sale = $stmt->fetch();
if (!$sale) {
header('Location: sales.php');
exit;
}
// Get sale items
$stmt_items = $pdo->prepare("SELECT sale_items.*, products.name as product_name FROM sale_items JOIN products ON sale_items.product_id = products.id WHERE sale_items.sale_id = ?");
$stmt_items->execute([$sale_id]);
$sale_items = $stmt_items->fetchAll();
?>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Sale Details</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css" rel="stylesheet">
<style>
body {
background-color: #f0f2f5;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 250px;
background-color: #fff;
padding-top: 1rem;
}
.main-content {
margin-left: 250px;
padding: 2rem;
}
.sidebar .nav-link {
color: #333;
font-weight: 500;
}
.sidebar .nav-link:hover, .sidebar .nav-link.active {
color: #0d6efd;
}
</style>
</head>
<body>
<div class="sidebar">
<h4 class="px-3">POS System</h4>
<ul class="nav flex-column">
<li class="nav-item">
<a class="nav-link" href="index.php"><i class="bi bi-grid-fill"></i> Dashboard</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pos.php"><i class="bi bi-cart-check-fill"></i> POS</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" data-bs-toggle="collapse" data-bs-target="#inventory-submenu" aria-expanded="false" aria-controls="inventory-submenu"><i class="bi bi-box-seam-fill"></i> Inventory</a>
<div class="collapse" id="inventory-submenu">
<ul class="nav flex-column ms-3">
<li class="nav-item"><a class="nav-link" href="view_items.php">View Items</a></li>
<li class="nav-item"><a class="nav-link" href="add_item.php">Add Item</a></li>
</ul>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="bi bi-people-fill"></i> Customers</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="bi bi-truck"></i> Suppliers</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="sales.php"><i class="bi bi-receipt"></i> Sales</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="bi bi-wallet-fill"></i> Expenses</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="bi bi-person-circle"></i> Users</a>
</li>
</ul>
</div>
<div class="main-content">
<header class="d-flex justify-content-between align-items-center mb-4">
<h2>Sale Details #<?= htmlspecialchars((string)$sale['id']) ?></h2>
<a href="sales.php" class="btn btn-secondary">Back to Sales</a>
</header>
<div class="card">
<div class="card-body">
<div class="row">
<div class="col-md-6">
<p><strong>Customer:</strong> <?= htmlspecialchars($sale['customer_name'] ?? 'N/A') ?></p>
<p><strong>Date:</strong> <?= htmlspecialchars($sale['sale_date']) ?></p>
</div>
<div class="col-md-6 text-end">
<h4>Total: <?= htmlspecialchars((string)$sale['payable_amount']) ?></h4>
</div>
</div>
<hr>
<h5>Items Purchased</h5>
<table class="table table-striped">
<thead>
<tr>
<th>Product</th>
<th>Quantity</th>
<th>Price per Unit</th>
<th>Total</th>
</tr>
</thead>
<tbody>
<?php foreach ($sale_items as $item): ?>
<tr>
<td><?= htmlspecialchars($item['product_name']) ?></td>
<td><?= htmlspecialchars((string)$item['quantity']) ?></td>
<td><?= htmlspecialchars((string)$item['price_per_unit']) ?></td>
<td><?= htmlspecialchars((string)$item['total_price']) ?></td>
</tr>
<?php endforeach; ?>
</tbody>
</table>
</div>
</div>
<footer class="pt-3 mt-4 text-muted border-top">
POS System &copy; <?= date('Y') ?>
</footer>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>