@php
    $metadataItems = function (?array $metadata) {
        if (! $metadata) {
            return collect();
        }

        return collect($metadata)
            ->filter(fn ($value) => filled($value))
            ->map(function ($value, $key) {
                $formattedValue = is_scalar($value) ? $value : json_encode($value);

                return [
                    'label' => str($key)->headline()->toString(),
                    'value' => (string) $formattedValue,
                ];
            })
            ->take(6)
            ->values();
    };

    $activeFilterCount = collect([
        $filters['search'] ?? null,
        $filters['action_type'] ?? null,
        $filters['user_id'] ?? null,
        $filters['entity_type'] ?? null,
        $filters['date_from'] ?? null,
        $filters['date_to'] ?? null,
    ])->filter(fn ($value) => filled($value))->count();
@endphp

<x-layouts.app title="Audit Log | Tarnova" page-title="Audit log">
    <x-slot:headerActions>
        <a href="{{ route('reports.exports.audit-logs', request()->only(['search', 'action_type', 'entity_type', 'user_id', 'date_from', 'date_to'])) }}" class="secondary-button">Export CSV</a>
        <a href="{{ route('dashboard') }}" class="secondary-button">Back to dashboard</a>
    </x-slot:headerActions>

    <x-workspace-module-nav workspace="administration" />

    <section class="audit-filter-card">
        <div class="audit-filter-header">
            <div>
                <p class="dashboard-kicker">Find activity</p>
                <h3 class="section-title">Filter the audit trail</h3>
                <p class="audit-filter-copy">Search actions, users, entities, and dates.</p>
            </div>
            <div class="audit-filter-summary">
                <span class="audit-filter-summary-pill">{{ $activeFilterCount }} active {{ Str::plural('filter', $activeFilterCount) }}</span>
                <span class="audit-filter-summary-copy">{{ $logs->total() }} {{ Str::plural('result', $logs->total()) }}</span>
            </div>
        </div>

        <form method="GET" action="{{ route('audit-logs.index') }}" class="audit-filter-form">
            <label class="audit-filter-field audit-filter-search">
                <span>Search</span>
                <input type="search" name="search" value="{{ $filters['search'] ?? '' }}" placeholder="Invoice number, action, user, metadata..." class="builder-input">
            </label>

            <label class="audit-filter-field">
                <span>Action</span>
                <select name="action_type" class="builder-select">
                    <option value="">All actions</option>
                    @foreach ($actions as $value => $label)
                        <option value="{{ $value }}" @selected(($filters['action_type'] ?? '') === $value)>{{ $label }}</option>
                    @endforeach
                </select>
            </label>

            <label class="audit-filter-field">
                <span>User</span>
                <select name="user_id" class="builder-select">
                    <option value="">All users</option>
                    @foreach ($users as $user)
                        <option value="{{ $user->id }}" @selected((string) ($filters['user_id'] ?? '') === (string) $user->id)>{{ $user->name }}</option>
                    @endforeach
                </select>
            </label>

            <label class="audit-filter-field">
                <span>Entity</span>
                <select name="entity_type" class="builder-select">
                    <option value="">All entities</option>
                    @foreach ($entityTypes as $entityType)
                        <option value="{{ $entityType }}" @selected(($filters['entity_type'] ?? '') === $entityType)>{{ Str::headline($entityType) }}</option>
                    @endforeach
                </select>
            </label>

            <label class="audit-filter-field">
                <span>From</span>
                <input type="date" name="date_from" value="{{ $filters['date_from'] ?? '' }}" class="builder-input">
            </label>

            <label class="audit-filter-field">
                <span>To</span>
                <input type="date" name="date_to" value="{{ $filters['date_to'] ?? '' }}" class="builder-input">
            </label>

            <div class="audit-filter-actions">
                <button type="submit" class="primary-button audit-filter-submit">Apply filters</button>
                <a href="{{ route('audit-logs.index') }}" class="secondary-button audit-filter-reset">Reset</a>
            </div>
        </form>
    </section>

    <section class="section-card record-register audit-log-shell">
        <div class="record-toolbar audit-log-toolbar">
            <div>
                <h3 class="section-title">Activity feed</h3>
                <p class="audit-log-copy">Who, what, when.</p>
            </div>
            <div class="audit-log-toolbar-stat">
                <strong>{{ $logs->total() }}</strong>
                <span>{{ Str::plural('event', $logs->total()) }} matched your current view</span>
            </div>
        </div>

        <div class="record-grid audit-log-grid">
            @forelse ($logs as $log)
                @php($items = $metadataItems($log->metadata))

                <article class="record-card audit-log-card">
                    <div class="audit-log-card-top">
                        <div class="audit-log-main">
                            <div class="audit-log-badges">
                                <span class="{{ $log->badgeClass() }}">{{ $log->actionLabel() }}</span>
                                @if ($log->entity_type)
                                    <span class="status-badge status-draft">{{ Str::headline($log->entity_type) }} #{{ $log->entity_id }}</span>
                                @endif
                            </div>
                            <p class="audit-log-title">{{ $log->description }}</p>
                        </div>

                        <div class="audit-log-timestamp">
                            <span class="record-label">Timestamp</span>
                            <strong class="record-value">{{ $log->created_at->format('d M Y') }}</strong>
                            <small class="record-subtitle">{{ $log->created_at->format('H:i') }}</small>
                        </div>
                    </div>

                    <div class="audit-log-meta-grid">
                        <div class="audit-log-meta-panel">
                            <p class="record-label">User</p>
                            <p class="record-value">{{ $log->user?->name ?? 'System' }}</p>
                            <p class="record-subtitle">{{ $log->user?->email ?? 'Automated action' }}</p>
                        </div>

                        <div class="audit-log-meta-panel">
                            <p class="record-label">Source</p>
                            <p class="record-value">{{ $log->ip_address ?: 'No IP captured' }}</p>
                            <p class="record-subtitle audit-log-device">{{ $log->user_agent ? Str::limit($log->user_agent, 68) : 'Device metadata unavailable' }}</p>
                        </div>

                        <div class="audit-log-meta-panel audit-log-metadata-panel">
                            <p class="record-label">Context</p>
                            @if ($items->isNotEmpty())
                                <div class="audit-log-metadata-list">
                                    @foreach ($items as $item)
                                        <span class="audit-log-metadata-chip">
                                            <strong>{{ $item['label'] }}</strong>
                                            <em>{{ $item['value'] }}</em>
                                        </span>
                                    @endforeach
                                </div>
                            @else
                                <p class="record-subtitle">No extra metadata captured for this event.</p>
                            @endif
                        </div>
                    </div>
                </article>
            @empty
                <div class="empty-state-card audit-empty-state">
                    <div class="empty-state-icon">
                        <i class="fa-solid fa-clipboard-list" aria-hidden="true"></i>
                    </div>
                    <p class="empty-state-title">No audit events yet</p>
                    <p class="empty-state-copy">No activity yet.</p>
                </div>
            @endforelse
        </div>

        @if ($logs->hasPages())
            <div class="mt-6 border-t border-slate-200/80 pt-5">
                {{ $logs->links() }}
            </div>
        @endif
    </section>
</x-layouts.app>