@if ($errors->any())
    <div
        id="validationShowAlert"
        class="fixed left-10 bottom-10 p-4 mb-4 text-red-800 border border-red-300 rounded-lg bg-red-50 dark:bg-gray-800 dark:text-red-400 dark:border-red-800 space-y-5 w-64 md:w-96">
        <div class="flex space-x-4 space-x-reverse items-center">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                 stroke="currentColor" class="w-6 h-6">
                <path stroke-linecap="round" stroke-linejoin="round"
                      d="M14.857 17.082a23.848 23.848 0 005.454-1.31A8.967 8.967 0 0118 9.75v-.7V9A6 6 0 006 9v.75a8.967 8.967 0 01-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 01-5.714 0m5.714 0a3 3 0 11-5.714 0M3.124 7.5A8.969 8.969 0 015.292 3m13.416 0a8.969 8.969 0 012.168 4.5"/>
            </svg>
            <h3 class="text-lg font-medium">به ورودی ها دقت کنید.</h3>
        </div>
        <div class="mt-2 mr-8 text-sm">
            <span class="font-medium">ورودی های زیر را با دقت بیشتری وارد کنید</span>
            <ul class="mt-1.5 ml-4 list-disc list-inside">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
        <div class="flex justify-end">
            <button type="button"
                    onClick="(()=>{
                    document.querySelector('#validationShowAlert').classList.add('hidden')
                    })();return false;"
                    class="text-red-800 bg-transparent border border-red-800 hover:bg-red-900 hover:text-white focus:ring-4 focus:outline-none focus:ring-red-300 font-medium rounded-lg text-xs px-3 py-1.5 text-center dark:hover:bg-red-600 dark:border-red-600 dark:text-red-500 dark:hover:text-white dark:focus:ring-red-800"
                    data-dismiss-target="#alert-additional-content-2" aria-label="Close">
                باشه
            </button>
        </div>
    </div>
@endif