<?php
$ProductionContainer = new Models\Database\Product\ProductContainer($conn);
$Usercontainer = new Models\Database\User\UserContainer($conn);
if (isset($_POST['logout'])) {
    $Usercontainer->logout();
}



?>

<?php



$home = "btnz";
$contact = "btnz";
$admin = "btnz";
$login = "btnz";
$register = "btnz";

$menuLinkid = $request_uri[1];
if($menuLinkid == "Home" || $menuLinkid == ''){
  $home = 'myActiveButton';
}else if($menuLinkid == "Contact") {
  $contact = "myActiveButton";
}else if($menuLinkid == "Admin") {
  $admin = "myActiveButton";
}else if($menuLinkid == "Login") {
  $login = "myActiveButton";
}else if($menuLinkid == "Register") {
  $register = "myActiveButton";
}
?>

    <nav class="navbar navbar-dark navbar-expand-md" id="app-navbar">
        <div class="container-fluid"><a class="navbar-brand" href="Home"> <img src="../img/Logo/logo.png" alt="The logo" style="width:42px;height:42px;border:0;"></a><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
            <li class="nav-item"><a id="websitename" class="navbar-brand" href="Home">  <div class="intro"></div>
                    <div class="caption v-middle text-center">
                        <h1 class="cd-headline clip" >
                            <span class="blc">The  |</span>
                            <span class="cd-words-wrapper">
                                <b class="is-visible">Edge Tuition</b>
                            </span>
                        </h1>
                    </div></a></li>

            <div class="collapse navbar-collapse" id="navcol-1">
                <ul class="nav navbar-nav ml-auto">



                  <li class="nav-item"><a class="nav-link" href="/"><button type="button" class=" <?php echo $home;   ?>" name="button1">Home</button></a></li>


                  <li class="nav-item"><a class="nav-link" href="/Contact"><button type="button" class="<?php echo $contact;   ?>" name="button1">Contact Us</button></a></li>


                  <li class="nav-item"><a class="nav-link" href="/Admin"><button type="button" class="<?php echo $admin;  ?>" name="button1">Admin</button></a></li>
                  <?php
                  if (isset($_SESSION['user']) && $_SESSION['user'] != 'Guest') {
                ?>
                <li>
                    <form class="form-group" method="POST" action="Home">
                        <button type="submit" class="btn btn-link">Logout</button>
                        <input type="hidden" name="logout" value="true" />
                    </form>
                </li>
                <li class="nav-item"><a class="nav-link" >|</a></li>
                <li class="nav-item"><a class="nav-link" href="/Account"><?PHP echo $Usercontainer->getSessionUser(); ?></a></li>
    <?php
} else {
    $_SESSION['user'] = 'Guest';
    ?>
                <li class="nav-item"><a class="nav-link" ><button type="button" class="<?php echo $login;   ?>" name="button1" data-toggle="modal" data-target="#exampleModalCenter">Login</button></a></li>

                  <li class="nav-item"><a class="nav-link"><button type="button" class="<?php echo $register;   ?>" name="button1" data-toggle="modal" data-target="#exampleModalCenter1">Register</button></a></li>
                <?php
            };
            ?>




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

<!-- Modal -->
<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLongTitle">Login</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">

            <div class="container container container container-fluid" >
                <form id="form" >

                    <div><img class="rouns beaded img-fluid" id="image" style="width: auto;height: auto;margin: 32px;" src="" /></div>
                  <label>Email</label>
                    <div class="input-field text primary"><input type="email" class="form-control" id="formum" placeholder="Email" /></div>
                  <label>Password</label>
                    <div class="form-group"><input type="password" class="form-control" id="formum2" placeholder="Password"/></div>
                    <a
                        id="linkas" href="Forgot">Forgot your password?</a> <!--  Change href to /Forgot -->
                    <br>
                </form>
            </div>
      </div>
      <div class="modal-footer">
        <button class="btn btn-primary" id="butonas" type="button">Login</button>
      </div>
    </div>
  </div>
</div>




<div class="modal fade" id="exampleModalCenter1" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLongTitle">Register</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">

        <div class="col-lg-offset-1 col-lg-10">
            <form method="POST" action="Register" onkeyup='check();checkAll();'>
                <label>Name: </label>
                <br>
                <input id='txt_name' type="text" class="form-control-sm" name="Name" value="" size="30" />
                <br><br><br>
                <label>Surname: </label>
                <br>
                <input id='txt_surname'  type="text" class="form-control-sm" name="Surname" value="" size="30" />
                <br><br><br>
                <label>Password: </label>
                <br>
                <input id="password" type="password" class="form-control-sm" name="Password" value="" size="30" />
                <br><br><br>
                <label>Re-Enter Password: </label>
                <br>
                <input id="confirm_password" type="password" class="form-control-sm" name="Password2"  value="" size="30" />
                <span id='message'></span>
                <br><br><br>
                <label>Email: </label>
                <br>
                <input id='txt_email' type="text" class="form-control-sm" name="Email" value="" size="30" />
                <br><br>
                <input id="register-btn" type="submit" class="btn btn-primary" value="Register" name="btn_reg" disabled="disabled" />
            </form>
        </div>


      </div>
      <div class="modal-footer">

        <button class="btn btn-primary" id="butonas" type="button">Login</button>

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