@if ($errors->any())
    <div {{ $attributes }}>
        <div class="w-full border-2 border-red-800 text-red-50 bg-red-700 font-medium py-2 px-4 rounded uppercase">
            @if (count($errors->all()) > 1)
                {{ count($errors->all()) }} Erros encontrados
            @else
                @foreach ($errors->all() as $error)
                    {{ $error }}
                @endforeach
            @endif
        </div>
    </div>
@endif

@if (session('error'))
    <div {{ $attributes }}>
        <div class="w-full text-center border-2 border-red-800 text-red-50 bg-red-700 py-2 px-4 rounded uppercase">
            <div class="w-full font-medium">{{ session('error') }}</div>
            @if (session('sub_error'))
                <div class="w-full font-normal">{{ session('sub_error') }}</div>
            @endif
        </div>
    </div>
@endif

@if (session('success'))
    <div {{ $attributes }}>
        <div class="w-full text-center border-2 border-green-800 text-green-50 bg-green-700 py-2 px-4 rounded uppercase">
            <div class="w-full font-medium">{{ session('success') }}</div>
            @if (session('sub_success'))
                <div class="w-full font-normal">{{ session('sub_success') }}</div>
            @endif
        </div>
    </div>
@endif

@if (session('modal_obrigado'))

    <x-modal blur align="center" wire:model.defer="modal_obrigado" class="bg-red-700" style="background-color: white;">

        <div class="flex flex-col justify-center items-center bg-gray-100 border rounded-lg shadow m-2 p-6 w-full z-50">
            <img src="{{ asset('asset/icones/icone-ok.png') }}" alt="Sucesso" class="h-40" />
            <div class="text-center text-green-600 text-4xl font-bold mb-2">{{ session('modal_obrigado') ?? 'Sucesso' }}</div>
            <div class="text-center text-gray-500 text-2xl font-medium mb-2">
                @if (session('modal_obrigado_sub'))
                    <div class="w-full text-lg font-medium">
                        {{ session('modal_obrigado_sub') }}
                    </div>
                @endif
            </div>
            <div class="w-full py-2">
                <hr>
            </div>
            <x-button flat label="FECHAR" x-on:click="close" class="mt-2 bg-gray-50 shadow-sm" />
        </div>

    </x-modal>

    {{-- <script src="{{ asset('js/confetti.min.js') }}"></script>
    <script>confetti.start()</script>
    <script>setTimeout(function(){confetti.stop();},3000)</script> --}}

    <div class="w-full text-center border-2 border-green-800 text-green-50 bg-green-700 py-2 px-4 rounded-full uppercase">
        <div class="w-full text-lg font-medium">{{ session('modal_obrigado') }}</div>
        @if (session('modal_obrigado_sub'))
            <div class="w-full text-sm font-normal">{{ session('modal_obrigado_sub') }}</div>
        @endif
    </div>

@endif


{{-- LOADER --}}
{{-- <div style="float: left;">
    <x-button.circle flat spinner />
</div> --}}