Laravel notification display with close icon and auto hide

                         @if (session('success'))

                    <div class="alert alert-success alert-dismissible fade show" role="alert" id="success-alert">

                        {{ session('success') }}

                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">

                            <span aria-hidden="true">&times;</span>

                        </button>

                    </div>

                    @endif

<!-- Auto-hide script -->

<script>

    $(document).ready(function() {

        // Auto-hide after 5 seconds

        setTimeout(function() {

            $('#success-alert').fadeOut('slow'); // Use 'slow' for a gradual fade

        }, 3000); // 3000 milliseconds = 3 seconds

    });

</script>