<style>
     .hours{
        color: #ca5c6a;
        font-size: 15px;
        font-weight: bold;
     }
  </style>

  <nav class="navbar navbar-inverse" role="navigation">
     <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
           <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
           <span class="sr-only">Toggle navigation</span>
           <i class="icon-cog"></i>
           </button>

           <a class="navbar-brand" ui-sref="app.dashboard">

              <img src="./img/FBOinsights-logo.png" class="img-logo">

           </a>

        </div>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse navbar-ex1-collapse">
           <ul class="nav navbar-nav navbar-right">
              <li class="dropdown">

                 <a href="javscript:;" class="dropdown-toggle" data-toggle="dropdown" style="color: #000000; background-color: #eeeeef;" >
                 <i class="icon-plane"></i> <font color="black">

                 <!--{{currentUserName}} -->

                  {{companyName}} </font>

                 <b class="caret"></b>
                 </a>
                 <ul class="dropdown-menu">

                    <li ng-if="!isAuthenticated"><a href="javascript:;">My Profile</a></li>

                    <li ng-if="isAuthenticated"><a ui-sref="app.accountSetting">Account Settings</a></li>

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

                    <li><a ng-click="logout();">Logout</a></li>

                 </ul>
              </li>
           </ul>
        </div>
        <!-- /.navbar-collapse -->
     </div>
     <!-- /.container -->
  </nav>
  <div class="subnavbar">
     <div class="subnavbar-inner">
        <div class="container">
           <a href="javascript:;" class="subnav-toggle" data-toggle="collapse" data-target=".subnav-collapse">
           <span class="sr-only">Toggle navigation</span>
           <i class="icon-reorder"></i>
           </a>
           <div class="collapse subnav-collapse">
              <ul class="mainnav">

                 <li ng-if="isAuthenticated">

                    <a ui-sref="app.dashboard">
                    <i class="fa fa-home"></i>
                    <span>Home</span>
                    </a>              
                 </li>

                 <li class="dropdown" ng-if="isAuthenticated">

                    <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">

                    <i class="fa fa-user"></i>
                    <span>Accounts</span>
                    <b class="caret"></b>
                    </a>      
                    <ul class="dropdown-menu">
                      <!--  <li><a  ui-sref="app.viewCompany">View Companies</a></li> -->
                       <li><a  ui-sref="app.customers">View Customers</a></li>
                       <li><a  ui-sref="app.account">View Fuel Vendors</a></li>
                       <!-- <li><a  ui-sref="app.analytics">Lookup Flight Dept</a></li> -->
                    </ul>
                 </li>
                 
  
                 <li class="dropdown" ng-if="isAuthenticated">
                    <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
                    <i class="fa fa-book"></i>

                    <span>Fuel Manager</span>
                    <b class="caret"></b>
                    </a>  
                    <ul class="dropdown-menu">

                       <li ng-show = 'isShowFMA'><a ui-sref="app.updateFuelManager" href="#/updateFuelManager">Update Fuel Pricing</a></li>
                       <li><a ui-sref="app.fuelManager" href="#/fuelManager">Update Ramp Fees</a></li>

                       <li class="dropdown-submenu">

                          <a tabindex="-1" >Tax Manager</a>

                          <ul class="dropdown-menu">

                             <li><a tabindex="-1" ui-sref="app.taxes" href="#/taxes">Federal Taxes</a></li>
                             <li><a ui-sref="app.taxes" href="#/taxes">State & Country Taxes</a></li>
                             <li><a ui-sref="app.taxes" href="#/taxes">Airport Taxes</a></li>

                          </ul>
                       </li>

                    </ul>
                 </li>

                 <li class="dropdown" ng-if="isAuthenticated">

                    <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">

                    <i class="fa fa-tint"></i>
                    <span>Fuel Orders</span>

                    <b class="caret"></b>

                    </a>  

                    <ul class="dropdown-menu">

                       <li ng-show = 'isShowFMA'><a ui-sref="app.enterFuelOrder" href="#/fuelOrders">Create Fuel Order</a></li>
                       <li>
                          <a ui-sref="app.fuelOrders">Fuel Transactions</a>
                       </li>

                    </ul>
                 </li>

                 <li ng-if="isAuthenticated">

                    <a  ui-sref="app.scheduler">
                    <i class="fa fa-calendar"></i>
                    <span>Scheduler</span>
                    </a>              
                 </li>

                 <li ng-if="isAuthenticated">
                    <a  ui-sref="app.analytics">

                    <i class="fa fa-signal"></i>
                    <span>Analytics</span>

                    </a>              

                 </li>

                 <li ng-if="isAuthenticated">

                   <!--  <a  ui-sref="app.flightTracking()" ng-click="reloadPage()" data-ui-sref-opts="{reload:false}">  -->
                    <a ui-sref="app.flightTracking">

                    <i class="fa fa-plane"></i>
                    <span>Flight Tracking</span>
                    </a>              
                 </li>

                 <li>
                 <div style="text-align: center;padding-top: 15px;" >
                    <label style="font-weight: bold;font-size: 15px;color: #ca5c6a;">Time(Local)</label>
                    <ds-widget-clock gmt-offset="userTimeZone" data-show-digital digital-format="'HH:mm:ss'" style="width: 15px"></ds-widget-clock> 
                 </div>
                 </li>
                 <li>
                     <div style="text-align: center;padding-top: 15px;" >
                    <label style="font-weight: bold;font-size: 15px;color: #ca5c6a;">Time(UTC)</label>
                    <ds-widget-clock gmt-offset="0" data-show-digital digital-format="'HH:mm:ss'" style="width: 15px"></ds-widget-clock> 
                 </div>
                 </li>

                 <li ng-if="!isAuthenticated">
                    <a ui-sref="app.flightDepDashboard">
                    <i class="fa fa-search"></i>
                    <span>Search Fuel</span>
                    </a>              
                 </li>
                 <li class="dropdown" ng-if="!isAuthenticated">
                    <a ui-sref="app.flightDepOrders" class="dropdown-toggle" data-toggle="dropdown">
                    <i class="fa fa-tint"></i>
                    <span>Fuel Orders</span>
                    </a>
                 </li>

              </ul>
           </div>
           <!-- /.subnav-collapse -->
        </div>
        <!-- /container -->
     </div>
     <!-- /subnavbar-inner -->
  </div>
  <!-- /subnavbar -->
  <div ui-view></div>
  <!-- </body> -->
  <!-- footer -->

  <div class="extra" style="display: none;">

     <div class="container">
        <div class="row">
           <div class="col-md-3">
              <h4>About</h4>
              <ul>
                 <li><a href="javascript:;">About Us</a></li>
                 <li><a href="javascript:;">Twitter</a></li>
                 <li><a href="javascript:;">Facebook</a></li>
                 <li><a href="javascript:;">Google+</a></li>
              </ul>
           </div>
           <!-- /span3 -->
           <div class="col-md-3">
              <h4>Support</h4>
              <ul>
                 <li><a href="javascript:;">Frequently Asked Questions</a></li>
                 <li><a href="javascript:;">Ask a Question</a></li>
                 <li><a href="javascript:;">Video Tutorial</a></li>
                 <li><a href="javascript:;">Feedback</a></li>
              </ul>
           </div>
           <!-- /span3 -->
           <div class="col-md-3">
              <h4>Legal</h4>
              <ul>
                 <li><a href="javascript:;">License</a></li>
                 <li><a href="javascript:;">Terms of Use</a></li>
                 <li><a href="javascript:;">Privacy Policy</a></li>
                 <li><a href="javascript:;">Security</a></li>
              </ul>
           </div>
           <!-- /span3 -->
           <div class="col-md-3">
              <h4>Settings</h4>
              <ul>
                 <li><a href="javascript:;">Consectetur adipisicing</a></li>
                 <li><a href="javascript:;">Eiusmod tempor </a></li>
                 <li><a href="javascript:;">Fugiat nulla pariatur</a></li>
                 <li><a href="javascript:;">Officia deserunt</a></li>
              </ul>
           </div>
           <!-- /span3 -->
        </div>
        <!-- /row -->
     </div>
     <!-- /container -->
  </div>
  <!-- /extra -->
  <div class="footer">
     <div class="container">
        <div class="row">

             <div id="footer-copyright" class="col-md-6">

              © 2018-19 FBOinsights.

           </div>  

           <!-- /span6 -->

           <!-- <div id="footer-terms" class="col-md-6">

              Theme by <a href="#" target="_blank">FBOinsights</a>

           </div> -->

           <!-- /.span6 -->
        </div>
        <!-- /row -->
     </div>
     <!-- /container -->
  </div>

  
  
  <!--automatic logout session--> 
  <!-- <div class="alert alert-warning warning-message" style="display: none; z-index: 99999; position: fixed; top: 50px; right: 50px;">
    <strong>Warning!</strong> Indicates a warning that might need attention.
  </div> -->