@extends('layouts.app')
@section('title', 'Platform Audit Log')
@section('page-title', 'Platform Audit Log')

@section('content')
<div class="page-header">
    <div>
        <div class="breadcrumb"><a href="{{ route('admin.dashboard') }}">Dashboard</a><span>/</span>Audit Log</div>
        <h1>Platform Audit Log</h1>
        <p>Every action on the platform — immutable and searchable.</p>
    </div>
    <a href="{{ route('admin.audit.export', request()->query()) }}" class="btn btn-outline"><i class="fas fa-download"></i> Export CSV</a>
</div>

<div class="card">
    <div class="filters-bar">
        <form method="GET" style="display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;width:100%;">
            <div class="form-group" style="margin:0;flex:1;min-width:180px;">
                <label class="form-label" style="font-size:11px;">User Name</label>
                <input type="text" name="user" class="form-control" placeholder="Search user..." value="{{ request('user') }}">
            </div>
            <div class="form-group" style="margin:0;min-width:140px;">
                <label class="form-label" style="font-size:11px;">Action</label>
                <select name="action" class="form-control">
                    <option value="">All Actions</option>
                    @foreach($actions as $action)
                        <option value="{{ $action }}" {{ request('action')===$action?'selected':'' }}>{{ $action }}</option>
                    @endforeach
                </select>
            </div>
            <div class="form-group" style="margin:0;min-width:140px;">
                <label class="form-label" style="font-size:11px;">Module</label>
                <select name="module" class="form-control">
                    <option value="">All Modules</option>
                    @foreach($modules as $module)
                        <option value="{{ $module }}" {{ request('module')===$module?'selected':'' }}>{{ $module }}</option>
                    @endforeach
                </select>
            </div>
            <div class="form-group" style="margin:0;min-width:130px;">
                <label class="form-label" style="font-size:11px;">Date From</label>
                <input type="date" name="date_from" class="form-control" value="{{ request('date_from') }}">
            </div>
            <div class="form-group" style="margin:0;min-width:130px;">
                <label class="form-label" style="font-size:11px;">Date To</label>
                <input type="date" name="date_to" class="form-control" value="{{ request('date_to') }}">
            </div>
            <button type="submit" class="btn btn-primary btn-sm"><i class="fas fa-filter"></i> Filter</button>
            <a href="{{ route('admin.audit.index') }}" class="btn btn-outline btn-sm">Reset</a>
        </form>
    </div>

    <div class="table-wrap">
        <table>
            <thead>
                <tr>
                    <th>#</th><th>User</th><th>Role</th><th>Action</th>
                    <th>Module</th><th>Description</th><th>IP / Device</th><th>Timestamp</th>
                </tr>
            </thead>
            <tbody>
                @forelse($logs as $log)
                <tr>
                    <td style="font-size:12px;color:#9ca3af;">{{ $log->id }}</td>
                    <td>
                        <div style="font-weight:600;font-size:13px;">{{ $log->user_name }}</div>
                    </td>
                    <td><span class="badge badge-secondary" style="font-size:10px;">{{ $log->role }}</span></td>
                    <td>
                        @php
                            $actionColors = ['LOGIN'=>'badge-success','LOGOUT'=>'badge-secondary','CREATE'=>'badge-primary','UPDATE'=>'badge-warning','DELETE'=>'badge-danger','VOID'=>'badge-danger','APPROVE'=>'badge-info'];
                            $cls = $actionColors[$log->action] ?? 'badge-secondary';
                        @endphp
                        <span class="badge {{ $cls }}" style="font-size:10px;">{{ $log->action }}</span>
                    </td>
                    <td style="font-size:12px;">{{ $log->module }}</td>
                    <td style="font-size:12.5px;max-width:280px;">{{ Str::limit($log->description, 80) }}</td>
                    <td>
                        <div style="font-size:11px;color:#6b7280;">{{ $log->ip_address }}</div>
                        <div style="font-size:11px;color:#9ca3af;">{{ $log->browser }}</div>
                    </td>
                    <td style="font-size:11px;color:#6b7280;white-space:nowrap;">
                        {{ $log->created_at->format('d M Y') }}<br>{{ $log->created_at->format('H:i:s') }}
                    </td>
                </tr>
                @empty
                <tr><td colspan="8"><div class="empty-state"><i class="fas fa-shield-alt"></i><h3>No audit logs found</h3><p>No activity matches your filters.</p></div></td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

    @if($logs->hasPages())
    <div class="card-footer" style="display:flex;justify-content:space-between;align-items:center;">
        <span style="font-size:13px;color:#6b7280;">Showing {{ $logs->firstItem() }}–{{ $logs->lastItem() }} of {{ $logs->total() }}</span>
        <div class="pagination">{{ $logs->appends(request()->query())->links() }}</div>
    </div>
    @endif
</div>
@endsection