<?php echo $this->doctype(); ?>
<html lang="en">
    <head>
       <script>
            window.dataLayer = window.dataLayer || [];
            function gtag() {
                dataLayer.push(arguments);
            }
            gtag('js', new Date());

            gtag('config', 'UA-160374370-1');
        </script>
        <meta charset="utf-8">
      
        <?php
        echo $this->headMeta()
                ->appendName('viewport', 'width=device-width, initial-scale=1.0')
                ->appendHttpEquiv('X-UA-Compatible', 'IE=edge')
        ?>
        <!-- styles -->

        <?php
        echo $this->headLink(array(
                    'rel' => 'shortcut icon',
                    'type' => 'image/vnd.microsoft.icon',
                    'href' => $this->basePath() . '/images/favicon.ico'
                ))
                 
                ->prependStylesheet($this->basePath() . '/css/custom/bookings.css')
                ->prependStylesheet($this->basePath() . '/css/dashboard/lib/adminlte.min.css')
                //->prependStylesheet($this->basePath() . '/css/libs/fullcalendar.print.css')
                ->prependStylesheet($this->basePath() . '/css/libs/fullcalendar.css') 
                ->prependStylesheet($this->basePath() . '/highslide/highslide.css')
                ->prependStylesheet($this->basePath() . '/css/dashboard/lib/rating.css')
                ->prependStylesheet($this->basePath() . '/css/dashboard/app/drag_menu.css')
                //->prependStylesheet($this->basePath() . '/css/dashboard/lib/editor.css')
                ->prependStylesheet($this->basePath() . '/css/libs/imgareaselect.css')
                //->prependStylesheet($this->basePath() . '/css/dashboard/lib/jquery-ui-timepicker-addon.css')
                ->prependStylesheet($this->basePath() . '/css/dashboard/app/selectize.css')
                ->prependStylesheet($this->basePath() . '/css/dashboard/lib/color_picker.css')
                ->prependStylesheet($this->basePath() . '/css/dashboard/lib/all-skins.min.css')
                ->prependStylesheet($this->basePath() . '/css/dashboard/lib/dashboard.min.css')
                ->prependStylesheet($this->basePath() . '/css/dashboard/app/bootstrap-select.css')
                ->prependStylesheet($this->basePath() . '/css/dashboard/app/updatecss.css')
                ->prependStylesheet($this->basePath() . '/css/custom/base.css')
               // ->prependStylesheet($this->basePath() . '/css/dashboard/app/mystyle.css')
                ->prependStylesheet($this->basePath() . '/css/libs/mloading.css')
                ->prependStylesheet($this->basePath() . '/css/dashboard/lib/ionicons.min.css')
                ->prependStylesheet($this->basePath() . '/css/dashboard/lib/font-awesome.min.css')
                ->prependStylesheet($this->basePath() . '/css/dashboard/lib/bootstrap.css')
                ->prependStylesheet($this->basePath() . '/css/libs/bootstrap-clockpicker.min.css')
                ->prependStylesheet($this->basePath() . '/css/dashboard/lib/bootstrap.min.css')
                 ->prependStylesheet($this->basePath() . '/css/dashboard/lib/dataTables.bootstrap.min.css')
                ->prependStylesheet($this->basePath() . '/css/dashboard/lib/jquery.dataTables.min.css')
                ->prependStylesheet($this->basePath() . '/css/dashboard/lib/dashboard.min.css')
                ->prependStylesheet($this->basePath() . '/css/dashboard/lib/bootstrap-combined.min.css')
				->prependStylesheet($this->basePath() . '/css/libs/jquery-ui.css')
                ->prependStylesheet($this->basePath() . '/css/libs/jquery.timepicker.css')
               // ->prependStylesheet($this->basePath() . '/css/libs/selectize.css')
        ?>
        <?php
        $helper = new Zend\View\Helper\ServerUrl();
        $url = $helper->__invoke(true);
         ?>

         <!-- Scripts -->
<div id="ajax-modal" class="modal fade" aria-hidden="true" role="dialog" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body"></div>
        </div>
    </div>
</div>
<script type="text/javascript">
    // base url
    var basepath = '<?php echo $this->serverUrl($this->basePath()) ?>';
    var loaderHtml = '<div class="row"><div class="icon-spinner10 spinner loadersmall"></div></div>';
    // current controller name
    var controller = '<?php echo $this->controller; ?>';
    var action = '<?php echo $this->action; ?>';
    // current url
    var currentUrl = '<?php echo $url; ?>';
    var loadingText = '<?php echo $this->translate('Loading...'); ?>';

</script>

<style>
	
	.marginbot40 {
    margin-bottom: 40px !important;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: #ffffff;
    border: none;
    border-bottom: 1px solid #333;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: 0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: none;
}

.sign-out-dashboard {
    font-size: 12px !important;
    font-weight: normal;
}
	
