@extends('layouts.admin')
@section('title', 'Audit Log Detail')
@section('page-title', 'Audit Log Detail')
@section('page-subtitle', 'Log Entry #' . $log->id)
@section('content')
<div class="max-w-2xl">
    <div class="card p-6">
        <dl class="grid grid-cols-2 gap-4 text-sm">
            <div><dt class="text-gray-500">Log ID</dt><dd class="font-bold">#{{ $log->id }}</dd></div>
            <div><dt class="text-gray-500">Timestamp</dt><dd class="font-medium">{{ $log->created_at->format('d M Y H:i:s') }}</dd></div>
            <div><dt class="text-gray-500">User</dt><dd class="font-bold">{{ $log->user_name }}</dd></div>
            <div><dt class="text-gray-500">User ID</dt><dd>{{ $log->user_id }}</dd></div>
            <div><dt class="text-gray-500">Action</dt><dd><span class="px-2 py-0.5 rounded text-xs bg-blue-100 text-blue-800 font-medium">{{ $log->action }}</span></dd></div>
            <div><dt class="text-gray-500">Module</dt><dd>{{ $log->module }}</dd></div>
            <div class="col-span-2"><dt class="text-gray-500">Description</dt><dd class="mt-1 p-3 bg-gray-50 rounded-lg">{{ $log->description }}</dd></div>
            <div><dt class="text-gray-500">IP Address</dt><dd class="font-mono">{{ $log->ip_address }}</dd></div>
            <div class="col-span-2"><dt class="text-gray-500">User Agent</dt><dd class="text-xs text-gray-500 mt-1">{{ $log->user_agent }}</dd></div>
        </dl>
        <div class="mt-6">
            <a href="{{ route('admin.audit.index') }}" class="px-4 py-2 border border-gray-300 rounded-lg text-gray-700 text-sm hover:bg-gray-50">← Back to Audit Logs</a>
        </div>
    </div>
</div>
@endsection