@extends('admin.layouts.layouts')
@section('content')
<div class="container-fluid">
    <div class="row mb-4">
        <div class="col-12">
            <h4 class="mb-3">Log Detail View - #{{ isset($logData->id) ? $logData->id : '' }}</h4>
        </div>
    </div>

    {{-- Two Column Partition for Old and New --}}
    <div class="row">
        <!-- Old Response -->
        <div class="col-md-6">
            <div class="card shadow-sm border-left-danger">
                <div class="card-header bg-danger text-white">
                    <strong>Old Response</strong>
                </div>
                <div class="card-body">
                    @if(isset($logData->old_response) && !empty($logData->old_response))
                        <pre class="bg-light p-3 rounded" style="max-height: 400px; overflow:auto;">
                            {{ json_encode(json_decode($logData->old_response), JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) }}
                        </pre>
                    @else
                        <p class="text-muted">No old response available.</p>
                    @endif
                </div>
            </div>
        </div>

        <!-- New Response -->
        <div class="col-md-6">
            <div class="card shadow-sm border-left-success">
                <div class="card-header bg-success text-white">
                    <strong>New Response</strong>
                </div>
                <div class="card-body">
                    @if(isset($logData->new_response) && !empty($logData->new_response))
                        <pre class="bg-light p-3 rounded" style="max-height: 400px; overflow:auto;">{{ json_encode(json_decode($logData->new_response), JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) }}</pre>
                    @else
                        <p class="text-muted">No new response available.</p>
                    @endif
                </div>
            </div>
        </div>
    </div>

    {{-- Meta Info (optional) --}}
    <div class="row mt-4">
        <div class="col-md-12">
            <div class="card shadow-sm">
                <div class="card-body">
                    <p><strong>IP:</strong> {{ isset($logData->ip) ? $logData->ip : '' }}</p>
                    <p><strong>Type:</strong> {{ isset($logData->type) ? $logData->type : '' }}</p>
                    <p><strong>Module:</strong> {{ isset($logData->module) ? $logData->module : '' }}</p>
                    <p><strong>Record Id:</strong> {{ isset($logData->object_id) ? $logData->object_id : '' }}</p>
                    <p><strong>Message:</strong> {{ isset($logData->message) ? $logData->message : '' }}</p>
                    <p><strong>Created At:</strong> {{ isset($logData->created_at) ? $logData->created_at->format('d-m-Y H:i:s') : '' }}</p>
                </div>
            </div>
        </div>
    </div>
    @endsection