<?php
session_start();
if (!array_key_exists('UID',$_SESSION)) {
  $siteKey = '6LdS4QwUAAAAADDETeE7ON9QdpsBoNL6IUcbTa5R';
  $errorpage = $_SERVER['DOCUMENT_ROOT'];
  $errorpage .= "/error-pages/403.php";
  if ($_SESSION['reg'] == 1) {
    include($errorpage);
    exit();
  }
?>
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="description" content="FRC Scouting Web App">
    <meta name="author" content="Samuel Walker">
    <meta name="publisher" content="Samuel Walker">
    <meta name="application-name" content="FRC Scouting Web App">
    <meta name="theme-color" content="#000">
    <meta name="apple-mobile-web-app-status-bar-style" content="#000">
    <title>Scouting | Register</title>
    <link rel="stylesheet" href="https://www.team5926.org/css/foundation.css">
    <link rel="stylesheet" href="https://www.team5926.org/css/app.css">
  </head>
  <body>
    <header>
      <!-- Begin Sticky Header -->
      <div data-sticky-container>
        <div class="row" data-sticky data-options="marginTop:0;stickyOn:small;" style="width:100%">
          <div class="small-12 columns">
            <div class="top-bar">
              <div class="top-bar-title">
                <a href="#">
                  <strong>Da MOOse | Member Portal</strong>
                </a>
                <span class="menu-hamburger" data-responsive-toggle="responsive-menu" data-hide-for="large">
                    <span class="menu-text" data-toggle>Menu</span>
                    <span class="menu-icon" data-toggle></span>
                </span>
              </div>
              <div id="responsive-menu">
                <div class="top-bar-left">
                </div>
                <div class="top-bar-right">
                  <ul class="menu" data-responsive-menu="drilldown medium-dropdown">
                    <li><a href="index.php">Login</a></li>
                    <li  class="active"><a href="#">Register</a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!--  End Sticky Header -->
    </header>
    <section>
      <br>
      <?php if($_SESSION['reg-error'] != "") { ?>
      <div class="row">
        <div class="large-6 small-6 columns text-center large-centered small-centered">
            <?php echo $_SESSION['reg-error']; ?>
          </div>
      </div>
      <?php } ?>
      <form method="post" action="rsend.php" autocomplete="on">
        <div class="row">
          <div class="large-6 small-6 columns large-centered small-centered">
            <label>Name</label>
          </div>
        </div>
        <div class="row">
          <div class="large-6 small-6 columns text-center large-centered small-centered">
            <div class="row">
              <div class="large-6 columns text-center">
                <input type="text" name="firstName" placeholder="Fred" required>
              </div>
              <div class="large-6 columns text-center">
                <input type="text" name="lastName" placeholder="DaMoose" required>
              </div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="large-6 small-6 columns large-centered small-centered">
            <label>Email</label>
          </div>
        </div>
        <div class="row">
          <div class="large-6 small-6 columns text-center large-centered small-centered">
            <input type="email" name="Email1" id="EM1" placeholder="freddymoose@team5926.org" required onkeyup="checkEmail(); return false;">
          </div>
        </div>
        <div class="row">
          <div class="large-6 small-6 columns large-centered small-centered">
            <label>Repeat Email <span id="confirmMessageE" class="confirmMessageE"></span></label>
          </div>
        </div>
        <div class="row">
          <div class="large-6 small-6 columns text-center large-centered small-centered">
            <input type="email" name="Email2" id="EM2" placeholder="freddymoose@team5926.org" required onkeyup="checkEmail(); return false;">
          </div>
        </div>
        <div class="row">
          <div class="large-6 small-6 columns large-centered small-centered">
            <label>Phone #</label>
          </div>
        </div>
        <div class="row">
          <div class="large-6 small-6 columns text-center large-centered small-centered">
            <input type="tel" name="Phone" placeholder="(555) 555-5926" required>
          </div>
        </div>
        <div class="row">
          <div class="large-6 small-6 columns large-centered small-centered">
            <label>Birthday</label>
          </div>
        </div>
        <div class="row">
          <div class="large-6 small-6 columns text-center large-centered small-centered">
            <input type="date" name="DoB" placeholder="1980-01-01" required>
          </div>
        </div>
        <div class="row">
          <div class="large-6 small-6 columns large-centered small-centered">
            <label>Username</label>
          </div>
        </div>
        <div class="row">
          <div class="large-6 small-6 columns text-center large-centered small-centered">
            <input type="text" name="username" placeholder="freddymoose" required>
          </div>
        </div>
        <div class="row">
          <div class="large-6 small-6 columns large-centered small-centered">
            <label>Password</label>
          </div>
        </div>
        <div class="row">
          <div class="large-6 small-6 columns text-center large-centered small-centered">
            <input type="password" name="PW1" id="PW1" placeholder="********" onkeyup="checkPass(); return false;" required>
          </div>
        </div>
        <div class="row">
          <div class="large-6 small-6 columns large-centered small-centered">
            <label>Repeat Password <span id="pswdMSG" class="pswdMSG"></span></label>
          </div>
        </div>
        <div class="row">
          <div class="large-6 small-6 columns text-center large-centered small-centered">
            <input type="password" name="PW2" id="PW2" placeholder="********" onkeyup="checkPass(); return false;" required>
          </div>
        </div>
        <div class="row">
          <div class="large-6 small-6 columns text-center large-centered small-centered">
            The dreaded (and required) CAPTCHA
          </div>
        </div>
        <br>
        <div class="row">
          <div class="large-6 small-6 columns text-center large-centered small-centered">
            <div class="g-recaptcha" data-sitekey="<?php echo $siteKey; ?>" data-theme="dark" style="display:inline-block;"></div>
            <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?hl=<?php echo $lang; ?>">
          </script>
          </div>
        </div>
        <br>
        <div class="row">
          <div class="large-6 small-6 columns text-center large-centered small-centered">
            <button type="submit" class="button form success">Submit</button>
          </div>
        </div>
      </form>
    </section>
    <footer>
<?php
  include($footer);
?>
    </footer>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="https://www.team5926.org/js/vendor/what-input.js" ></script>
    <script src="https://www.team5926.org/js/vendor/foundation.min.js"></script>
    <script src="https://www.team5926.org/js/app.js"></script>
    <script type="text/javascript" src="/js/reg-stuff.js"></script>
  </body>
</html>
<?php
}
else {
  header('Location: /main/');
}
?>
