@error($input)

<div class="w-full">
    <div class="flex items-center gap-1 mt-2">
        <div class="w-4 fill-rose-500">
            <svg viewBox="0 0 24 24" data-name="Layer 1" id="Layer_1" xmlns="http://www.w3.org/2000/svg">
                <path d="M24,12A12,12,0,1,1,12,0,12.013,12.013,0,0,1,24,12ZM13,5H11V15h2Zm0,12H11v2h2Z"></path>
            </svg>
        </div>
        <p class="font-medium Capitalize text-rose-500">{{$message}}</p>
    </div>
</div>
@once
<div id="alert-2"
    class="fixed right-0 z-50 flex items-center p-4 mb-4 rounded-lg text-rose-500 top-24 bg-red-50 dark:bg-gray-800 dark:text-red-400"
    role="alert">
    <svg class="shrink-0 w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor"
        viewBox="0 0 20 20">
        <path
            d="M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5ZM9.5 4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM12 15H8a1 1 0 0 1 0-2h1v-3H8a1 1 0 0 1 0-2h2a1 1 0 0 1 1 1v4h1a1 1 0 0 1 0 2Z" />
    </svg>
    <span class="sr-only">Info error</span>
    <div class="text-lg font-medium ms-3">
        CAMPOS INCOMPLETOS, POR FAVOR VERIFIQUE
    </div>
</div>

@endonce



@enderror