@extends('layouts.admin')
@section('title', 'Audit Log')

@push('styles')
<style>
    .au-header { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:1.5rem; }
    .au-header h1 { font-size:1.5rem; font-weight:700; margin:0; }
    .au-header p { color:var(--text-secondary,#6b7280); font-size:0.88rem; margin-top:0.25rem; }
    .au-filters { display:grid; grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)); gap:0.5rem; align-items:end; padding:1rem; background:var(--bg-card); border:1px solid var(--border); border-radius:10px; margin-bottom:1rem; }
    .au-filters label { font-size:0.75rem; font-weight:600; color:var(--text-secondary,#6b7280); display:block; margin-bottom:0.3rem; }
    .au-filters input, .au-filters select { width:100%; padding:0.5rem 0.7rem; border:1px solid var(--border); border-radius:8px; background:var(--bg-secondary); color:var(--text-primary); font-size:0.85rem; }
    .au-btn { padding:0.55rem 0.95rem; background:var(--accent,#10BFFF); color:#fff; border:none; border-radius:8px; font-weight:600; font-size:0.85rem; cursor:pointer; }
    .au-table { width:100%; border-collapse:collapse; background:var(--bg-card); border:1px solid var(--border); border-radius:10px; overflow:hidden; }
    .au-table th { text-align:left; padding:0.7rem 1rem; font-size:0.72rem; text-transform:uppercase; letter-spacing:0.06em; color:var(--text-secondary,#6b7280); background:var(--bg-secondary); font-weight:600; }
    .au-table td { padding:0.7rem 1rem; border-top:1px solid var(--border); font-size:0.85rem; vertical-align:top; }
    .au-action-pill { display:inline-block; padding:2px 8px; background:rgba(16,191,255,0.14); color:var(--accent); border-radius:999px; font-size:0.72rem; font-weight:600; font-family:monospace; }
    .au-meta { color:var(--text-muted,#9CA3AF); font-size:0.75rem; }
    .au-meta-block { background:var(--bg-secondary); border-radius:6px; padding:0.5rem 0.65rem; font-family:monospace; font-size:0.72rem; color:var(--text-muted,#9CA3AF); margin-top:0.35rem; max-width:480px; word-break:break-word; }
    .au-empty { padding:3rem; text-align:center; color:var(--text-muted,#9CA3AF); }
    .au-empty i { font-size:2.5rem; opacity:0.35; margin-bottom:0.75rem; display:block; }
</style>
@endpush

@section('content')
<div class="au-header">
    <div>
        <h1><i class="fas fa-clipboard-list"></i> Audit Log</h1>
        <p>Every action recorded by ActivityLogger. Filter by user, action, IP or date range.</p>
    </div>
</div>

@if(! $tableExists)
    <div class="au-empty">
        <i class="fas fa-database"></i>
        <div style="font-size:1rem;font-weight:600;margin-bottom:0.4rem;">Audit table not provisioned yet</div>
        <div>The <code>activity_logs</code> table doesn't exist on this database. Run <code>php artisan migrate</code> to create it.</div>
    </div>
@else
<form method="GET" class="au-filters">
    <div>
        <label>User email</label>
        <input type="text" name="email" value="{{ $filters['email'] ?? '' }}" placeholder="jane@…">
    </div>
    <div>
        <label>Action</label>
        <select name="action">
            <option value="">All actions</option>
            @foreach($distinctActions as $a)
                <option value="{{ $a }}" {{ ($filters['action'] ?? '') === $a ? 'selected' : '' }}>{{ $a }}</option>
            @endforeach
        </select>
    </div>
    <div>
        <label>IP address</label>
        <input type="text" name="ip" value="{{ $filters['ip'] ?? '' }}" placeholder="192.168…">
    </div>
    <div>
        <label>From</label>
        <input type="date" name="from" value="{{ $filters['from'] ?? '' }}">
    </div>
    <div>
        <label>To</label>
        <input type="date" name="to" value="{{ $filters['to'] ?? '' }}">
    </div>
    <button class="au-btn"><i class="fas fa-filter"></i> Filter</button>
</form>

@if($logs->isEmpty())
    <div class="au-empty">
        <i class="fas fa-magnifying-glass"></i>
        <div>No log entries match those filters.</div>
    </div>
@else
<table class="au-table">
    <thead>
        <tr>
            <th>When</th>
            <th>User</th>
            <th>Action</th>
            <th>Description</th>
            <th>IP</th>
        </tr>
    </thead>
    <tbody>
        @foreach($logs as $log)
            <tr>
                <td style="white-space:nowrap;">
                    <div>{{ \Carbon\Carbon::parse($log->created_at)->format('M d, H:i') }}</div>
                    <div class="au-meta">{{ \Carbon\Carbon::parse($log->created_at)->diffForHumans() }}</div>
                </td>
                <td>
                    <div>{{ $log->user_name ?? '—' }}</div>
                    <div class="au-meta">{{ $log->user_email ?? '—' }}</div>
                </td>
                <td><span class="au-action-pill">{{ $log->action }}</span></td>
                <td>
                    {{ $log->description }}
                    @if(! empty($log->metadata))
                        @php
                            $meta = is_string($log->metadata) ? json_decode($log->metadata, true) : (is_array($log->metadata) ? $log->metadata : []);
                        @endphp
                        @if(! empty($meta))
                            <div class="au-meta-block">{{ json_encode($meta, JSON_UNESCAPED_SLASHES | JSON_PRETTY_PRINT) }}</div>
                        @endif
                    @endif
                </td>
                <td class="au-meta" style="font-family:monospace;">{{ $log->ip_address ?? '—' }}</td>
            </tr>
        @endforeach
    </tbody>
</table>

<div style="margin-top:1rem;">{{ $logs->links() }}</div>
@endif
@endif
@endsection