<!-- begin sidebar-nav -->
<div class="sidebar-nav scrollbar scroll_light">
    <ul class="metismenu " id="sidebarNav">
        <li class="nav-static-title">Personal</li>
        <li class="active">
            <a class="has-arrow" href="javascript:void(0)" aria-expanded="false">
                <i class="nav-icon ti ti-rocket"></i>
                <span class="nav-title">Office</span>
                <span class="nav-label label label-danger">9</span>
            </a>
            <ul aria-expanded="false">
                <li class="active"> <a href='/provider'>Dashboard</a> </li>
                <li> <a href='/provider'>Calendar</a> </li>
                <li> <a href='/provider'>Patient</a> </li>

            </ul>
        </li>
        <li><a href="app-chat.html" aria-expanded="false"><i class="nav-icon ti ti-comment"></i><span class="nav-title">Chat</span></a> </li>
        <li><a class="has-arrow" href="/provider" aria-expanded="false"><i class="nav-icon ti ti-calendar"></i><span class="nav-title">Calendar</span></a>
            <ul aria-expanded="false">
                <li> <a href='calendar-full.html'>Full Calendar</a> </li>
                <li> <a href='/provider'>Calendar List</a> </li>
            </ul>
        </li>
        <li><a href="mail-inbox.html" aria-expanded="false"><i class="nav-icon ti ti-email"></i><span class="nav-title">Mail</span></a> </li>
        <li>
            <a class="has-arrow" href="/provider" aria-expanded="false"><i class="nav-icon ti ti-bag"></i> <span class="nav-title">UI Kit</span></a>
            <ul aria-expanded="false">
                <li> <a href="ui-alerts.html">Alerts</a> </li>
                <li> <a href="ui-accordions.html">Accordions</a> </li>
                <li> <a class="has-arrow" href="javascript: void(0);">Buttons</a>
                    <ul aria-expanded="false">
                        <li> <a href="/provider">Default Buttons</a> </li>
                        <li> <a href="/provider">Icon Buttons</a> </li>
                        <li> <a href="/provider">Block Buttons</a> </li>
                        <li> <a href="/provider">Social Buttons</a> </li>
                        <li> <a href="/provider">Group Buttons</a> </li>
                    </ul>
                </li>
                <li> <a href="/provider">Badges</a> </li>
                <li> <a href="/provider">Cards</a> </li>
                <li> <a href="/provider">Carousel</a> </li>
                <li> <a href="/provider">Dropdowns</a> </li>

            </ul>
        </li>

        <li class="nav-static-title">Providers</li>
        <li>
            <a class="has-arrow" href="javascript:void(0)" aria-expanded="false"> <i class="nav-icon ti ti-layout-grid4-alt"></i> <span class="nav-title">Widgets</span> <span class="nav-label label label-success">New</span> </a>
            <ul aria-expanded="false">
                <li> <a href="widget-chart.html">Chart Widget</a> </li>

                <li> <a href="widget-list.html">List Widget</a> </li>

                <li> <a href="widget-social.html">Social Widget</a> </li>

            </ul>
        </li>
        <li>
            <a class="has-arrow" href="javascript:void(0)" aria-expanded="false"><i class="nav-icon ti ti-layout-column3-alt"></i><span class="nav-title">Tables</span></a>
            <ul aria-expanded="false">
                <li> <a href="/provider">Basic Table</a> </li>
                <li> <a href="/provider">Color Table </a> </li>
                <li> <a href="/provider">Data Table</a> </li>
                <li> <a href="/provider">Editable Table</a> </li>
                <li> <a href="/provider">Export Table</a> </li>
            </ul>
        </li>
  
                <li class="nav-static-title" style='background-color: red;'><a href="/login/logout">Log out</a></li>

                
    </ul>
</div>
<!-- end sidebar-nav -->