<?php echo $this->doctype(); ?>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <?php echo $this->headTitle('Bookingcabs', $this->placeholder('titleType', 'APPEND'))->setSeparator(' - ')->setAutoEscape(false) ?>
        <?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/custom/user.css')
                ->prependStylesheet($this->basePath() . '/css/libs/mloading.css')
                ->prependStylesheet($this->basePath() . '/css/custom/responsive.css')
                ->prependStylesheet($this->basePath() . '/css/custom/base.css')
                ->prependStylesheet($this->basePath() . '/css/libs/jquery.ihavecookies.css')
                ->prependStylesheet($this->basePath() . '/css/libs/selectize.css')
                ->prependStylesheet($this->basePath() . '/css/libs/input-select.min.css')
                ->prependStylesheet($this->basePath() . '/css/libs/image-crop.css')
                ->prependStylesheet($this->basePath() . '/css/libs/flexslider.css')
                ->prependStylesheet($this->basePath() . '/css/libs/animate.min.css')
                ->prependStylesheet($this->basePath() . '/css/libs/bootstrap-datetimepicker.css')
                ->prependStylesheet($this->basePath() . '/css/libs/bootstrap-clockpicker.min.css')
                ->prependStylesheet($this->basePath() . '/css/libs/bootstrap.min.css')
                ->prependStylesheet($this->basePath() . '/css/libs/bootstrap-slider.css')
                ->prependStylesheet($this->basePath() . '/css/libs/jquery.tooltip.css')
                ->prependStylesheet($this->basePath() . '/css/libs/font-awesome.min.css')
                ->prependStylesheet($this->basePath() . '/css/libs/jquery-ui.css')
        ?>

        <!-- Scripts -->
        <?php
        $helper = new Zend\View\Helper\ServerUrl();
        $url = $helper->__invoke(true);
        ?>
        <!-- Scripts -->

        <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>
        <link href="https://fonts.googleapis.com/css?family=Roboto+Slab|Quicksand:400,500" rel="stylesheet">
        <style>
            .float-panel {
    width:100%;
    background:white;
    z-index:300;
    padding:30px 0; 
    transform: translateZ(0);
    transition:all 0.5s;
}
.float-panel .content-area {
    max-width:900px;
    margin:10px auto;
}
.float-panel a {
    font-size:16px;
    text-decoration:none;
    color:#444;
    display:inline-block;
    padding:10px 20px;
}                  
.float-panel .fa-gg {                  
    color:#F0595C;
    font-size:30px;
    vertical-align:middle;                  
    transition:all 1s;                  
}

/* Float Panel: class="float-panel fixed" */

.fixed {
    box-shadow:0 2px 6px rgba(0,0,0,0.2);  
    padding:4px 0;
    animation:slide-down 0.7s;
    opacity:0.9;    
}                  
.fixed .fa-gg {                  
    transform: rotate(360deg);      
}

@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}
            
            
        </style>
    
    
    </head>
    <body class="home">
        <header id="header">

            <div class="float-panel" data-top="0" data-scroll="200">
    <div class="content-area" style="text-align:right;">
        <a href="#" style="float:left;">
            <i class="fa fa-gg"></i>
            <em>MENUCOOL</em>
        </a>
        <a href="#"><i class="fa fa-tint"></i> Free trial</a>
        <a href="#">Subscribe</a>
        <a href="#">Services</a>
        <a href="#"><i class="fa fa-search"></i></a>
    </div>
</div>

            <div class="top-bar for-mobile">
                <div class="container">
                    <div class="row">
