@extends('layouts.app')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-3"><h2>Audit Log Details</h2><a href="{{ route('audit-logs.index') }}" class="btn btn-outline-secondary">Back</a></div>

<div class="card shadow-sm mb-4">
    <div class="card-body">
        <div class="row g-3">
            <div class="col-md-3"><strong>User</strong><div>{{ $auditLog->user?->name ?: 'System' }}</div></div>
            <div class="col-md-3"><strong>Action</strong><div>{{ $auditLog->action }}</div></div>
            <div class="col-md-3"><strong>Module</strong><div>{{ $auditLog->module ?: '-' }}</div></div>
            <div class="col-md-3"><strong>IP Address</strong><div>{{ $auditLog->ip_address }}</div></div>
            <div class="col-md-6"><strong>Route</strong><div><code>{{ $auditLog->route }}</code></div></div>
            <div class="col-md-6"><strong>Date</strong><div>{{ $auditLog->created_at?->format('d M Y H:i:s') }}</div></div>
        </div>
    </div>
</div>

<div class="row g-4">
    <div class="col-md-6">
        <div class="card shadow-sm"><div class="card-body"><h5>Submitted Data</h5><pre class="mb-0">{{ json_encode($auditLog->new_values, JSON_PRETTY_PRINT | JSON_UNESCAPED_SLASHES) }}</pre></div></div>
    </div>
    <div class="col-md-6">
        <div class="card shadow-sm"><div class="card-body"><h5>User Agent</h5><pre class="mb-0">{{ $auditLog->user_agent }}</pre></div></div>
    </div>
</div>
@endsection