{{-- @foreach (['success', 'info', 'danger', 'warning'] as $msg)
    @if (Session::has($msg))
        <div id="flash-message" class="alert alert-{{ $msg }} flash-alert" role="alert">
            {{ Session::get($msg) }}
        </div>
    @endif
@endforeach --}}

@foreach (['success', 'info', 'danger', 'warning'] as $msg)
    @if (Session::has($msg))
        <div class="alert alert-{{ $msg }} alert-dismissible fade show flash-alert" role="alert">
            {{ Session::get($msg) }}
            <button type="button" class="close" data-dismiss="alert">
                <span>&times;</span>
            </button>
        </div>
    @endif
@endforeach

@once
    @push('scripts')
    @endpush
@endonce

<script>
    document.addEventListener("DOMContentLoaded", function() {
        setTimeout(function() {
            document.querySelectorAll('.flash-alert').forEach(function(el) {
                el.classList.remove('show');
                setTimeout(function() {
                    el.remove();
                }, 500);
            });
        }, 4000);
    });
</script>