<!--                        <div class="col-sm-4 header_top1 header-mobile">
                            <div class="top-number">
                                <a href="#" class="dropdown-toggle white" data-toggle="dropdown">
                                    <bdi id="">Delhi and NCR</bdi>
                                    <span class="caret"></span></a>

                            </div>
                        </div>-->

                        <div class="col-sm-8 header_top1 pull-right">

                            <div class="row">
                                <div class="social">



                                    <!--/.<nav class="navbar navbar-inverse" role="banner">
                                        <div class="container">
                                            <div class="navbar-header">
                                                <button type="button" class="navbar-toggle navbar-toggletop" data-toggle="collapse" id="nav-top" data-target=".navbar-collapse1">
                                                    <span class="sr-only">Toggle navigation</span>
                                                    <span class="icon-bar"></span>
                                                    <span class="icon-bar"></span>
                                                    <span class="icon-bar"></span>
                                                </button>

                                            </div>

                                            <div class="collapse navbar-collapse1 navbar-left padding0">
                                                <ul class="nav navbar-nav nav-top">
                                                    <li><a  href="<?php echo $this->url('home'); ?>"  style="padding:0 10px;"><i class="fa fa-home fa-fw fa-1x"></i>  Home</a></li>
                                                    <li><a href="<?php echo $this->url('cms-pages', ['page' => 'services']); ?>" style="padding:0 10px;"><i class="fa fa-paper-plane fa-fw fa-1x"></i>  Services</a></li>
                                                    <li><a href="<?php echo $this->url('cms-pages', ['page' => 'contact-us']); ?>"><i class="fa fa-phone fa-fw fa-1x"></i>  Contact Us</a></li>
                                                    <li><a href="<?php echo $this->url('affilate-registration', ['controller' => 'index', 'action' => 'affilate-registration']); ?>"><i class="fa fa-user fa-fw fa-1x"></i>Affiliate/Suppliers Registration</a></li>
                                                </ul>
                                            </div>
                                        </div>container
                                    </nav>-->



                                   <ul class="social-share">
                                       <?php if (!empty($user_id)) { ?>
                                       <li class="white margin-left10px"><a>Credit Balance <i class="fa fa-inr"></i> 5000</a></li>
                                       <li class="white margin-left10px"><a>Wallet <i class="fa fa-inr"></i> <?php echo $wallet_amount;?></a></li>
                                       <?php }?>
                                        <!--<li><a  href="<?php echo $this->url('home'); ?>" class="paddinL-R10px"><i class="fa fa-home fa-fw fa-1x"></i><span>Home</span></a></li>--->
                                          <li class="dropdown">
                                              <a class="pointer"><i class="fa fa-support fa-fw fa-1x"></i><span>Support</span></a>
                                        <span class="caret"></span></a>
                                        <ul class="dropdown-menu">
                                          <li><a href="<?php echo $this->url('cms-pages', ['page' => 'contact-us']); ?>">Contact Us</a></li>
                                          <li><a href="#">Relationship Manager</a></li>
                                          <li><a href="<?php echo $this->url('make-payment', ['controller' => 'index'])?>">Make Payment</a></li>
                                          <li><a href="#">Talk to Us</a></li>
                                        </ul>
                                      </li>
                                        <li><a  href="<?php echo $this->url('cms-pages', ['page' => 'services']); ?>" class="paddinL-R10px"><i class="fa fa-cogs fa-fw fa-1x"></i><span>Services</span></a></li>
                                        <li><a href="<?php echo $this->url('supplier'); ?>"><i class="fa fa-user fa-fw fa-1x"></i><span>Affiliate/Suppliers Login</span></a></li>



                                    </ul>

                                </div>
                            </div>

                        </div>
                    </div>
                </div><!--/.container-->
            </div><!--/.top-bar-->
            <div class="container">
                <div class="navbar-header col-sm-6 padding0 padding12top left_logo header_top">
                    <a class="navbar-brand" href="<?php echo $this->url('home'); ?>"><img src="/images/logo.png" alt="logo"></a>
                </div>
                <div class="col-sm-6 padding0 right_icon header_top">
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-new-login margin-top-5 pull-right no-padding">

                        <?php if (empty($user_id)) { ?>
                            <a href="<?php echo $this->url('login'); ?>" data-target="#ajax-modal" data-toggle="modal" data-remote="true" data-keyboard="false" data-backdrop="static" class="bgnone pull-right center">
                                <div class="circle-tile-heading login_signbg red marginbtom0 pointer margin-right0"><i class="fa fa-sign-in fa-fw fa-1_5x sicon"></i></div>
                                <div class="control-label textlogin">
                                    <span id="">Login</span>
                                </div>
                            </a>

                            <a href="<?php echo $this->url('user', ['controller' => 'index', 'action' => 'index']); ?>" class="bgnone  pull-right center">
                                <div class="circle-tile-heading login_signbg red marginbtom0"><i class="fa fa-user fa-fw fa-1_5x sicon pointer"></i></div>
                                <div class="control-label textlogin">
                                    <span id="">SignUp</span>
                                </div>
                            </a>
                        <?php } else { ?>
                            <a href="<?php echo $this->url('logout'); ?>" class="bgnone  pull-right center">
                                <div class="circle-tile-heading login_signbg red marginbtom0"><i class="fa fa-user fa-fw fa-1_5x sicon pointer"></i></div>
                                <div class="control-label textlogin">
                                    <span id="">Logout</span>
                                </div>
                            </a>
                            <a href="<?php echo $this->url('dashboard'); ?>" class="bgnone  pull-right center">
                                <div class="circle-tile-heading login_signbg red marginbtom0"><i class="fa fa-user fa-fw fa-1_5x sicon pointer"></i></div>
                                <div class="control-label textlogin">
                                    <span id="">Dashboard</span>
                                </div>
                            </a>
                            <a href="<?php echo $this->url('dashboard'); ?>" class="bgnone  pull-right left linhight60 margin-right50">
                                <div class="control-label textlogin">
                                    <span id="">Welcome, <?php echo $user_name; ?></span>
                                </div>
                            </a>
                        <?php } ?>

                    </div>
                </div>
            </div><!--/.container-->
        </header>
        <div>
        </div>
        <section id="screen1">

            <nav class="navbar navbar-inverse topbar"  role="banner" style="background:#3e3c3c;">
                <div class="container">



                    <div class="navbar-collapse2 no-padding mobile-menu">
                        <div class="row">
                            <div class="col-sm-2 text-center"><a class="navbar-navlink navbar2-link" href="<?php echo $this->url('local-hire'); ?>" ><i class="fa fa-car fa-fw fa-1_5x sicon fa-style"></i><br>Local hire</a></div>
                            <div class="col-sm-2 text-center"><a class="navbar-navlink navbar2-link" href="<?php echo $this->url('point-to-point'); ?>" ><i class="fa fa-map-marker fa-fw fa-1_5x sicon fa-style"></i><br>Point to Point</a></div>
                            <div class="col-sm-2 text-center"><a class="navbar-navlink navbar2-link" href="<?php echo $this->url('airport-transfer'); ?>"><i class="fa fa-plane fa-fw fa-1_5x sicon fa-style"></i><br>Airport Transfer</a></div>
                            <div class="col-sm-2 text-center"><a class="navbar-navlink navbar2-link" href="<?php echo $this->url('outstation'); ?>"><i class="fa fa-cab fa-fw fa-1_5x sicon fa-style"></i><br>Outstation</a></div>
                            <div class="col-sm-2 text-center"><a class="navbar-navlink navbar2-link" href="<?php echo $this->url('guide-booking'); ?>"><i class="fa fa-camera fa-fw fa-1_5x sicon fa-style"></i><br>Guide</a></div>

                        </div>

                        <!--/.nav-collapse -->
                    </div>


                    <div class="navbar-header pull-left web-menu">
                        <button type="button" class="navbar-toggle nav-left" data-toggle="collapse" id="nav-left" data-target=".navbar-collapse">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>

                    </div>

                   <!--/.container-->
                    <div class="collapse navbar-collapse navbar-left padding0" id="#navbar-left">
                        <?php echo $this->navigation('navigation')->menu()->setMinDepth(0)->setMaxDepth(0)->setUlClass('nav navbar-nav');
                        ?>
                    </div>
                </div><!--/.container-->
            </nav>


        </section>



        <?php
        if ($this->currentRoute()->getRoute() == 'home') {
            require_once 'home-header-banner.phtml';
        } else {
            ?>
            <section id="main-slider" class="web no-padding">
                <div class="formbg1"></div>
            </section>
        <?php } ?>

        <div class="container-fluid navbar-inverse mannavi navbar-navnew nav-bg2">

            <div class="container paddinL-R10px">
                <div class="navbar navbar-inverse marginbtom0 mannavi nav-bg2 navbar-border" role="navigation">

                    <div class="navbar-collapse2 no-padding">
                        <div class="row">
                            <div class="col-sm-2 text-center"><a class="navbar-navlink navbar2-link" href="javascript: void(0);" onclick="generateTicket('track-car')"><i class="fa fa-car fa-fw fa-1_5x sicon fa-style"></i>Track Car</a></div>
                            <div class="col-sm-2 text-center"><a class="navbar-navlink navbar2-link" href="javascript: void(0);" onclick="generateTicket('print-sms')"><i class="fa fa-print fa-fw fa-1_5x sicon fa-style"></i>Print/SMS Ticket</a></div>
                            <div class="col-sm-2 text-center"><a class="navbar-navlink navbar2-link" href="javascript: void(0);" onclick="generateTicket('cancel-ticket')"><i class="fa fa-times fa-fw fa-1_5x sicon fa-style"></i>Cancel Ticket</a></div>
                            <div class="col-sm-2 text-center"><a class="navbar-navlink navbar2-link" href="javascript: void(0);" onclick="generateTicket('refund')"><i class="fa fa-exchange fa-fw fa-1_5x sicon fa-style"></i>Refund Status</a></div>
                            <div class="col-sm-2 text-center">
                                <?php if(!empty($user_id)){?>
                                <a class="navbar-navlink navbar2-link" href="javascript: void(0);" onclick="giveFeedback()"><i class="fa fa-envelope fa-fw fa-1_5x sicon fa-style"></i>Give Feedback</a>
                                <?php } else {?>
                                <a class="navbar-navlink navbar2-link" href="<?php echo $this->url('login'); ?>" data-target="#ajax-modal" data-toggle="modal" data-remote="true" data-keyboard="false" data-backdrop="static"><i class="fa fa-envelope fa-fw fa-1_5x sicon fa-style"></i>Give Feedback</a>
                                <?php }?>
                            </div>
                        </div>
                        <!--/.nav-collapse -->
                    </div>
                </div>
                
                
                
