295 lines
14 KiB
PHP
295 lines
14 KiB
PHP
<?php
|
|
session_start();
|
|
require_once 'db/config.php';
|
|
|
|
$notification = null;
|
|
|
|
// Handle Add, Edit, Delete actions
|
|
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
|
|
$db = db();
|
|
// Add Tank
|
|
if (isset($_POST['add_tank'])) {
|
|
$name = trim($_POST['name']);
|
|
$bunk_id = $_POST['bunk_id'];
|
|
$fuel_type_id = $_POST['fuel_type_id'];
|
|
$capacity = $_POST['capacity'];
|
|
|
|
if (!empty($name) && !empty($bunk_id) && !empty($fuel_type_id) && !empty($capacity)) {
|
|
try {
|
|
$stmt = $db->prepare("INSERT INTO tanks (name, bunk_id, fuel_type_id, capacity) VALUES (?, ?, ?, ?)");
|
|
$stmt->execute([$name, $bunk_id, $fuel_type_id, $capacity]);
|
|
$_SESSION['notification'] = ['text' => 'Tank added successfully!', 'type' => 'success'];
|
|
} catch (PDOException $e) {
|
|
$_SESSION['notification'] = ['text' => 'Error adding tank: ' . $e->getMessage(), 'type' => 'danger'];
|
|
}
|
|
} else {
|
|
$_SESSION['notification'] = ['text' => 'All fields are required.', 'type' => 'warning'];
|
|
}
|
|
}
|
|
// Edit Tank
|
|
elseif (isset($_POST['edit_tank'])) {
|
|
$id = $_POST['tank_id'];
|
|
$name = trim($_POST['name']);
|
|
$bunk_id = $_POST['bunk_id'];
|
|
$fuel_type_id = $_POST['fuel_type_id'];
|
|
$capacity = $_POST['capacity'];
|
|
|
|
if (!empty($name) && !empty($bunk_id) && !empty($fuel_type_id) && !empty($capacity) && !empty($id)) {
|
|
try {
|
|
$stmt = $db->prepare("UPDATE tanks SET name = ?, bunk_id = ?, fuel_type_id = ?, capacity = ? WHERE id = ?");
|
|
$stmt->execute([$name, $bunk_id, $fuel_type_id, $capacity, $id]);
|
|
$_SESSION['notification'] = ['text' => 'Tank updated successfully!', 'type' => 'success'];
|
|
} catch (PDOException $e) {
|
|
$_SESSION['notification'] = ['text' => 'Error updating tank: ' . $e->getMessage(), 'type' => 'danger'];
|
|
}
|
|
} else {
|
|
$_SESSION['notification'] = ['text' => 'All fields are required.', 'type' => 'warning'];
|
|
}
|
|
}
|
|
header("Location: tanks.php");
|
|
exit;
|
|
}
|
|
|
|
// Delete Tank
|
|
if (isset($_GET['action']) && $_GET['action'] === 'delete' && isset($_GET['id'])) {
|
|
try {
|
|
$db = db();
|
|
$stmt = $db->prepare("DELETE FROM tanks WHERE id = ?");
|
|
$stmt->execute([$_GET['id']]);
|
|
$_SESSION['notification'] = ['text' => 'Tank deleted successfully!', 'type' => 'success'];
|
|
} catch (PDOException $e) {
|
|
$_SESSION['notification'] = ['text' => 'Error deleting tank: ' . $e->getMessage(), 'type' => 'danger'];
|
|
}
|
|
header("Location: tanks.php");
|
|
exit;
|
|
}
|
|
|
|
if (isset($_SESSION['notification'])) {
|
|
$notification = $_SESSION['notification'];
|
|
unset($_SESSION['notification']);
|
|
}
|
|
|
|
$db = db();
|
|
$tanks = $db->query("SELECT t.*, b.name as bunk_name, ft.name as fuel_type_name FROM tanks t JOIN bunks b ON t.bunk_id = b.id JOIN fuel_types ft ON t.fuel_type_id = ft.id ORDER BY t.created_at DESC")->fetchAll(PDO::FETCH_ASSOC);
|
|
$bunks = $db->query("SELECT * FROM bunks")->fetchAll(PDO::FETCH_ASSOC);
|
|
$fuel_types = $db->query("SELECT * FROM fuel_types")->fetchAll(PDO::FETCH_ASSOC);
|
|
$page_title = "Tank Management";
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title><?= htmlspecialchars($page_title) ?> - Petrol Pump Management</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
|
|
</head>
|
|
<body>
|
|
<?php include 'includes/header.php'; ?>
|
|
|
|
<div class="container mt-4">
|
|
<div class="d-flex justify-content-between align-items-center mb-3">
|
|
<h1><i class="bi bi-inboxes-fill"></i> <?= htmlspecialchars($page_title) ?></h1>
|
|
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#addTankModal">
|
|
<i class="bi bi-plus-circle"></i> Add New Tank
|
|
</button>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<table class="table table-striped table-hover">
|
|
<thead>
|
|
<tr>
|
|
<th>Name</th>
|
|
<th>Bunk</th>
|
|
<th>Fuel Type</th>
|
|
<th>Capacity (L)</th>
|
|
<th>Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<?php foreach ($tanks as $tank): ?>
|
|
<tr>
|
|
<td><?= htmlspecialchars($tank['name']) ?></td>
|
|
<td><?= htmlspecialchars($tank['bunk_name']) ?></td>
|
|
<td><?= htmlspecialchars($tank['fuel_type_name']) ?></td>
|
|
<td><?= htmlspecialchars(number_format($tank['capacity'])) ?></td>
|
|
<td>
|
|
<button type="button" class="btn btn-sm btn-outline-primary edit-btn"
|
|
data-bs-toggle="modal" data-bs-target="#editTankModal"
|
|
data-id="<?= $tank['id'] ?>"
|
|
data-name="<?= htmlspecialchars($tank['name']) ?>"
|
|
data-bunk-id="<?= $tank['bunk_id'] ?>"
|
|
data-fuel-type-id="<?= $tank['fuel_type_id'] ?>"
|
|
data-capacity="<?= htmlspecialchars($tank['capacity']) ?>">
|
|
<i class="bi bi-pencil-square"></i>
|
|
</button>
|
|
<button type="button" class="btn btn-sm btn-outline-danger delete-btn"
|
|
data-bs-toggle="modal" data-bs-target="#deleteConfirmModal"
|
|
data-id="<?= $tank['id'] ?>">
|
|
<i class="bi bi-trash"></i>
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
<?php endforeach; ?>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Add Tank Modal -->
|
|
<div class="modal fade" id="addTankModal" tabindex="-1">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<form method="POST">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Add New Tank</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="mb-3">
|
|
<label class="form-label">Tank Name*</label>
|
|
<input type="text" class="form-control" name="name" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label">Bunk*</label>
|
|
<select class="form-select" name="bunk_id" required>
|
|
<option value="">Select Bunk</option>
|
|
<?php foreach ($bunks as $bunk): ?>
|
|
<option value="<?= $bunk['id'] ?>"><?= htmlspecialchars($bunk['name']) ?></option>
|
|
<?php endforeach; ?>
|
|
</select>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label">Fuel Type*</label>
|
|
<select class="form-select" name="fuel_type_id" required>
|
|
<option value="">Select Fuel Type</option>
|
|
<?php foreach ($fuel_types as $type): ?>
|
|
<option value="<?= $type['id'] ?>"><?= htmlspecialchars($type['name']) ?></option>
|
|
<?php endforeach; ?>
|
|
</select>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label">Capacity (Litres)*</label>
|
|
<input type="number" class="form-control" name="capacity" required>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
|
|
<button type="submit" name="add_tank" class="btn btn-primary">Save Tank</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Edit Tank Modal -->
|
|
<div class="modal fade" id="editTankModal" tabindex="-1">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<form method="POST">
|
|
<input type="hidden" name="tank_id" id="edit_tank_id">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Edit Tank</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="mb-3">
|
|
<label class="form-label">Tank Name*</label>
|
|
<input type="text" class="form-control" id="edit_name" name="name" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label">Bunk*</label>
|
|
<select class="form-select" id="edit_bunk_id" name="bunk_id" required>
|
|
<?php foreach ($bunks as $bunk): ?>
|
|
<option value="<?= $bunk['id'] ?>"><?= htmlspecialchars($bunk['name']) ?></option>
|
|
<?php endforeach; ?>
|
|
</select>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label">Fuel Type*</label>
|
|
<select class="form-select" id="edit_fuel_type_id" name="fuel_type_id" required>
|
|
<?php foreach ($fuel_types as $type): ?>
|
|
<option value="<?= $type['id'] ?>"><?= htmlspecialchars($type['name']) ?></option>
|
|
<?php endforeach; ?>
|
|
</select>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label">Capacity (Litres)*</label>
|
|
<input type="number" class="form-control" id="edit_capacity" name="capacity" required>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
|
|
<button type="submit" name="edit_tank" class="btn btn-primary">Save Changes</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Delete Confirmation Modal -->
|
|
<div class="modal fade" id="deleteConfirmModal" tabindex="-1">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Confirm Deletion</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
|
</div>
|
|
<div class="modal-body">Are you sure you want to delete this tank?</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
|
|
<a href="#" id="delete-confirm-btn" class="btn btn-danger">Delete</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Toast Notification -->
|
|
<div class="position-fixed bottom-0 end-0 p-3" style="z-index: 11">
|
|
<div id="notificationToast" class="toast" role="alert" aria-live="assertive" aria-atomic="true">
|
|
<div class="toast-header"></div>
|
|
<div class="toast-body"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
const notification = <?php echo json_encode($notification); ?>;
|
|
if (notification) {
|
|
const toastEl = document.getElementById('notificationToast');
|
|
const toastHeader = toastEl.querySelector('.toast-header');
|
|
const toastBody = toastEl.querySelector('.toast-body');
|
|
|
|
toastHeader.innerHTML = `<strong class="me-auto">Notification</strong><button type="button" class="btn-close" data-bs-dismiss="toast"></button>`;
|
|
toastBody.textContent = notification.text;
|
|
toastEl.classList.remove('bg-success', 'bg-danger', 'bg-warning');
|
|
toastEl.classList.add('bg-' + notification.type, 'text-white');
|
|
|
|
new bootstrap.Toast(toastEl).show();
|
|
}
|
|
|
|
const editModal = document.getElementById('editTankModal');
|
|
editModal.addEventListener('show.bs.modal', function (event) {
|
|
const button = event.relatedTarget;
|
|
const id = button.getAttribute('data-id');
|
|
editModal.querySelector('#edit_tank_id').value = id;
|
|
editModal.querySelector('#edit_name').value = button.getAttribute('data-name');
|
|
editModal.querySelector('#edit_bunk_id').value = button.getAttribute('data-bunk-id');
|
|
editModal.querySelector('#edit_fuel_type_id').value = button.getAttribute('data-fuel-type-id');
|
|
editModal.querySelector('#edit_capacity').value = button.getAttribute('data-capacity');
|
|
});
|
|
|
|
const deleteModal = document.getElementById('deleteConfirmModal');
|
|
deleteModal.addEventListener('show.bs.modal', function (event) {
|
|
const button = event.relatedTarget;
|
|
const id = button.getAttribute('data-id');
|
|
deleteModal.querySelector('#delete-confirm-btn').href = 'tanks.php?action=delete&id=' + id;
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|