Files
2026-09-21 10:14:57 +01:00

122 lines
6.6 KiB
PHP
Executable File

<x-layouts::app :title="__('Audit')">
<div class="container-fluid py-4 module-page module-audit">
<div class="row g-4">
<div class="col-12">
<x-wms.page-hero eyebrow="Operations" title="Audit"
description="Review activity logs, data changes, interface events, and administrative actions."
icon="fa-solid fa-clipboard-check" />
</div>
<div class="col-md-6 col-xl-3">
<div class="card h-100 border-0 shadow-sm module-metric-card">
<div class="card-body">
<div class="small text-uppercase text-muted fw-semibold mb-2">01</div>
<h3 class="h6 mb-2">Activity Log</h3>
<p class="small text-muted mb-0">Placeholder area for activity log.</p>
</div>
</div>
</div>
<div class="col-md-6 col-xl-3">
<div class="card h-100 border-0 shadow-sm module-metric-card">
<div class="card-body">
<div class="small text-uppercase text-muted fw-semibold mb-2">02</div>
<h3 class="h6 mb-2">Data Changes</h3>
<p class="small text-muted mb-0">Placeholder area for data changes.</p>
</div>
</div>
</div>
<div class="col-md-6 col-xl-3">
<div class="card h-100 border-0 shadow-sm module-metric-card">
<div class="card-body">
<div class="small text-uppercase text-muted fw-semibold mb-2">03</div>
<h3 class="h6 mb-2">API Audit</h3>
<p class="small text-muted mb-0">Placeholder area for api audit.</p>
</div>
</div>
</div>
<div class="col-md-6 col-xl-3">
<div class="card h-100 border-0 shadow-sm module-metric-card">
<div class="card-body">
<div class="small text-uppercase text-muted fw-semibold mb-2">04</div>
<h3 class="h6 mb-2">User Actions</h3>
<p class="small text-muted mb-0">Placeholder area for user actions.</p>
</div>
</div>
</div>
<div class="col-12">
<section class="card border-0 shadow-sm">
<div class="card-header bg-white border-bottom">
<div class="d-flex flex-column flex-md-row justify-content-between gap-2">
<div>
<h2 class="h5 mb-1">Audit workbench</h2>
<p class="small text-muted mb-0">Sample table layout ready to wire into controllers,
queries, DataTables, or Livewire.</p>
</div>
<div class="d-flex gap-2">
<button type="button" class="btn btn-outline-secondary btn-sm">Export</button>
<button type="button" class="btn btn-primary btn-sm">Create</button>
</div>
</div>
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table table-hover align-middle mb-0">
<caption class="sr-only">Data table</caption>
<thead class="table-light">
<tr>
<th>When</th>
<th>User</th>
<th>Action</th>
<th class="text-end">Action</th>
</tr>
</thead>
<tbody>
<tr>
<td>Activity Log</td>
<td>Sample 1</td>
<td><span
class="badge bg-success-subtle text-success border border-success-subtle">Active</span>
</td>
<td class="text-end"><a href="#"
class="btn btn-sm btn-outline-primary">Open</a></td>
</tr>
<tr>
<td>Data Changes</td>
<td>Sample 2</td>
<td><span
class="badge bg-success-subtle text-success border border-success-subtle">Active</span>
</td>
<td class="text-end"><a href="#"
class="btn btn-sm btn-outline-primary">Open</a></td>
</tr>
<tr>
<td>API Audit</td>
<td>Sample 3</td>
<td><span
class="badge bg-success-subtle text-success border border-success-subtle">Active</span>
</td>
<td class="text-end"><a href="#"
class="btn btn-sm btn-outline-primary">Open</a></td>
</tr>
<tr>
<td>User Actions</td>
<td>Sample 4</td>
<td><span
class="badge bg-success-subtle text-success border border-success-subtle">Active</span>
</td>
<td class="text-end"><a href="#"
class="btn btn-sm btn-outline-primary">Open</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
</div>
</div>
</div>
</x-layouts::app>