<div class="col-md-2" style="padding:0px">
    <nav class="sidebar-wrapper" id="sidebar" style="background-color: #1416398a!important; width: 16.6%; height: 100%; position: fixed; overflow-y: hidden; top: 65px;">
        <div class="sidebar-content" style="height: calc(100vh - 75px);">
            <div class="sidebar-menu" style="padding-bottom: 110px; height: 100vh; overflow: auto;">
                <ul class="nav nav-pills nav-justified flex-column mb-0" id="pills-tab" role="tablist">
                    <li class="nav-item" style="margin-top: 35px;">
                        <a class="nav-link {{active(url('supervisor/dashboard'))}}" href="{{url('supervisor/dashboard')}}">
                            <div class="text-start py-1 px-2" style="display:flex;">
                            <i class="fa fa-home ms-3" style="font-size: 11px; margin-top: 3px;"></i>
                                <h6 class="mb-0" style="margin-left: 6px; font-size: 13px !important;">Dashboard</h6>
                            </div>
                        </a><!--end nav link-->
                    </li><!--end nav item-->

                    <li class="nav-item">
                        <a class="nav-link {{active(url('supervisor/application'))}}" href="{{url('supervisor/application')}}">
                            <div class="text-start py-1 px-2" style="display:flex;">
                            <i class="fa fa-graduation-cap ms-3" style="font-size: 11px; margin-top: 3px;"></i>
                                <h6 class="mb-0" style="margin-left: 6px; font-size: 13px !important;">Application</h6>
                            </div>
                        </a><!--end nav link-->
                    </li><!--end nav item-->

                    <li class="nav-item">
                        <a class="nav-link rounded {{active(url('supervisor/wishlist'))}}" href="{{url('supervisor/wishlist')}}">
                            <div class="text-start py-1 px-2" style="display:flex;">
                            <i class="fa fa-shopping-bag  ms-3" style="font-size: 11px; margin-top: 3px;"></i>
                                <h6 class="mb-0" style="margin-left: 6px; font-size: 13px !important;">Wishlist </h6>
                            </div>
                        </a><!--end nav link-->
                    </li><!--end nav item-->

                    <li class="nav-item">
                        <a class="nav-link rounded {{active(url('supervisor/explore'))}}" href="{{url('supervisor/explore')}}">
                            <div class="text-start py-1 px-2" style="display:flex;">
                            <i class="fa fa-university ms-3" style="font-size: 11px; margin-top: 3px;"></i>
                                <h6 class="mb-0" style="margin-left: 6px; font-size: 13px !important;">Explore</h6>
                            </div>
                        </a><!--end nav link-->
                    </li><!--end nav item-->
                    <li class="nav-item">
                        <a class="nav-link rounded {{active(url('supervisor/my-account'))}}"  href="{{url('supervisor/my-account')}}">
                            <div class="text-start py-1 px-2" style="display:flex;">
                            <i class="fa fa-user ms-3" style="font-size: 11px; margin-top: 3px;"></i>
                                <h6 class="mb-0" style="margin-left: 6px; font-size: 13px !important;">My Account</h6>
                            </div>
                        </a><!--end nav link-->
                    </li><!--end nav item-->
                </ul><!--end nav pills-->
            </div>
            <div class="sidebar-footer" style="display: block;bottom: 65px !important;">
                <div class="sidebar-menu" style="padding: 0 !important;">
                    <ul class="nav nav-pills nav-justified flex-column mb-0" id="">
                        <li class="nav-item" style="margin-top: 35px;">
                            <div class="nav-link" style="background-color: #141639c4; border-radius: 0px !important;">
                                <div class="text-start py-1 px-2">
                                    <h6 class="mb-0" style="font-size: 12px !important; font-weight:400;">Your Account Reference Number</h6>
                                    <h6 class="mb-0" style="font-size: 13px !important; color: #ffbd59;">{{ auth_user('teacher')->ref_no }}</h6>
                                </div>
                            </div><!--end nav link-->
                        </li><!--end nav item-->
                    </ul><!--end nav pills-->
                </div>
            </div>
        </div>
    </nav>
</div><!--end col-->