@extends('layouts.app')

@section('content')
<div class="d-flex justify-content-between align-items-center flex-wrap grid-margin mb-3">
    <div>
        <h4 class="mb-0">Audit Log Details</h4>
        <div class="text-secondary small mt-1">
            View detailed information about this audit log entry.
        </div>
    </div>
    <div class="d-flex gap-2 mt-2 mt-md-0">
        <a href="{{ route('audit-logs.index') }}" class="btn btn-outline-secondary btn-sm">
            <i data-lucide="arrow-left" class="me-1" style="width:14px;height:14px;"></i> Back to Logs
        </a>
    </div>
</div>

<div class="card">
    <div class="card-body">
        <div class="row">
            <div class="col-md-6 mb-3">
                <label class="form-label small text-muted">User</label>
                <div class="fw-semibold">{{ $log->user_name ?? 'System' }}</div>
                <div class="text-muted small">{{ $log->user?->email ?? 'N/A' }}</div>
            </div>
            <div class="col-md-6 mb-3">
                <label class="form-label small text-muted">Timestamp</label>
                <div class="fw-semibold">{{ $log->timestamp ? $log->timestamp->format('Y-m-d H:i:s') : 'N/A' }}</div>
            </div>
            <div class="col-md-6 mb-3">
                <label class="form-label small text-muted">Module</label>
                <div class="fw-semibold">{{ $log->module }}</div>
            </div>
            <div class="col-md-6 mb-3">
                <label class="form-label small text-muted">Action</label>
                <div class="fw-semibold">{{ ucfirst($log->action) }}</div>
            </div>
            <div class="col-md-6 mb-3">
                <label class="form-label small text-muted">Entity Type</label>
                <div class="fw-semibold">{{ $log->entity_type ?? 'N/A' }}</div>
            </div>
            <div class="col-md-6 mb-3">
                <label class="form-label small text-muted">Entity Name</label>
                <div class="fw-semibold">{{ $log->entity_name ?? 'N/A' }}</div>
            </div>
            <div class="col-md-6 mb-3">
                <label class="form-label small text-muted">Record ID</label>
                <div class="fw-semibold">{{ $log->record_id ?? 'N/A' }}</div>
            </div>
            <div class="col-md-6 mb-3">
                <label class="form-label small text-muted">Result</label>
                <div class="fw-semibold">{{ ucfirst($log->result ?? 'N/A') }}</div>
            </div>
            <div class="col-md-6 mb-3">
                <label class="form-label small text-muted">Source</label>
                <div class="fw-semibold">{{ ucfirst($log->source ?? 'N/A') }}</div>
            </div>
            <div class="col-md-6 mb-3">
                <label class="form-label small text-muted">IP Address</label>
                <div class="fw-semibold">{{ $log->ip_address ?? 'N/A' }}</div>
            </div>
            <div class="col-md-6 mb-3">
                <label class="form-label small text-muted">Session ID</label>
                <div class="fw-semibold text-break small">{{ $log->session_id ?? 'N/A' }}</div>
            </div>
            <div class="col-12 mb-3">
                <label class="form-label small text-muted">Description</label>
                <div class="fw-semibold">{{ $log->description ?? 'N/A' }}</div>
            </div>
            <div class="col-12 mb-3">
                <label class="form-label small text-muted">User Agent</label>
                <div class="fw-semibold text-break small">{{ $log->user_agent ?? 'N/A' }}</div>
            </div>
        </div>

        @if($log->before)
        <div class="mt-4">
            <h6 class="fw-semibold mb-2">Before Values</h6>
            <pre class="bg-light p-3 rounded" style="max-height: 300px; overflow: auto;">{{ json_encode($log->before, JSON_PRETTY_PRINT) }}</pre>
        </div>
        @endif

        @if($log->after)
        <div class="mt-4">
            <h6 class="fw-semibold mb-2">After Values</h6>
            <pre class="bg-light p-3 rounded" style="max-height: 300px; overflow: auto;">{{ json_encode($log->after, JSON_PRETTY_PRINT) }}</pre>
        </div>
        @endif
    </div>
</div>
@endsection