<?php include "header.php";?>

<!-- Navbar -->
  <nav class="navbar navbar-expand-lg navbar-transparent navbar-absolute fixed-top text-white" id="navigation-example">
    <div class="container">
      <div class="navbar-wrapper">
        <a class="navbar-brand" href="javascript:void(0)"><?php echo JAK_TITLE;?></a>
      </div>
      <button class="navbar-toggler" type="button" data-toggle="collapse" aria-controls="navigation-index" aria-expanded="false" aria-label="Toggle navigation" data-target="#navigation-example">
        <span class="sr-only">Toggle navigation</span>
        <span class="navbar-toggler-icon icon-bar"></span>
        <span class="navbar-toggler-icon icon-bar"></span>
        <span class="navbar-toggler-icon icon-bar"></span>
      </button>
      <div class="collapse navbar-collapse justify-content-end">
        <ul class="navbar-nav">
          <li class="nav-item">
            <a href="<?php echo BASE_URL;?>" class="nav-link">
              <i class="material-icons">dashboard</i> <?php echo $jkl['m'];?>
            </a>
          </li>
          <li class="nav-item">
            <a href="javascript:void(0)" class="nav-link lost-pwd">
              <i class="material-icons">lock_open</i> <?php echo $jkl['f'];?>
            </a>
          </li>
        </ul>
      </div>
    </div>
  </nav>

  <!-- End Navbar -->
  <div class="page-header login-page header-filter" filter-color="black" style="background: url('img/login.jpg') no-repeat center center fixed;background-size: cover;height: 100%;overflow: hidden;">
      <!--   you can change the color of the filter page using: data-color="blue | purple | green | orange | red | rose " -->
      <div class="container">
        <div class="col-lg-4 col-md-6 col-sm-6 ml-auto mr-auto">
          <div class="loginF">
          <form class="form" id="login_form" method="post" action="<?php echo $_SERVER['REQUEST_URI'];?>">
            <div class="card card-login card-hidden">
              <div class="card-header card-header-rose text-center">
                <h4 class="card-title"><?php echo $jkl['l3'];?></h4>
                <?php if (isset($ErrLogin)) { ?><p class="text-center"><?php echo $jkl['l'];?></p><?php } ?>
              </div>
              <div class="card-body">
                <span class="bmd-form-group">
                  <div class="input-group">
                    <div class="input-group-prepend">
                      <span class="input-group-text">
                        <i class="material-icons">email</i>
                      </span>
                    </div>
                    <input type="text" name="username" class="form-control<?php if (isset($ErrLogin)) echo " is-invalid";?>" id="username" required="true" placeholder="<?php echo $jkl["l1"].' / '.$jkl["l5"];?>">
                  </div>
                </span>
                <span class="bmd-form-group">
                  <div class="input-group">
                    <div class="input-group-prepend">
                      <span class="input-group-text">
                        <i class="material-icons">lock_outline</i>
                      </span>
                    </div>
                    <input type="password" name="password" class="form-control<?php if (isset($ErrLogin)) echo " is-invalid";?>" id="password" required="true" placeholder="<?php echo $jkl["l2"];?>">
                  </div>
                </span>
              </div>
              <div class="card-footer justify-content-center">
                <div class="form-check">
                  <label class="form-check-label">
                    <input class="form-check-input" type="checkbox" name="lcookies" value="1">
                    <span class="form-check-sign">
                    <span class="check"></span>
                  </span><?php echo $jkl["l4"];?>
                  </label>
                </div>
                <input type="hidden" name="action" value="login">
                <button type="submit" name="logID" class="btn btn-rose btn-round"><?php echo $jkl["l3"];?></button>
              </div>
            </div>
          </form>
        </div>
        <div class="forgotP">
          <form class="form" id="login_form" method="post" action="<?php echo $_SERVER['REQUEST_URI'];?>">
            <div class="card card-login card-hidden">
              <div class="card-header card-header-rose text-center">
                <h4 class="card-title"><?php echo $jkl["l13"];?></h4>
                <?php if (isset($errorfp)) { ?><p class="text-center"><?php echo $errorfp["e"];?></p><?php } ?>
              </div>
              <div class="card-body">
                
                <span class="bmd-form-group">
                  <div class="input-group">
                    <div class="input-group-prepend">
                      <span class="input-group-text">
                        <i class="material-icons">email</i>
                      </span>
                    </div>
                    <input type="text" name="lsE" class="form-control<?php if (isset($errorfp)) echo " is-invalid";?>" id="email" required="true" placeholder="<?php echo $jkl["l5"];?>">
                  </div>
                </span>
              </div>
              <div class="card-footer justify-content-center">
                <button type="submit" name="forgotP" class="btn btn-rose btn-round"><?php echo $jkl["g94"];?></button>
              </div>
            </div>
          </form>
        </div>
        </div>
      </div>

<?php include "footer.php";?>
