{{--
// get the error message from the session and show automatically
<x-form.error name="input-name"></x-form.error>

// set the error message manually and show manually
<x-form.error>
    Message
</x-form.error>
--}}


@if(isset($name))
    @error($name)
        <div {{ $attributes->merge(['class' => 'error-message']) }}>
            <x-icon name="error-circle-fill" size="1.3em" class="text-error inline-block"></x-icon>
            <span class="align-middle">{{$message}}</span>
        </div>
    @enderror
@else
    @if(!isset($name) && trim($slot) !== '')
        <div {{ $attributes->merge(['class' => 'error-message']) }}>
            <x-icon name="error-circle-fill" size="1.3em" class="text-error inline-block"></x-icon>
            <span class="align-middle">{{ $slot }}</span>
        </div>
    @endif
@endif