@extends('layouts.app')
@section('content')
<div class="bg-white p-4 rounded shadow">
  <h1 class="text-lg font-semibold mb-3">Audit Entry #{{ $log->id }}</h1>
  <div class="grid md:grid-cols-2 gap-3">
    <div>
      <h3 class="font-semibold">Before</h3>
      <pre class="bg-gray-100 p-3 rounded text-xs overflow-auto">{{ json_encode($log->before_json, JSON_PRETTY_PRINT) }}</pre>
    </div>
    <div>
      <h3 class="font-semibold">After</h3>
      <pre class="bg-gray-100 p-3 rounded text-xs overflow-auto">{{ json_encode($log->after_json, JSON_PRETTY_PRINT) }}</pre>
    </div>
  </div>
  <p class="text-sm mt-3">Reason: {{ $log->reason }}</p>
</div>
@endsection