<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
    <title>Account</title>
    <!-- favicons -->
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="theme-color" content="#ffffff">

    <!-- Font -->
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700" rel="stylesheet">

    <!-- style sheets -->
    <link href="https://stackpath.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link href="<?= FOLDER ?>/template/<?= TEMPLATE; ?>/css/main.css?v=0.4" rel="stylesheet">
</head>
<body>
    <!-- Browser update alert: Start -->
    <!--[if lt IE 10]>
           <div class="browser-update">
           <div class="update-info-wrap">
           <img src=".<?= FOLDER ?>/template/<?= TEMPLATE; ?>/assets/images/logo.svg" alt="Phases">
           <p>You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
           </div>
            </div>
    <![endif]-->
    <!-- Browser update alert: End -->

<header id="header" >
  <!-- Message section -->


  <div class="container header-container">
    <div class="row">
      <div class="col-md-4 navbar-wrapper" style="display: none;">
        <a href="/" id="icon-navbtn" class="nav-btn">
          <img src="<?= FOLDER ?>/template/<?= TEMPLATE; ?>/assets/images/icons/left.svg">
        </a>
          <ul class="navigation-menu">
            <li>
              <a href="/">Back to main site</a>
            </li>
          </ul>
      </div>
      <div class="col-md-8 right-side">
        <div class="row">
          <div class="col-md-6 col-xs-6 lg-parent">
             
          </div>
          <div class="col-md-6 col-xs-6 lg-parent" style="display: none;">
	           <a href="/" class="logo-wrapper" style="float: right;"><img src="<?= FOLDER ?>/template/<?= TEMPLATE; ?>/assets/images/logo.png"/></a>
          </div>
        </div>

      </div>
    </div>
  </div>
</header>

<main class="main-wrapper-login">
<div class="container">
    <div class="row">

<?PHP if ($loggedIn) { ?>
	<div class="col-sm-4">
		<h2 class="acc"><?= $languagePage['userLinks']['title'] ?></h2>
        <ul id="mainNavigation">
            <?php

$linkDisplay = $loggedIn ? 2 : 1;

foreach ($languagePage as $link) {
    if (!($link['display'] & $linkDisplay)) { //Purposely using Bitwise operation AND (single &) instead of logical operation AND (double &)
        continue;
    }

    echo "
        <li>
            <a href=\"{$link['link']}\" title=\"{$link['title']}\">
                {$link['title']}
            </a>
        </li>";
}
?>
        </ul>
	</div>
	<div class="col-sm-8 pageContent">
		<h2 class="acc"><?= $languagePage[$page]['title'] ?></h2>
	
<?PHP } ?>