@foreach (['success' => 'check-circle', 'error' => 'exclamation-triangle', 'info' => 'info-circle'] as $type => $icon)
    @if (session($type))
        <div class="alert alert-{{ $type === 'error' ? 'danger' : $type }} alert-dismissible fade show" role="alert">
            <i class="bi bi-{{ $icon }} me-1"></i> {{ session($type) }}
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif
@endforeach

{{-- OTP errors are shown inline next to the OTP input instead. --}}
@if ($errors->any() && ! $errors->has('otp'))
    <div class="alert alert-danger alert-dismissible fade show">
        <strong><i class="bi bi-exclamation-octagon me-1"></i> Please fix the following:</strong>
        <ul class="mb-0 mt-1">
            @foreach ($errors->all() as $error)<li>{{ $error }}</li>@endforeach
        </ul>
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
@endif