@extends('layouts.admin')

@section('title', 'Audit Logs')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">Audit Logs <span class="page-title-count">({{ $logs->total() ?? 0 }})</span></h1>
        <p class="page-subtitle text-muted">
            <svg width="14" height="14" viewBox="0 0 14 14" fill="none" style="vertical-align: middle;"><path d="M7 1l6 3v3c0 3-2.5 5.5-6 7-3.5-1.5-6-4-6-7V4l6-3z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></svg>
            Logs cannot be modified or deleted
        </p>
    </div>
</div>

<div class="card">
    <div class="card-header">
        <form method="GET" action="{{ route('admin.audit') }}" class="filter-bar">
            <div class="filter-group">
                <input type="date" name="date_from" value="{{ request('date_from') }}" class="form-input" placeholder="From">
            </div>
            <div class="filter-group">
                <input type="date" name="date_to" value="{{ request('date_to') }}" class="form-input" placeholder="To">
            </div>
            <div class="filter-group">
                <select name="user_id" class="filter-select">
                    <option value="">All Users</option>
                    @foreach($users ?? [] as $user)
                    <option value="{{ $user->id }}" {{ request('user_id') == $user->id ? 'selected' : '' }}>{{ $user->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="filter-group">
                <select name="action" class="filter-select">
                    <option value="">All Actions</option>
                    <option value="login" {{ request('action') === 'login' ? 'selected' : '' }}>Login</option>
                    <option value="logout" {{ request('action') === 'logout' ? 'selected' : '' }}>Logout</option>
                    <option value="create" {{ request('action') === 'create' ? 'selected' : '' }}>Create</option>
                    <option value="update" {{ request('action') === 'update' ? 'selected' : '' }}>Update</option>
                    <option value="delete" {{ request('action') === 'delete' ? 'selected' : '' }}>Delete</option>
                    <option value="approve" {{ request('action') === 'approve' ? 'selected' : '' }}>Approve</option>
                    <option value="reject" {{ request('action') === 'reject' ? 'selected' : '' }}>Reject</option>
                    <option value="transfer" {{ request('action') === 'transfer' ? 'selected' : '' }}>Transfer</option>
                </select>
            </div>
            <button type="submit" class="btn btn-primary btn-sm">Filter</button>
        </form>
    </div>

    <x-data-table :emptyMessage="'No audit logs found.'" :paginator="$logs ?? null">
        <x-slot:thead>
            <th>Timestamp</th>
            <th>User</th>
            <th>Action</th>
            <th>Subject</th>
            <th>Description</th>
            <th>IP</th>
            <th>Details</th>
        </x-slot:thead>
        <x-slot:tbody>
            @forelse($logs ?? [] as $log)
            <tr>
                <td><span class="text-mono text-sm">{{ $log->created_at->format('M d, Y H:i:s') }}</span></td>
                <td class="text-semibold">{{ $log->user->name ?? 'System' }}</td>
                <td><span class="badge badge-{{ in_array($log->action, ['delete', 'reject', 'logout']) ? 'red' : (in_array($log->action, ['create', 'approve', 'login']) ? 'green' : 'blue') }}">{{ ucfirst($log->action) }}</span></td>
                <td>{{ $log->subject_type ?? '' }} #{{ $log->subject_id ?? '' }}</td>
                <td>{{ Str::limit($log->description ?? '', 40) }}</td>
                <td><span class="text-mono text-sm">{{ $log->ip_address ?? 'N/A' }}</span></td>
                <td>
                    @if($log->old_values || $log->new_values)
                    <button type="button" class="btn btn-sm btn-outline" onclick="openModal('audit-detail-{{ $log->id }}')">View</button>
                    @else
                    <span class="text-muted">-</span>
                    @endif
                </td>
            </tr>
            @empty
            <tr>
                <td colspan="7">
                    <div class="data-table-empty-content">
                        <svg width="48" height="48" viewBox="0 0 48 48" fill="none"><circle cx="24" cy="24" r="24" fill="#F1F5F9"/><path d="M14 16h20a2 2 0 012 2v12a2 2 0 01-2 2H14a2 2 0 01-2-2V18a2 2 0 012-2z" stroke="#94A3B8" stroke-width="1.5"/><path d="M18 22h12M18 28h8" stroke="#94A3B8" stroke-width="1.5" stroke-linecap="round"/></svg>
                        <p>No audit logs found.</p>
                    </div>
                </td>
            </tr>
            @endforelse
        </x-slot:tbody>
    </x-data-table>
</div>

@foreach($logs ?? [] as $log)
@if($log->old_values || $log->new_values)
<x-modal id="audit-detail-{{ $log->id }}" title="Audit Log Details" size="lg">
    <div class="info-list" style="margin-bottom: 1rem;">
        <div class="info-item">
            <span class="info-label">Timestamp</span>
            <span class="info-value">{{ $log->created_at->format('M d, Y H:i:s') }}</span>
        </div>
        <div class="info-item">
            <span class="info-label">User</span>
            <span class="info-value">{{ $log->user->name ?? 'System' }}</span>
        </div>
        <div class="info-item">
            <span class="info-label">Action</span>
            <span class="info-value">{{ ucfirst($log->action) }}</span>
        </div>
        <div class="info-item">
            <span class="info-label">IP Address</span>
            <span class="info-value text-mono">{{ $log->ip_address ?? 'N/A' }}</span>
        </div>
    </div>

    @if($log->old_values)
    <h4 class="text-sm text-semibold" style="margin-bottom: 0.5rem;">Old Values</h4>
    <pre class="code-block"><code>{{ json_encode($log->old_values, JSON_PRETTY_PRINT) }}</code></pre>
    @endif

    @if($log->new_values)
    <h4 class="text-sm text-semibold" style="margin-top: 1rem; margin-bottom: 0.5rem;">New Values</h4>
    <pre class="code-block"><code>{{ json_encode($log->new_values, JSON_PRETTY_PRINT) }}</code></pre>
    @endif
</x-modal>
@endif
@endforeach
@endsection