@props(['theme' => 'border', 'type' => 'info', 'title' => '', 'message' => '', 'class' => ''])

@if ($type)
    <div {{ $attributes->merge(['class' => 'alert alert-dismissible fade show material-shadow alert-' . $type . ' ' . $theme . ' ' . $class]) }} role="alert">
        @if ($title)
            <strong>{!! $title !!}&nbsp;</strong>
        @endif
        {!! $message !!}
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
@endif

@if (count($errors) > 0)
    <div class="alert alert-dismissible fade show material-shadow alert-danger {{ $theme }}">
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        <ul class="mb-0">
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif