@extends('layouts.app')
@section('title', 'Audit Logs')
@section('breadcrumbs')
<nav aria-label="breadcrumb"><ol class="breadcrumb"><li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li><li class="breadcrumb-item"><a href="#">Administration</a></li><li class="breadcrumb-item active">Audit Logs</li></ol></nav>
@endsection
@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <div><h1 class="h3 mb-1 text-dark fw-semibold">Audit Logs</h1><p class="text-muted mb-0">Track all system activities and changes</p></div>
    <button class="btn btn-outline-success btn-sm"><i class="bi bi-file-earmark-excel me-1"></i>Export</button>
</div>
<div class="card border-0 shadow-sm mb-4">
    <div class="card-body">
        <div class="row g-3">
            <div class="col-md-2"><label class="form-label small fw-medium">User</label><select class="form-select form-select-sm"><option value="">All Users</option></select></div>
            <div class="col-md-2"><label class="form-label small fw-medium">Module</label><select class="form-select form-select-sm"><option value="">All Modules</option><option value="export">Export</option><option value="import">Import</option><option value="freight">Freight</option><option value="finance">Finance</option><option value="admin">Admin</option></select></div>
            <div class="col-md-2"><label class="form-label small fw-medium">Action</label><select class="form-select form-select-sm"><option value="">All Actions</option><option value="create">Create</option><option value="update">Update</option><option value="delete">Delete</option><option value="login">Login</option></select></div>
            <div class="col-md-2"><label class="form-label small fw-medium">From</label><input type="date" class="form-control form-control-sm"></div>
            <div class="col-md-2"><label class="form-label small fw-medium">To</label><input type="date" class="form-control form-control-sm"></div>
            <div class="col-md-2 d-flex align-items-end"><button class="btn btn-primary btn-sm w-100"><i class="bi bi-funnel me-1"></i>Filter</button></div>
        </div>
    </div>
</div>
<div class="card border-0 shadow-sm">
    <div class="card-body">
        <div class="table-responsive">
            <table id="auditTable" class="table table-hover align-middle mb-0 w-100">
                <thead class="bg-light"><tr><th class="border-0 px-3 py-3 fw-semibold text-muted small">Timestamp</th><th class="border-0 px-3 py-3 fw-semibold text-muted small">User</th><th class="border-0 px-3 py-3 fw-semibold text-muted small">Module</th><th class="border-0 px-3 py-3 fw-semibold text-muted small">Action</th><th class="border-0 px-3 py-3 fw-semibold text-muted small">Description</th><th class="border-0 px-3 py-3 fw-semibold text-muted small">IP</th></tr></thead>
                <tbody>
                    @forelse($logs ?? [] as $log)
                    <tr>
                        <td class="px-3 text-muted small">{{ $log->created_at?->format('d M Y H:i:s') ?? '' }}</td>
                        <td class="px-3 fw-medium">{{ $log->user->name ?? 'System' }}</td>
                        <td class="px-3"><span class="badge bg-light text-dark border">{{ ucfirst($log->module ?? '') }}</span></td>
                        <td class="px-3"><span class="badge bg-{{ match($log->action ?? '','create'=>'success','update'=>'info','delete'=>'danger','login'=>'primary', default=>'secondary') }}-subtle text-{{ match($log->action ?? '','create'=>'success','update'=>'info','delete'=>'danger','login'=>'primary', default=>'secondary') }}">{{ ucfirst($log->action ?? '') }}</span></td>
                        <td class="px-3">{{ Str::limit($log->description ?? '', 60) }}</td>
                        <td class="px-3 text-muted small">{{ $log->ip_address ?? '' }}</td>
                    </tr>
                    @empty
                    <tr><td colspan="6" class="text-center py-5 text-muted">No audit logs found</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection
@push('scripts')
<script>$(document).ready(function(){ $('#auditTable').DataTable({order:[[0,'desc']],pageLength:50}); });</script>
@endpush