{{-- MODAL - ERRRO PAGAMENTO - INI--}}
@if ($forma_pgto_error ?? false)
<x-modal blur wire:model.defer="forma_pgto_error">
    <x-card>
        <div class="flex flex-col justify-center items-center px-4 pb-6 border border-indigo-900 rounded shadow" style="background-color: #fefcfc;">

            <div>
                <img src="{{asset('assets/images/error.gif')}}" alt="ERROR" class="h-40">
            </div>

            <div class="w-full text-center text-xl md:text-xl">{{ (session('status_pagamento_error_message') ?? false) ? ucfirst(__(session('status_pagamento_error_message'))) : 'Erro no pagamento' }}</div>

            @if (session('status_pagamento_error'))
                <div class="w-full text-center text-indigo-900 text-xl md:text-2xl font-bold mt-4 uppercase">{{ ucfirst(__(session('status_pagamento_error'))) }}</div>
            @endif

            @if (session('status_pagamento_error_sub'))
                <div class="w-full text-center text-indigo-900 text-lg md:text-xl font-light mt-1">{{ ucfirst(__(session('status_pagamento_error_sub'))) }}</div>
            @endif

            {{-- Debug para AdminPep - Resposta de Erro da Operadora --}}
            @if($user_admin_pep ?? false)
                @php
                    $debugData = null;
                    if(isset($pagamento) && $pagamento) {
                        $debugData = $pagamento;
                    } elseif(isset($transacao) && $transacao && $transacao->operadora_json_response) {
                        $debugData = json_decode($transacao->operadora_json_response, true);
                    }
                @endphp

                @if($debugData)
                    <div class="mt-6 p-4 bg-gray-900 text-white rounded-lg text-left overflow-auto max-h-96 w-full">
                        <h3 class="font-bold text-yellow-400 mb-2 text-sm">Debug Admin - Response:</h3>
                        <pre class="text-xs overflow-x-auto">{{ print_r($debugData, true) }}</pre>
                    </div>
                @endif
            @endif

        </div>
        <div class="w-full flex justify-center items-center mt-6">
            <x-button primary flat label="FECHAR" class="pt-1 pb-1" x-on:click="close" />
        </div>
    </x-card>
</x-modal>
@endif
{{-- MODAL - ERRRO PAGAMENTO - FIM --}}

{{-- MODAL - SUCESSO PAGAMENTO - INI--}}
@if ($forma_pgto_success ?? false)
<x-modal blur wire:model.defer="forma_pgto_success">
    <x-card>
        <div class="flex flex-col justify-center items-center px-4 pb-6 border border-indigo-900 rounded shadow">

            <div class="mt-4">
                <img src="{{asset('assets/images/check.gif')}}" alt="SUCCESS" class="h-40">
            </div>

            <div class="w-full text-center text-xl md:text-xl">{{ (session('status_pagamento_success_message') ?? false) ? ucfirst(__(session('status_pagamento_success_message'))) : 'Erro no pagamento' }}</div>

            @if (session('status_pagamento_success'))
                <div class="w-full text-center text-green-600 text-xl md:text-2xl font-bold mt-4 uppercase">{{ ucfirst(__(session('status_pagamento_success'))) }}</div>
            @endif

            @if (session('status_pagamento_success_sub'))
                <div class="w-full text-center text-green-600 text-lg md:text-xl font-light mt-1">{{ ucfirst(__(session('status_pagamento_success_message_sub'))) }}</div>
            @endif

            {{-- Debug para AdminPep - Resposta da Operadora --}}
            @if(auth()->user()?->isAdminPep() ?? ($user_admin_pep ?? false) ?? ($admin_pep ?? false))
                @php
                    $debugData = null;
                    if(isset($pagamento) && $pagamento) {
                        $debugData = $pagamento;
                    } elseif(isset($transacao) && $transacao && $transacao->operadora_json_response) {
                        $debugData = json_decode($transacao->operadora_json_response, true);
                    }
                @endphp

                @if($debugData)
                    <div class="mt-6 p-4 bg-gray-900 text-white rounded-lg text-left overflow-auto max-h-96 w-full">
                        <h3 class="font-bold text-yellow-400 mb-2 text-sm">🔧 Debug - Resposta da Operadora (AdminPep):</h3>
                        <pre class="text-xs overflow-x-auto">{{ print_r($debugData, true) }}</pre>
                    </div>
                @endif
            @endif

        </div>
        <div class="w-full flex justify-center items-center mt-4">
            <x-button xs flat green label="OK" x-on:click="close" />
        </div>
    </x-card>
</x-modal>
@endif
{{-- MODAL - SUCESSO PAGAMENTO - FIM --}}