<header class="header">
    <div class="top-header-section">
        <div class="container-fluid">
            <div class="row align-items-center">
                <div class="col-lg-3 col-md-3 col-sm-3 col-6">
                    <div class="logo my-3 my-sm-0">
                        <a href="index.php">
                            <img src="assets/img/logo.png" alt="logo image" class="img-fluid" width="100" />
                        </a>
                    </div>
                </div>
                <div class="col-lg-9 col-md-9 col-sm-9 col-6 text-right">
                    <div class="user-block d-none d-lg-block">
                        <div class="row align-items-center">
                            <div class="col-lg-12 col-md-12 col-sm-12">
                                <div class="user-notification-block align-right d-inline-block">
                                    <div class="top-nav-search item-animated">
                                        <form>
                                            <input type="text" class="form-control" placeholder="Search here" />
                                            <button class="btn" type="submit"><i class="fa fa-search"></i></button>
                                        </form>
                                    </div>
                                </div>

                                <div class="user-info align-right dropdown d-inline-block header-dropdown">
                                    <a href="javascript:void(0)" data-toggle="dropdown" class="menu-style dropdown-toggle">
                                        
                                        <div class="user-avatar d-inline-block mr-3">
                                            <?php echo '../'.$data_1["Image"];?>
                                            <img src="<?php echo '../'.$data_1['Image'];?>" alt="avatar" class="rounded-circle" width="50"/>
                                        </div>
                                    </a>

                                    <div class="dropdown-menu notification-dropdown-menu shadow-lg border-0 p-3 m-0 dropdown-menu-right">
                                        
                                        <a class="dropdown-item p-2" href="profile-settings.php">
                                            <span class="media align-items-center">
                                                <span class="lnr lnr-cog mr-3"></span>
                                                <span class="media-body text-truncate">
                                                    <span class="text-truncate">Settings</span>
                                                </span>
                                            </span>
                                        </a>
                                        <a class="dropdown-item p-2" href="logout.php">
                                            <span class="media align-items-center">
                                                <span class="lnr lnr-power-switch mr-3"></span>
                                                <span class="media-body text-truncate">
                                                    <span class="text-truncate">Logout</span>
                                                </span>
                                            </span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="d-block d-lg-none">
                        <a href="javascript:void(0)">
                            <span class="lnr lnr-menu d-block display-5 text-white" id="open_navSidebar"></span>
                        </a>

                        <div class="offcanvas-menu" id="offcanvas_menu">
                            <span class="lnr lnr-cross float-left display-6 position-absolute t-1 l-1 text-white" id="close_navSidebar"></span>
                            <div class="user-info align-center bg-theme text-center">
                                <a href="javascript:void(0)" class="d-block menu-style text-white">
                                    <div class="user-avatar d-inline-block mr-3">
                                        <img src="<?php echo '../'.$data_1['Image'];?>" alt="avatar" class="rounded-circle" width="50"  />
                                    </div>
                                </a>
                            </div>
                            <div class="user-notification-block align-center">
                                <div class="top-nav-search item-animated">
                                    <form>
                                        <input type="text" class="form-control" placeholder="Search here" />
                                        <button class="btn" type="submit"><i class="fa fa-search"></i></button>
                                    </form>
                                </div>
                            </div>
                            <hr />
                            <div class="user-menu-items px-3 m-0">
                                <a class="px-0 pb-2 pt-0" href="index.php">
                                    <span class="media align-items-center">
                                        <span class="lnr lnr-home mr-3"></span>
                                        <span class="media-body text-truncate text-left">
                                            <span class="text-truncate text-left">Dashboard</span>
                                        </span>
                                    </span>
                                </a>
                                <a class="p-2" href="brands.php">
                                    <span class="media align-items-center">
                                        <span class="lnr lnr-list pr-0 pr-lg-2"></span>
                                        <span class="media-body text-truncate text-left">
                                            <span class="text-truncate text-left">Brands</span>
                                        </span>
                                    </span>
                                </a>
                                <a class="p-2" href="drivers.php">
                                    <span class="media align-items-center">
                                        <span class="lnr lnr-user mr-3"></span>
                                        <span class="media-body text-truncate text-left">
                                            <span class="text-truncate text-left">Drivers</span>
                                        </span>
                                    </span>
                                </a>
                                <a class="p-2" href="cars.php">
                                    <span class="media align-items-center">
                                        <span class="lnr lnr-car mr-3"></span>
                                        <span class="media-body text-truncate text-left">
                                            <span class="text-truncate text-left">Cars</span>
                                        </span>
                                    </span>
                                </a>
                                <a class="p-2" href="booking.php">
                                    <span class="media align-items-center">
                                        <span class="lnr lnr-car mr-3"></span>
                                        <span class="media-body text-truncate text-left">
                                            <span class="text-truncate text-left">Bookings</span>
                                        </span>
                                    </span>
                                </a>
                                
                              <a class="p-2" href="users.php">
                                    <span class="media align-items-center">
                                        <span class="lnr lnr-users mr-3"></span>
                                        <span class="media-body text-truncate text-left">
                                            <span class="text-truncate text-left">Users</span>
                                        </span>
                                    </span>
                                </a>    
                              <a class="p-2" href="profile-settings.php">
                                    <span class="media align-items-center">
                                        <span class="lnr lnr-cog mr-3"></span>
                                        <span class="media-body text-truncate text-left">
                                            <span class="text-truncate text-left">Settings</span>
                                        </span>
                                    </span>
                                </a>
                                <a class="p-2" href="logout.php">
                                    <span class="media align-items-center">
                                        <span class="lnr lnr-power-switch mr-3"></span>
                                        <span class="media-body text-truncate text-left">
                                            <span class="text-truncate text-left">Logout</span>
                                        </span>
                                    </span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="header-wrapper d-none d-sm-none d-md-none d-lg-block">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="header-menu-list d-flex bg-white rt_nav_header horizontal-layout nav-bottom">
                        <div class="append mr-auto my-0 my-md-0 mr-auto">
                            <ul class="list-group list-group-horizontal-md mr-auto">
                                <li class="mr-1 <?php echo ($title=="Dashboard")?"active":"";?>">
                                    <a href="index.php" class="btn-ctm-space <?php echo ($title=="Dashboard")?"text-white":"text-dark";?>"><span class="lnr lnr-home pr-0 pr-lg-2"></span><span class="d-none d-lg-inline">Dashboard</span></a>
                                </li>
                                <li class="mr-1 <?php echo ($title=="Brands")?"active":"";?>">
                                    <a class="<?php echo ($title=="Brands")?"text-white":"text-dark";?> btn-ctm-space" href="brands.php"><span class="lnr lnr-list pr-0 pr-lg-2"></span><span class="d-none d-lg-inline">Brands</span></a>
                                </li>
                                <li class="mr-1 <?php echo ($title=="Drivers")?"active":"";?>">
                                    <a class="<?php echo ($title=="Drivers")?"text-white":"text-dark";?> btn-ctm-space" href="drivers.php"><span class="lnr lnr-user pr-0 pr-lg-2"></span><span class="d-none d-lg-inline">Drivers</span></a>
                                </li>
                                <li class="mr-1 <?php echo ($title=="Cars")?"active":"";?>">
                                    <a class="<?php echo ($title=="Cars")?"text-white":"text-dark";?> btn-ctm-space" href="cars.php"><span class="lnr lnr-car pr-0 pr-lg-2"></span><span class="d-none d-lg-inline">Cars</span></a>
                                </li>
                                <li class="mr-1 <?php echo ($title=="Bookings")?"active":"";?>">
                                    <a class="<?php echo ($title=="Bookings")?"text-white":"text-dark";?> btn-ctm-space" href="booking.php"><span class="lnr lnr-license pr-0 pr-lg-2"></span><span class="d-none d-lg-inline">Bookings</span></a>
                                </li>
                                <li class="mr-1 <?php echo ($title=="Users")?"active":"";?>">
                                    <a class="<?php echo ($title=="Users")?"text-white":"text-dark";?> btn-ctm-space" href="users.php"><span class="lnr lnr-users pr-0 pr-lg-2"></span><span class="d-none d-lg-inline">Users</span></a>
                                </li>
                                <li class="mr-1 <?php echo ($title=="Profile Settings")?"active":"";?>">
                                    <a class="btn-ctm-space <?php echo ($title=="Profile Settings")?"text-white":"text-dark";?>" href="profile-settings.php"><span class="lnr lnr-cog pr-0 pr-lg-2"></span><span class="d-none d-lg-inline">Settings</span></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
