16 lines
2.2 KiB
PHP
16 lines
2.2 KiB
PHP
<div x-cloak x-data="{ showSuccess: @if(session('success')) true @else false @endif }" x-init="setTimeout(() => { showSuccess = false; }, 5000)" x-show="showSuccess" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 transform scale-90" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-90" class="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded relative mb-4" role="alert">
|
|
<strong class="font-bold">Success!</strong>
|
|
<span class="block sm:inline">{{ session('success') }}</span>
|
|
<span class="absolute top-0 bottom-0 right-0 px-4 py-3">
|
|
<svg x-on:click="showSuccess = false" class="fill-current h-6 w-6 text-green-500" role="button" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><title>Close</title><path d="M14.348 5.652a.5.5 0 0 1 .708.708l-8 8a.5.5 0 0 1-.708-.708l8-8zM5.652 5.652a.5.5 0 0 1 .708 0l8 8a.5.5 0 0 1-.708.708l-8-8z"/></svg>
|
|
</span>
|
|
</div>
|
|
|
|
<div x-cloak x-data="{ showError: @if(session('error')) true @else false @endif }" x-init="setTimeout(() => { showError = false; }, 5000)" x-show="showError" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 transform scale-90" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-90" class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded relative mb-4" role="alert">
|
|
<strong class="font-bold">Error!</strong>
|
|
<span class="block sm:inline">{{ session('error') }}</span>
|
|
<span class="absolute top-0 bottom-0 right-0 px-4 py-3">
|
|
<svg x-on:click="showError = false" class="fill-current h-6 w-6 text-red-500" role="button" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><title>Close</title><path d="M14.348 5.652a.5.5 0 0 1 .708.708l-8 8a.5.5 0 0 1-.708-.708l8-8zM5.652 5.652a.5.5 0 0 1 .708 0l8 8a.5.5 0 0 1-.708.708l-8-8z"/></svg>
|
|
</span>
|
|
</div>
|