@props(['status'])

@if (session('status'))
    <span id="alert-box" class="alert alert-info alert-rounded text-right" role="alert">
        {{ session('status') }}
    </span>
@endif

@if (Session('success'))
    <span id="alert-box" class="alert alert-success alert-rounded text-right" role="alert">
        <i class="fa fa-check"></i> <b>Success!</b> {{ Session('success') }}
    </span>
@endif

@if (Session('error'))
    <span id="alert-box" class="alert alert-danger alert-rounded text-right" role="alert">
        <i class="fa fa-stop"></i> <b>Error!</b> {{ Session('error') }}
    </span>
@endif

@if (Session('warning'))
    <span id="alert-box" class="alert alert-warning alert-rounded text-right" role="alert">
        <i class="fa fa-exclamation-triangle"></i> <b>Warning!</b> {{ Session('warning') }}
    </span>
@endif

@if (Session('info'))
    <span id="alert-box" class="alert alert-info alert-rounded text-right" role="alert">
        <i class="fa fa-info"></i> <b>Info!</b> {{ Session('info') }}
    </span>
@endif

<script>
    setTimeout(function() {
        $('#alert-box').fadeOut('fast');
    }, 3000);
</script>