/*
.navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
  
 .dropdown-menu {
    min-width: 331px;
    padding: 6px 0;
    color: #333333;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.dropdown-content-body {
    padding: 20px;
}
.dropdown-content-heading {
  padding: 20px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
}
.dropdown-content-heading + .dropdown-menu-body {
  padding-top: 0;
}
.dropdown-content-heading + .dropdown-header {
  padding-top: 0!important;
}
ul.dropdown-menu .dropdown-content-heading {
  padding-left: 15px;
  padding-right: 15px;
}
ul.dropdown-menu .dropdown-content-heading:first-child {
  padding-top: 15px;
  padding-bottom: 15px;
}
.dropdown-content-heading .icons-list {
  float: right;
}

.dropdown-content-footer {
  background-color: #fcfcfc;
  color: #333333;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.dropdown-content-footer a {
  display: block;
  padding: 7px;
  text-align: center;
  color: #333333;
}
.dropdown-content-footer a:hover,
.dropdown-content-footer a:focus {
  background-color: #f5f5f5;
}
.navbar-nav > li > .dropdown-menu .media-list {
    max-height: 340px;
    overflow-y: auto;
}
.media:first-child {
    margin-top: 0;
}
.media-left, .media > .pull-left {
    padding-right: 20px;
}
 */

    </style>
    </head>
    <body class="hold-transition skin-blue sidebar-mini fixed sidebar-collapse" style="padding-top:15px;">
        <div class="wrapper">

            <header class="main-header">
                <!-- Logo -->
                <a href="<?php echo $this->url('home'); ?>" class="logo">
                    <!-- mini logo for sidebar mini 50x50 pixels -->
                    <span class="logo-mini">
                        <img src="/images/logo.png" style="width:40px;">
                    </span>
                    <!-- logo for regular state and mobile devices -->
                    <span class="logo-lg">
                        <img src="/images/logo.png">
                    </span>
                </a>
                <!-- Header Navbar: style can be found in header.less -->
                <nav class="navbar navbar-static-top" role="navigation">
                    <!-- Sidebar toggle button-->
                    <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
                        <span class="sr-only">Toggle navigation</span>
                    </a>
                    <div class="navbar-custom-menu">
                        <ul class="nav navbar-nav">
                            
                            
                            <li class="dropdown dropdown-menu1">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown">
						<i class="fa fa-bell-o"></i>
						<span class="visible-xs-inline-block position-right">Messages</span>
						<span class="badge bg-warning-400"></span>
					</a>
					
					<div class="dropdown-menu dropdown-content width-350">
						<div class="dropdown-content-heading">
							Messages
							<ul class="icons-list">
								<li><a href="#"><i class="icon-compose"></i></a></li>
							</ul>
						</div>
                                               <?php  $session = new \Zend\Session\Container('userlogin');                                                    
                                                      $user_id = isset($session->userData['user_id'])?$session->userData['user_id']:'';
                                                      if($user_id>0){
                                                      $notificationData = $this->dashboardMenu()->getNotificationList($user_id);  } ?> 
						<ul class="media-list dropdown-content-body">
                                                        <?php  if (count($notificationData) > 0) {
                                                        foreach($notificationData as $value){?>
                                                    
							<li class="media">
								<div class="media-left">
									<img src="images/placeholder.jpg" class="img-circle img-sm" alt="">
									<span class="badge bg-danger-400 media-badge"></span>
								</div>

								<div class="media-body">
									<a href="#" class="media-heading">
										<span class="text-semibold"><?php echo $value['clientname'];?></span>
										<span class="media-annotation pull-right"><?php echo $value['time'];?></span>
									</a>

									<span class="text-muted"><?php echo $value['reference_number'];?> - <?php echo $value['booking_address'];?></span>
									<span class="text-muted"><?php echo $value['status'];?></span>
								</div>
							</li>
                                                        <?php  }}else{ ?>
                                                        <li class="media">No record Found</li>
                                                    <?php } ?>

							
						</ul>

						<div class="dropdown-content-footer">
							<a href="#" data-popup="tooltip" title="All messages"><i class="icon-menu display-block"></i></a>
						</div>
					</div>
				</li>
                            
                            
                            <li class="dropdown user user-menu ">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Support<span class="caret" style="margin-top: 0;"></span></a>
                                <ul class="dropdown-menu dropdown-menu1">

                                    <!-- Menu Body -->
                                    <!-- Menu Footer-->
                                     <li>

                                            <a href="<?php //echo $this->url('profile', array('action'=>'index'));?>" class="sign-out-dashboard">Contact Us</a>

                                     </li>
                                      <li>
                                            <a href="<?php //echo $this->url('profile', array('action'=>'index'));?>" class="sign-out-dashboard">Relationship Manager</a>

                                      </li>
                                    <li>
                                            <a href="#" class="sign-out-dashboard">Make Payment</a>

                                    </li>
                                     <li>
                                            <a href="#" class="sign-out-dashboard">Talk to Us</a>

                                    </li>
                                </ul>
                            </li>

                            <li class="dropdown user user-menu ">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">

                                    <img src="../images/default_user.png" class="user-image" alt="User Image">

                                    <span class="hidden-xs"><?php
                                    $session = new \Zend\Session\Container('userlogin');
                                    //echo '<pre>';print_r($session->userData);die();
                                    $firstName= isset($session->userData['first_name'])?$session->userData['first_name']:'';
                                    $userType= isset($session->userData['user_type_name'])?$session->userData['user_type_name']:'';
                                    $roleName= isset($session->userData['role_name'])?$session->userData['role_name']:'';
                                    echo $firstName .' ('.$userType.')'; ?>
                                    </span>
                                </a>
                                <ul class="dropdown-menu">
                                    <!-- User image
                                    <li class="user-header">
                                        <img src="../images/default_user.png" class="img-circle" alt="User Image">
                                        <p>
                                           <?php echo $firstName; ?>
                                            <small><?php echo $roleName; ?></small>
                                        </p>
                                    </li>-->
                                    <!-- Menu Body -->
                                    <!-- Menu Footer-->
                                     <li>

                                            <a href="<?php echo $this->url('profile', array('action'=>'index'));?>" class="sign-out-dashboard">Profile</a>
                                     </li>
                                    <li>


                                            <a href="<?php echo $this->url('logout'); ?>" class="sign-out-dashboard">Logout</a>

                                    </li>
                                </ul>
                            </li>
                            <!-- Control Sidebar Toggle Button -->

                        </ul>
                    </div>
                </nav>
            </header>
