@if($beneficiary_transaction->loggable->count())
<div class="card section-card mb-4">
    <div class="card-header">
        <h5 class="section-title mb-0">
            <i class="ri-file-list-3-line me-2 text-primary"></i>
            {{ tr('callback_logs') }}
        </h5>
    </div>

    <div class="card-body">
        <div class="accordion" id="callbackLogsAccordion">

            @foreach($beneficiary_transaction->loggable as $log)
                <div class="accordion-item mb-2">

                    <h2 class="accordion-header" id="heading{{ $log->id }}">
                        <button class="accordion-button collapsed"
                                type="button"
                                data-bs-toggle="collapse"
                                data-bs-target="#collapse{{ $log->id }}"
                                aria-expanded="false"
                                aria-controls="collapse{{ $log->id }}">

                            <div class="d-flex justify-content-between w-100 me-3">
                                <span>
                                    <i class="ri-file-text-line me-2"></i>
                                    {{ tr('callback') }}
                                </span>

                                <small class="text-muted">
                                    {{ common_date($log->created_at, auth()->user()->timezone, 'd M Y h:i A') }}
                                </small>
                            </div>
                        </button>
                    </h2>

                    <div id="collapse{{ $log->id }}"
                         class="accordion-collapse collapse"
                         data-bs-parent="#callbackLogsAccordion">

                        <div class="accordion-body">
                            <pre class="mb-0 bg-light p-3 rounded" style="white-space: pre-wrap;">{{ is_array($log->logs)
? json_encode($log->logs, JSON_PRETTY_PRINT | JSON_UNESCAPED_SLASHES)
: $log->logs }}</pre>
                        </div>

                    </div>
                </div>
            @endforeach

        </div>
    </div>
</div>
@else
    
@endif