<aside class="sidebar-wrapper">
        <div class="sidebar-header">
            <div class="logo-icon">
                <img src="<?php echo base_url(); ?>assets/images/dplogo.png" class="" width="150px" alt="">
            </div>
            <div class="logo-name flex-grow-1">

            </div>
            <div class="sidebar-close">
                <span class="material-icons-outlined">close</span>
            </div>
        </div>
        <div class="sidebar-nav" data-simplebar="true">

            <!--navigation-->
            <ul class="metismenu" id="sidenav">
            <!--   
            <li>
                    <a href="<?php echo base_url('dashboard'); ?>" class="">
                        <div class="icnonDiv">
                            <img class="img1" src="<?php echo base_url('assets/images/megaIcons/oi.png'); ?>" alt="">
                            <img class="img2" src="<?php echo base_url('assets/images/megaIcons/ow.png'); ?>" alt="">

                        </div>
                        <div class="menu-title">OverView</div>
                    </a>

                </li>
-->
                <li>
                    <a href="<?php echo base_url('doctor'); ?>" class="">
                        <div class="icnonDiv">
                            <img class="img1" src="<?php echo base_url('assets/images/megaIcons/di.png'); ?>" alt="">
                            <img class="img2" src="<?php echo base_url('assets/images/megaIcons/dow.png'); ?>" alt="">

                        </div>
                        <div class="menu-title">Doctors</div>
                    </a>

                </li>
                <!--
                <li>
                    <a href="<?php echo base_url('patient'); ?>" class="">
                        <div class="icnonDiv">
                            <img class="img1" src="<?php echo base_url('assets/images/megaIcons/pi.png'); ?>" alt="">
                            <img class="img2" src="<?php echo base_url('assets/images/megaIcons/piw.png'); ?>" alt="">

                        </div>
                        <div class="menu-title">Patients</div>
                    </a>

                </li>
                <li>
                    <a href="<?php echo base_url('driver'); ?>" class="">
                        <div class="icnonDiv">
                            <img class="img1" src="<?php echo base_url('assets/images/megaIcons/dri.png'); ?>" alt="">
                            <img class="img2" src="<?php echo base_url('assets/images/megaIcons/ord.png'); ?>" alt="">

                        </div>
                        <div class="menu-title">Drivers</div>
                    </a>

                </li>
                <li>
                    <a href="<?php echo base_url('order'); ?>" class="">
                        <div class="icnonDiv">
                            <img class="img1" src="<?php echo base_url('assets/images/megaIcons/ori.png'); ?>" alt="">
                            <img class="img2" src="<?php echo base_url('assets/images/megaIcons/orw.png'); ?>" alt="">

                        </div>
                        <div class="menu-title">Orders</div>
                    </a>

                </li>
-->
            </ul>
            <!--end navigation-->
        </div>

    </aside>

    <main class="main-wrapper">