<!DOCTYPE html>
<html lang="en">
<!-- BEGIN HEAD -->


<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1" name="viewport" />
    <meta name="description" content="HGV" />
    <meta name="author" content="Queper Technologies" />
    <title>HGV Portal</title>
    <!-- google font -->
    <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet" type="text/css" />
    <!-- icons -->
    <link href="<?php echo e(asset('assets/plugins/simple-line-icons/simple-line-icons.min.css')); ?>" rel="stylesheet"
        type="text/css" />
    <link href="<?php echo e(asset('assets/plugins/font-awesome/css/font-awesome.min.css')); ?>" rel="stylesheet"
        type="text/css" />
    <!--bootstrap -->
    <link href="<?php echo e(asset('assets/plugins/bootstrap/css/bootstrap.min.css')); ?>" rel="stylesheet"
        type="text/css" />
    <link href="<?php echo e(asset('assets/plugins/summernote/summernote.css')); ?>" rel="stylesheet">
    <!-- morris chart -->
    <link href="<?php echo e(asset('assets/plugins/morris/morris.css')); ?>" rel="stylesheet" type="text/css" />
    <!-- Material Design Lite CSS -->
    <link rel="stylesheet" href="<?php echo e(asset('assets/plugins/material/material.min.css')); ?>">
    <link rel="stylesheet" href="<?php echo e(asset('assets/css/material_style.css')); ?>">
    <!-- animation -->
    <link href="<?php echo e(asset('assets/css/pages/animate_page.css')); ?>" rel="stylesheet">
    <link href="<?php echo e(asset('assets/css/pages/loader.css')); ?>" rel="stylesheet" type="text/css" />
    <!-- Template Styles -->
    <link href="<?php echo e(asset('assets/css/plugins.min.css')); ?>" rel="stylesheet" type="text/css" />
    <link href="<?php echo e(asset('assets/css/style.css')); ?>" rel="stylesheet" type="text/css" />
    <link href="<?php echo e(asset('assets/css/responsive.css')); ?>" rel="stylesheet" type="text/css" />
    <link href="<?php echo e(asset('assets/css/theme-color.css')); ?>" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="<?php echo e(asset('assets/css/toastr.min.css')); ?>">
    <!-- favicon -->
    <link rel="shortcut icon" href="<?php echo e(asset('images/logo.png')); ?>" />


</head>
<!-- END HEAD -->

<body
    class="page-header-fixed sidemenu-closed-hidelogo page-content-white page-md header-white dark-sidebar-color logo-dark sidemenu-closed">
    <div class="page-wrapper">
        <!-- start header -->
        <div class="page-header navbar navbar-fixed-top">
            <div class="page-header-inner ">
                <!-- logo start -->
                <div class="page-logo" style="background-color: white;">
                    <a href="<?php echo e(url('../')); ?>" style="margin-left: 10px;">

                        <span id="smalllogo"><img alt="" src="<?php echo e(asset('images/logo-2.png')); ?>"
                                height="80%"></span>
                    </a>


                    <a href="<?php echo e(url('../')); ?>" style="margin-left: 10px;">

                        <span id="largelogo" class="hide"><img alt=""
                                src="<?php echo e(asset('images/hgv2.png')); ?>" width="150" height="40"></span> </a>
                </div>
                <!-- logo end -->
                <ul class="nav navbar-nav navbar-left in" onclick="togglelogo()">
                    <li><a href="#" class="menu-toggler sidebar-toggler"><i class="icon-menu"></i></a></li>
                </ul>

                <!-- start mobile menu -->
                <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse"
                    data-target=".navbar-collapse">
                    <span></span>
                </a>
                <!-- end mobile menu -->
                <!-- start header menu -->
                <div class="top-menu">
                    <ul class="nav navbar-nav pull-right">
                        <!-- start notification dropdown -->

                        <!-- end notification dropdown -->
                        <!-- start message dropdown -->

                        <!-- end message dropdown -->
                        <!-- start manage user dropdown -->
                        <li class="dropdown dropdown-user">
                            <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"
                                data-close-others="true">
                                <img alt="" class="" style=" margin-top: -10px; border-radius: 50%; width: 40px;
                                    height: 40px;" src="<?php echo e(Session::get('profile')); ?>" />
                                <span class="username username-hide-on-mobile"> <?php echo e(Session::get('first_name')); ?>

                                </span>
                                <i class="fa fa-angle-down"></i>
                            </a>
                            <ul class="dropdown-menu dropdown-menu-default animated jello">
                                <li>
                                    <a href="<?php echo e(url('/Profile')); ?>">
                                        <i class="icon-user"></i> Profile </a>
                                </li>
                                <!-- <li>
                                    <a href="<?php echo e(url('/ChangePassword')); ?>">
                                        <i class="icon-settings"></i> Change Password
                                    </a>
                                </li> -->

                                <li class="divider"> </li>

                                <li>
                                    <a href="<?php echo e(url('/logout')); ?>">
                                        <i class="icon-logout"></i> Log Out </a>
                                </li>
                            </ul>
                        </li>

                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- end header -->

    <script>
        function togglelogo() {
            $('#smalllogo').toggle();
            $('#largelogo').toggleClass('hide');
        }
    </script>
<?php /**PATH D:\working projects\HGVDriverHub-Portal\resources\views/admin/partial/header.blade.php ENDPATH**/ ?>