@extends('admin.layouts.app')

@section('title', __('admin.logs.list_title') . ' — ' . __('admin.brand.name'))
@section('page_title', __('admin.logs.list_title'))

@php
    $filterKeys = ['admin_id', 'module', 'from', 'to'];
    $activeFilters = collect($filterKeys)->filter(fn ($k) => filled(request($k)))->count();
@endphp

@section('content')
    <x-admin.page-header :title="__('admin.logs.list_title')" :subtitle="__('admin.logs.list_subtitle', ['count' => $logs->total()])" />

    <x-admin.list-toolbar
        :searchPlaceholder="__('admin.logs.search_placeholder')"
        :activeFilters="$activeFilters"
        filterTargetId="logs-filter-bar" />

    <x-admin.filter-bar id="logs-filter-bar">
        @foreach (request()->only(['q', 'sort', 'dir']) as $key => $value)
            <input type="hidden" name="{{ $key }}" value="{{ $value }}">
        @endforeach

        <x-admin.form-select name="admin_id" :label="__('admin.logs.fields.admin')"
            :options="$admins->pluck('name', 'id')->toArray()"
            :selected="request('admin_id')" :placeholder="__('admin.filters.all')" />
        <x-admin.form-select name="module" :label="__('admin.logs.fields.module')"
            :options="$modules->mapWithKeys(fn($m) => [$m => $m])->toArray()"
            :selected="request('module')" :placeholder="__('admin.filters.all')" />
        <x-admin.form-input name="from" :label="__('admin.filters.created_from')" type="date" :value="request('from')" />
        <x-admin.form-input name="to"   :label="__('admin.filters.created_to')"   type="date" :value="request('to')" />
    </x-admin.filter-bar>

    <div class="card card-table">
        @if ($logs->isEmpty())
            <x-admin.empty-state :title="__('admin.logs.empty_title')" :message="__('admin.logs.empty_message')" />
        @else
            <div class="card-table-wrap">
                <table class="data-table">
                    <thead>
                        <tr>
                            <th><x-admin.sortable column="created_at" :label="__('admin.logs.fields.timestamp')" /></th>
                            <th>{{ __('admin.logs.fields.admin') }}</th>
                            <th><x-admin.sortable column="action" :label="__('admin.logs.fields.action')" /></th>
                            <th><x-admin.sortable column="module" :label="__('admin.logs.fields.module')" /></th>
                            <th>{{ __('admin.logs.fields.subject') }}</th>
                            <th>{{ __('admin.logs.fields.ip') }}</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($logs as $log)
                            <tr class="row-clickable" data-href="{{ route('admin.logs.show', $log) }}" style="cursor:pointer;">
                                <td>{{ optional($log->created_at)->format('Y-m-d H:i:s') }}</td>
                                <td>
                                    @if ($log->admin)
                                        <strong>{{ $log->admin->name }}</strong>
                                        <small class="muted" style="display:block;">{{ $log->admin->email }}</small>
                                    @else
                                        <span class="badge" style="--badge-color:#94a3b8; background:#f1f5f9; color:#475569;">
                                            👤 {{ __('admin.logs.guest') }}
                                        </span>
                                    @endif
                                </td>
                                <td>{{ trans()->has('admin.logs.actions.' . $log->action) ? __('admin.logs.actions.' . $log->action) : $log->action }}</td>
                                <td><span class="badge" style="--badge-color:#5a2d80;">{{ trans()->has('admin.logs.modules.' . $log->module) ? __('admin.logs.modules.' . $log->module) : $log->module }}</span></td>
                                <td class="truncate-2">
                                    @if ($log->subject_type)
                                        <code>{{ class_basename($log->subject_type) }}#{{ $log->subject_id }}</code>
                                    @endif
                                    @if ($log->description)
                                        <span>{{ $log->description }}</span>
                                    @endif
                                    @if ($log->agent_run_id)
                                        <a href="{{ route('admin.agents.runs.show', $log->agent_run_id) }}"
                                           onclick="event.stopPropagation();"
                                           class="badge" style="--badge-color:#4f46e5;text-decoration:none;display:inline-block;margin-top:3px;"
                                           title="{{ $log->agentRun?->agent_key }} · execution: {{ $log->agentRun?->execution_status }}">
                                            🤖 AI · Run #{{ $log->agent_run_id }}
                                        </a>
                                    @endif
                                </td>
                                <td class="muted">{{ $log->ip_address ?: '—' }}</td>
                                <td>
                                    <a href="{{ route('admin.logs.show', $log) }}" class="btn-link" onclick="event.stopPropagation();">{{ __('admin.actions.view') ?? 'View' }}</a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <div class="pagination-wrap">{{ $logs->links() }}</div>
        @endif
    </div>

    <script>
        // Make full table rows act as links to the log details page.
        document.addEventListener('click', function (e) {
            const row = e.target.closest('tr.row-clickable');
            if (!row) return;
            // Don't intercept clicks on real links/buttons inside the row.
            if (e.target.closest('a, button, input, select')) return;
            const href = row.dataset.href;
            if (href) window.location.href = href;
        });
    </script>
@endsection