@if(session('success'))
<div class="alert alert-success" role="alert" id="success-alert">
     {{ session('success') }}
</div>
@endif

@if (session('error'))
<div class="alert alert-danger" role="alert" id="error-alert">
     {{ session('error') }}
</div>
@endif

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<script>
     $(document).ready(function() {

          setTimeout(function() {
               $('#success-alert').fadeOut('slow');
          }, 3000);


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