@if (isset($success))
    <div x-data="{ close: false }">
        <div x-show="!close" class="absolute z-500 right-0  max-w-xl mx-auto my-6">
            <div class="rounded bg-blue-100 border-t-4 border-blue-300 rounded-b text-blue-900 px-4 py-3 shadow-md my-2"
                role="alert">
                <div class="flex items-center justify-between">
                    <i class="fa-regular fa-circle-check text-green-600 fa-2x"></i>
                    <div class="px-2">
                        <p class="font-bold">{{ $mainTitle }}</p>
                        <p class="text-sm">{{ $success }}</p>
                    </div>
                    <button x-on:click="close = !close">
                        <i class="fa-solid fa-xmark text-dark"></i>
                    </button>
                </div>
            </div>
        </div>
    </div>
@endif

@if (isset($error))
    <div x-data="{ close: false }">
        <div x-show="!close" class="absolute z-500 right-0  max-w-xl mx-auto my-6">
            <div class="rounded bg-red-100 border-t-4 border-red-300 rounded-b text-red-900 px-4 py-3 shadow-md my-2"
                role="alert">
                <div class="flex items-center justify-between">
                    <i class="fa-solid fa-circle-xmark text-red-600 fa-2x"></i>
                    <div class="px-2">
                        <p class="font-bold">{{ $mainTitle }}</p>
                        <p class="text-sm">{{ $error }}</p>
                    </div>
                    <button x-on:click="close = !close">
                        <i class="fa-solid fa-xmark text-dark"></i>
                    </button>
                </div>
            </div>
        </div>
    </div>
@endif