@extends('layouts.admin')

@section('title', __('admin_activity.title'))

@section('content')
    <div class="page-header"><h1 class="page-title">{{ __('admin_activity.title') }}</h1></div>

    <form method="GET" class="card filters">
        <input name="search" value="{{ $search }}" placeholder="{{ __('admin_activity.search') }}">
        <select name="action">
            <option value="">{{ __('admin_activity.all_actions') }}</option>
            @foreach($actions as $option)
                <option value="{{ $option }}" @selected($action === $option)>{{ $option }}</option>
            @endforeach
        </select>
        <button class="button" type="submit">{{ __('admin_activity.filter') }}</button>
    </form>

    <div class="card table-wrap">
        <table>
            <thead><tr>
                <th>{{ __('admin_activity.date') }}</th>
                <th>{{ __('admin_activity.admin') }}</th>
                <th>{{ __('admin_activity.action') }}</th>
                <th>{{ __('admin_activity.description') }}</th>
                <th>{{ __('admin_activity.ip') }}</th>
            </tr></thead>
            <tbody>
            @forelse($logs as $log)
                <tr>
                    <td>{{ $log->created_at?->format('Y-m-d H:i:s') }}</td>
                    <td>{{ $log->actor?->full_name ?? $log->actor?->username ?? '—' }}</td>
                    <td><code>{{ $log->action }}</code></td>
                    <td>{{ $log->description ?? '—' }}</td>
                    <td>{{ $log->ip_address ?? '—' }}</td>
                </tr>
            @empty
                <tr><td colspan="5">{{ __('admin_activity.empty') }}</td></tr>
            @endforelse
            </tbody>
        </table>
        <div class="pagination">{{ $logs->links() }}</div>
    </div>
@endsection

@push('styles')
    .filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.filters input,.filters select{padding:10px;border:1px solid var(--border);border-radius:8px;font:inherit}.filters input{flex:1;min-width:220px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid var(--border);text-align:start;white-space:nowrap}td:nth-child(4){white-space:normal;min-width:230px}.pagination{margin-top:18px}
@endpush