@props(['debug_messages' => []])
<div>
    @foreach($debug_messages as $key => $messages)
        @if(!empty($messages))
            <x-cards.base-card class="text-white bg-black ">
                <div class="w-full overflow-x-scroll">
                    <pre>{{ json_encode($messages, JSON_PRETTY_PRINT|JSON_UNESCAPED_UNICODE)}}</pre>
                </div>
            </x-cards.base-card>
        @endif
    @endforeach
</div>