@if ($message = Session::get('success'))
    <div class="alert alert-success alert-dismissible fade show" role="alert"
        style="z-index: 1031; margin-block: -40px; float: right; position:fixed; right:0;">
        <strong>{{ $message }}</strong>
        <button type="button" class="close" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>    
        </div>
@endif

@if ($message = Session::get('error'))
    <div class="alert alert-danger alert-dismissible fade show" role="alert"
        style="z-index: 1031; margin-block: -40px; float: right; position:fixed; right:0;">
        <strong>{{ $message }}</strong>
         <button type="button" class="close" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>    
    </div>
@endif

@if ($message = Session::get('warning'))
    <div class="alert alert-warning alert-dismissible fade show" role="alert"
        style="z-index: 1031; margin-block: -40px; float: right; position:fixed; right:0;">
        <strong>{{ $message }}</strong>
         <button type="button" class="close" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>    
    </div>
@endif

@if ($message = Session::get('info'))
    <div class="alert alert-info alert-dismissible fade show" role="alert"
        style="z-index: 1031; margin-block: -40px; float: right; position:fixed; right:0;">
        <strong>{{ $message }}</strong>
         <button type="button" class="close" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>    
    </div>
@endif

@if ($errors->any())
    <div class="alert alert-warning alert-dismissible fade show" role="alert"
        style="z-index: 1031; margin-block: -40px; float: right; position:fixed; right:0;">
        <strong>Please check the form below for errors</strong>
         <button type="button" class="close" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>    
    </div>
@endif
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>

<script>
    $(document).ready(function() {
        setTimeout(function() {
            $(".alert").remove();
        }, 4000); // 4 secs

        $(".alert").fadeTo(2000, 500).slideUp(500, function() {
            $(".alert").slideUp(500);
        });
    });
</script>