<style>
    .nav-aside .nav-link{
        color:#fff;
    }
</style>
<div>
    <div class="d-flex flex-column align-items-center align-items-sm-start px-3 pt-2 text-white min-vh-100">
        <a href="/" class="d-flex align-items-center pb-3 mb-md-0 me-md-auto text-white text-decoration-none">
            <span class="fs-5 d-none d-sm-inline">Menu</span>
        </a>
        <ul class="nav nav-aside nav-pills flex-column mb-sm-auto mb-0 align-items-center align-items-sm-start w-100" id="menu">
            @foreach($options ?? [] as $option)
                {!! $option !!}
            @endforeach
            <li>

            </li>
        </ul>
    </div>
</div>
@section('javascript')
<script>
    $(".nav-link").click((e)=>{
        if(e.currentTarget.href.search("#") === -1){
            $('#modalLoading').modal('toggle');
        }
    });
</script>
@endsection