@extends('admin.layouts.app')

@section('title', 'Log Details')

@section('content')
<div class="space-y-6">
    <!-- Header -->
    <div class="flex items-center gap-4">
        <a href="{{ route('admin.logs.index') }}" class="p-2 hover:bg-slate-100 dark:hover:bg-slate-700 rounded-lg">
            <i data-lucide="arrow-left" class="w-5 h-5"></i>
        </a>
        <div>
            <h1 class="text-2xl font-bold text-slate-900 dark:text-white">Log Details</h1>
            <p class="text-slate-500 dark:text-slate-400 mt-1">{{ $log->created_at->format('F d, Y H:i:s') }}</p>
        </div>
    </div>

    <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
        <!-- Basic Info -->
        <div class="bg-white dark:bg-slate-800 rounded-xl shadow-sm p-6">
            <h2 class="text-lg font-semibold text-slate-900 dark:text-white mb-4">Basic Information</h2>
            <dl class="space-y-4">
                <div>
                    <dt class="text-sm text-slate-500">User</dt>
                    <dd class="text-slate-900 dark:text-white font-medium">{{ $log->user?->name ?? 'System' }}</dd>
                </div>
                <div>
                    <dt class="text-sm text-slate-500">Action</dt>
                    <dd>
                        <span class="px-2 py-1 text-xs rounded-full 
                            {{ $log->action === 'create' ? 'bg-emerald-100 text-emerald-700' : '' }}
                            {{ $log->action === 'update' ? 'bg-blue-100 text-blue-700' : '' }}
                            {{ $log->action === 'delete' ? 'bg-red-100 text-red-700' : '' }}
                            {{ !in_array($log->action, ['create', 'update', 'delete']) ? 'bg-slate-100 text-slate-700' : '' }}
                        ">
                            {{ ucfirst($log->action) }}
                        </span>
                    </dd>
                </div>
                <div>
                    <dt class="text-sm text-slate-500">Model</dt>
                    <dd class="text-slate-900 dark:text-white">{{ $log->model_type ? class_basename($log->model_type) . ' #' . $log->model_id : 'N/A' }}</dd>
                </div>
                <div>
                    <dt class="text-sm text-slate-500">Description</dt>
                    <dd class="text-slate-900 dark:text-white">{{ $log->description ?? 'N/A' }}</dd>
                </div>
                <div>
                    <dt class="text-sm text-slate-500">IP Address</dt>
                    <dd class="text-slate-900 dark:text-white font-mono">{{ $log->ip_address }}</dd>
                </div>
                <div>
                    <dt class="text-sm text-slate-500">User Agent</dt>
                    <dd class="text-slate-600 dark:text-slate-400 text-sm">{{ Str::limit($log->user_agent, 100) }}</dd>
                </div>
            </dl>
        </div>

        <!-- Changes -->
        <div class="space-y-6">
            @if($log->old_values)
            <div class="bg-white dark:bg-slate-800 rounded-xl shadow-sm p-6">
                <h2 class="text-lg font-semibold text-slate-900 dark:text-white mb-4">Old Values</h2>
                <pre class="bg-slate-50 dark:bg-slate-900 p-4 rounded-lg overflow-x-auto text-sm text-slate-700 dark:text-slate-300">{{ json_encode($log->old_values, JSON_PRETTY_PRINT) }}</pre>
            </div>
            @endif

            @if($log->new_values)
            <div class="bg-white dark:bg-slate-800 rounded-xl shadow-sm p-6">
                <h2 class="text-lg font-semibold text-slate-900 dark:text-white mb-4">New Values</h2>
                <pre class="bg-slate-50 dark:bg-slate-900 p-4 rounded-lg overflow-x-auto text-sm text-slate-700 dark:text-slate-300">{{ json_encode($log->new_values, JSON_PRETTY_PRINT) }}</pre>
            </div>
            @endif
        </div>
    </div>
</div>
@endsection