<!--                <div class="icon-bar1">
                    
                    <div class="flip-card">
                        <a href="javascript: void(0);" onclick="generateTicket('track-car')">
  <div class="flip-card-inner">
    <div class="flip-card-front">
     <i class="fa fa-car fa-fw fa-1_5x sicon fa-style"></i>
    </div>
    <div class="flip-card-back">
      Track Car <i class="fa fa-car fa-fw fa-1_5x sicon fa-style"></i>
      
      
    </div>
  </div>
                        </a>
</div>
                    
                     <div class="flip-card">
                        <a href="javascript: void(0);" onclick="generateTicket('print-sms')">
  <div class="flip-card-inner">
    <div class="flip-card-front">
     <i class="fa fa-print fa-fw fa-1_5x sicon fa-style"></i>
    </div>
    <div class="flip-card-back">
      Print/SMS Ticket <i class="fa fa-print fa-fw fa-1_5x sicon fa-style"></i>
      
      
    </div>
  </div>
                        </a>
</div>
                    
                     <div class="flip-card">
                        <a href="javascript: void(0);" onclick="generateTicket('cancel-ticket')">
  <div class="flip-card-inner">
    <div class="flip-card-front">
     <i class="fa fa-times fa-fw fa-1_5x sicon fa-style"></i>
    </div>
    <div class="flip-card-back">
      Cancel Ticket <i class="fa fa-times fa-fw fa-1_5x sicon fa-style"></i>
      
      
    </div>
  </div>
                        </a>
