@extends('layouts.app')
@section('content')
<div class="d-flex flex-wrap justify-content-between align-items-end gap-3 mb-3">
    <div>
        <div class="page-kicker">Audit trail</div>
        <h1 class="page-title">System activity logs</h1>
        <div class="muted-line">Track important user actions across the system.</div>
    </div>
    <div class="d-flex flex-wrap gap-2">
        <span class="quick-chip"><i class="bi bi-list-ul"></i>{{ $logs->total() }} records</span>
        <span class="quick-chip"><i class="bi bi-files"></i>Page {{ $logs->currentPage() }} of {{ $logs->lastPage() }}</span>
    </div>
</div>

<div class="panel panel-pad">
    <div class="d-flex flex-wrap justify-content-between align-items-center gap-2 mb-3">
        <div>
            <h2 class="panel-title">Recent activity</h2>
            <div class="panel-subtitle">
                Showing {{ $logs->firstItem() ?? 0 }} to {{ $logs->lastItem() ?? 0 }} of {{ $logs->total() }} entries.
            </div>
        </div>
        <div class="pagination-wrap top-pager">
            {{ $logs->onEachSide(1)->links() }}
        </div>
    </div>

    <div class="table-responsive">
        <table class="table align-middle">
            <thead>
                <tr>
                    <th>User</th>
                    <th>Action</th>
                    <th>Description</th>
                    <th>IP</th>
                    <th>Time</th>
                </tr>
            </thead>
            <tbody>
                @forelse($logs as $log)
                    <tr>
                        <td class="fw-semibold">{{ $log->user->name ?? 'System' }}</td>
                        <td><span class="badge badge-soft">{{ $log->action }}</span></td>
                        <td>{{ $log->description }}</td>
                        <td>{{ $log->ip_address ?: '-' }}</td>
                        <td>{{ $log->created_at->format('d M h:i A') }}</td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="5" class="text-center text-secondary py-4">No activity logs yet.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div class="pagination-wrap mt-3">
        {{ $logs->onEachSide(1)->links() }}
    </div>
</div>
@endsection