<?
$menu  = array(
        'office' =>[
        'Dashboard'=>['provider','Dashboard','1'],
        'Calendar'=>['provider/calendar','Calendar','0'],
        'Add Patient'=>['patient/addnew','Add Patient','0'],
        'Find Patient'=>['patient/findpatient','Find Patient','0']
        ],

        'encounter' =>[
            'Dashboard'=>['provider','Dashboard','1'],
            'Calendar'=>['provider/calendar','Calendar','0'],
            'Add Patient'=>['patient/addnew','Add Patient','0'],
            'Find Patient'=>['patient/findpatient','Find Patient','0']
            ],
    
        'another'
        );

?>

<!-- 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">Front Office</span>
                <span class="nav-label label label-danger">9</span>
            </a>
            <ul aria-expanded="false">
<?
		foreach( $menu['office'] AS $mnuItem){
                $selectedString  = $mnuItem[2]==1 ? "  class='active' " : '';
		?>
		    <li> <a href='/<?=$mnuItem[0]?>' <?=$selectedString?> ><?=$mnuItem[1]?></a> </li>
		<?
		}
?>
                <!-- li class="active"> <a href='/provider'>Dashboard</a> </li>
                <li> <a href='/provider/calendar'>Calendar</a> </li>
                <li> <a href='/patient/addnew'>Add Patient</a> </li>
                <li> <a href='/patient/findpatient'>Find 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">Encounter</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">Reports</span></a>
            <ul aria-expanded="false">
                <li> <a href="/reports">General Reports</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 -->