</div>
                    
                     <div class="flip-card">
                        <a href="javascript: void(0);" onclick="generateTicket('refund')">
  <div class="flip-card-inner">
    <div class="flip-card-front">
     <i class="fa fa-exchange fa-fw fa-1_5x sicon fa-style"></i>
    </div>
    <div class="flip-card-back">
      Refund Status <i class="fa fa-exchange fa-fw fa-1_5x sicon fa-style"></i>
      
      
    </div>
  </div>
                        </a>
</div>
                    
                     <div class="flip-card">
                         
                         
                        
  <div class="flip-card-inner">
    <div class="flip-card-front">
        <a href="#"><i class="fa fa-envelope fa-fw fa-1_5x sicon fa-style"></i></a>
    </div>
    <div class="flip-card-back">
        <?php if(!empty($user_id)){?>
                                <a  href="javascript: void(0);" onclick="giveFeedback()"> Give Feedback  <i class="fa fa-envelope fa-fw fa-1_5x sicon fa-style"></i></a>
                                <?php } else {?>
                                <a href="<?php echo $this->url('login'); ?>" data-target="#ajax-modal" data-toggle="modal" data-remote="true" data-keyboard="false" data-backdrop="static"> Give Feedback  <i class="fa fa-envelope fa-fw fa-1_5x sicon fa-style"></i></a>
                                <?php }?> 
        
          
      
    </div>
  </div>
                       
</div>
                    
                   
                    
                    
                   
</div>-->
                
            </div>
        </div>