93 lines
4.6 KiB
HTML
93 lines
4.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Reports - Drug Inventory System</title>
|
|
<link rel="stylesheet" href="styles.css">
|
|
</head>
|
|
<body>
|
|
<div id="toastContainer" class="toast-container"></div>
|
|
|
|
<div id="reportsApp" class="main-app" style="display: none;">
|
|
<div class="container">
|
|
<header>
|
|
<div class="header-top">
|
|
<h1>Audit Reports</h1>
|
|
<div class="user-menu reports-user-menu">
|
|
<span id="reportsCurrentUser">User</span>
|
|
<button id="backToInventoryBtn" class="btn btn-small">Back To Inventory</button>
|
|
<button id="reportsLogoutBtn" class="btn btn-small">Logout</button>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<main>
|
|
<section class="list-section reports-page-section">
|
|
<div class="section-header">
|
|
<h2 id="reportsHeading">Dispensing History</h2>
|
|
<div class="reports-controls reports-page-controls">
|
|
<div class="form-group report-control">
|
|
<label for="reportTypeSelect">Report</label>
|
|
<select id="reportTypeSelect">
|
|
<option value="dispensing" selected>Dispensing History</option>
|
|
<option value="batch_attention">Expired / Partial Batches</option>
|
|
<option value="audit">Audit Trail (Raw)</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-group report-control">
|
|
<label for="reportFromDate">From Date</label>
|
|
<input type="date" id="reportFromDate">
|
|
</div>
|
|
<div class="form-group report-control">
|
|
<label for="reportToDate">To Date</label>
|
|
<input type="date" id="reportToDate">
|
|
</div>
|
|
<div class="form-group report-control">
|
|
<label for="reportUserFilter">User</label>
|
|
<select id="reportUserFilter">
|
|
<option value="">All Users</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-group report-control">
|
|
<label for="reportDrugFilter">Drug</label>
|
|
<select id="reportDrugFilter">
|
|
<option value="">All Drugs</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-group report-control report-text-search">
|
|
<label for="reportActionSearch">Search</label>
|
|
<input type="text" id="reportActionSearch" placeholder="Search user, action, notes, details...">
|
|
</div>
|
|
<div class="report-actions">
|
|
<button id="applyReportFiltersBtn" type="button" class="btn btn-primary btn-small">Apply Filters</button>
|
|
<button id="clearReportFiltersBtn" type="button" class="btn btn-secondary btn-small">Clear</button>
|
|
<button id="refreshReportsBtn" type="button" class="btn btn-secondary btn-small">Refresh</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="reportsSummary" class="reports-summary"></div>
|
|
<div id="reportsTableContainer" class="reports-table-container">
|
|
<p class="loading" style="padding: 14px;">Loading audit trail...</p>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer>
|
|
<p>Many Tears Confidential</p>
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="reportsErrorState" class="login-page" style="display: none;">
|
|
<div class="login-container">
|
|
<h1>Audit Reports</h1>
|
|
<p id="reportsErrorMessage">Access denied.</p>
|
|
<button id="goToLoginBtn" class="btn btn-primary">Go To Login</button>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="reports.js"></script>
|
|
</body>
|
|
</html> |