@extends('admin.layouts.dashboard')

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

@section('content')
    @php $changes = $log->changes(); @endphp

    <x-page-header
        :title="'Audit entry #'.$log->id"
        :description="$log->description"
        :breadcrumbs="['Dashboard' => url('/dashboard'), 'Audit trail' => route('audit.index'), '#'.$log->id => null]"
    >
        <x-slot:actions>
            <a href="{{ route('audit.index') }}" class="btn btn--secondary">Back to trail</a>
        </x-slot:actions>
    </x-page-header>

    <div class="grid grid--3 u-mb-6">
        <x-stat label="Action" :value="str_replace('_', ' ', $log->action)" icon="fa-bolt" tone="primary" />
        <x-stat label="Module" :value="ucfirst($log->module)" icon="fa-layer-group" tone="info" />
        <x-stat label="User" :value="$log->user_name ?? 'System'" icon="fa-user" tone="success"
                :meta="$log->created_at?->format('d M Y, H:i')" />
    </div>

    <x-card title="What changed" :flush="true">
        @if (empty($changes))
            <x-empty icon="fa-equals" title="No field-level changes recorded"
                     text="This entry records an event rather than a record edit." />
        @else
            <div class="table-wrap">
                <table class="table">
                    <thead>
                        <tr>
                            <th scope="col">Field</th>
                            <th scope="col">Before</th>
                            <th scope="col">After</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($changes as $field => $change)
                            <tr>
                                <td class="table__primary">{{ str_replace('_', ' ', $field) }}</td>
                                <td class="u-text-secondary">{{ $change['from'] ?? '—' }}</td>
                                <td style="font-weight: var(--weight-medium);">{{ $change['to'] ?? '—' }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endif
    </x-card>

    <x-card title="Request context" class="u-mt-6">
        <div class="grid grid--2">
            <div>
                <div class="stat__label">IP address</div>
                <div style="font-weight:var(--weight-medium);">{{ $log->ip_address ?: '—' }}</div>
            </div>
            <div>
                <div class="stat__label">Record</div>
                <div style="font-weight:var(--weight-medium);">
                    {{ $log->auditable_type ? class_basename($log->auditable_type).' #'.$log->auditable_id : '—' }}
                </div>
            </div>
            <div style="grid-column: 1 / -1;">
                <div class="stat__label">User agent</div>
                <div class="u-text-secondary" style="word-break:break-word;">{{ $log->user_agent ?: '—' }}</div>
            </div>
        </div>
    </x-card>
@endsection