<?php?>
<!DOCTYPE html class="h-100" data-bs-theme="auto">
<!--[if lt IE 9]>
<link rel="stylesheet" href="/assets/css/ie.css">
<![endif]-->

<!--IE Fix for HTML5 Tags-->
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<!--[if lt IE 8]>
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/assets/css/foundicons_ie7.css">
<![endif]-->

<!--[if lt IE 8]>
#portfoilo-nav ul li { display: inline }
<![endif]-->
<html class="no-js">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width" />
  <meta charset="<?php bloginfo( 'charset' ); ?>" />
  <title><?php wp_title( '|', true, 'right' ); ?></title>
  <?php // Loads HTML5 JavaScript file to add support for HTML5 elements in older IE versions. ?>
  <!--[if lt IE 9]>
  <script src="<?php echo get_template_directory_uri(); ?>/js/html5.js" type="text/javascript"></script>
  <![endif]-->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css">

  <?php wp_head(); ?>
</head>

<body class="d-flex flex-column h-100">

<!-- Start Flex Wrapper with force footer-->

<header id="header">
  <!-- Fixed navbar -->
  <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
          <a class="navbar-brand bg-primary" href="#"><span>APAC</span>ASSISTANCE</a>
          <div class="collapse navbar-collapse" id="navbarCollapse">
            <ul class="navbar-nav me-auto mb-2 mb-md-0">
              <li class="nav-item">
                <a class="nav-link text-white px-2 <?php if (is_page('Dashboard')) echo 'active'; ?>" href="/dashboard">DASHBOARD</a>
              </li>
              <li class="nav-item">
                <a class="nav-link text-white px-2 <?php if (is_page('Asiapac')) echo 'active'; ?>" href="/asiapac">ASIAPAC</a>
              </li>
              <li class="nav-item">
                <a class="nav-link text-white px-2 <?php if (is_page('EMEA')) echo 'active'; ?>" href="/emea">EMEA</a>
              </li>
              <li class="nav-item">
                <a class="nav-link text-white px-2 <?php if (is_page('Reports')) echo 'active'; ?>" href="/reports">REPORTS</a>
              </li>
              <li class="nav-item">
                <a class="nav-link text-white px-2"><?php global $current_user; wp_get_current_user(); ?>
                <?php if ( is_user_logged_in() ) {
                  echo 'Welcome, ' . $current_user->first_name . "\n";
                }
                else { wp_loginout(); } ?></a>
              </li>
            </ul>
          </div>


          <div class="nav-item dropdown" style="z-index:1050;">
            <a class="nav-link text-white px-2 dropdown-toggle <?php if (is_page('')) echo 'active'; ?>" data-bs-toggle="dropdown" aria-expanded="false">
              SUPPORT
            </a>
            <ul class="dropdown-menu dropdown-menu-end dropdown-menu-dark">
              <li><a class="dropdown-item" href="/support">Support Home</a></li>
              <li><a class="dropdown-item" href="/support/system-news">System News</a></li>
              <li><a class="dropdown-item" href="/support/faq">FAQ</a></li>
              <li><a class="dropdown-item" href="/support/my-account">My Account</a></li>
              <li><a class="dropdown-item" href="/support/requests">Requests</a></li>
            </ul>

        </div>
      <a class="nav-link text-white px-2 <?php if (is_page('')) echo 'active'; ?>" href="#">LOG OUT</a>
    </nav>



</header>
