Organizr/api/pages/login.php

<?php
$pageLogin = '
<script>
</script>
<section id="wrapper" class="login-register">
  <div class="login-box login-sidebar animated slideInRight">
    <div class="white-box">
      <form class="form-horizontal" id="loginform" onsubmit="return false;">
        <a href="javascript:void(0)" class="text-center db visible-xs" id="login-logo">' . logoOrText() . '</a>
        <div id="oAuth-div" class="form-group hidden">
          <div class="col-xs-12">
            <div class="panel panel-success animated tada">
                <div class="panel-heading"> oAuth
                    <div class="pull-right"><a href="#" data-perform="panel-collapse"><i class="ti-minus"></i></a> <a href="#" data-perform="panel-dismiss"><i class="ti-close"></i></a> </div>
                </div>
                <div class="panel-wrapper collapse in" aria-expanded="true">
                    <div class="panel-body">
	                   oAuth Was Successful - Please wait...
                    </div>
                </div>
            </div>
          </div>
        </div>
		<div id="tfa-div" class="form-group hidden">
          <div class="col-xs-12">
            <div class="panel panel-warning animated tada">
                <div class="panel-heading"> 2FA
                    <div class="pull-right"><a href="#" data-perform="panel-collapse"><i class="ti-minus"></i></a> <a href="#" data-perform="panel-dismiss"><i class="ti-close"></i></a> </div>
                </div>
                <div class="panel-wrapper collapse in" aria-expanded="true">
                    <div class="panel-body">
	                    <div class="input-group" style="width: 100%;">
	                        <div class="input-group-addon hidden-xs"><i class="ti-lock"></i></div>
	                        <input type="text" class="form-control tfa-input" name="tfaCode" placeholder="Code" autocomplete="off" autocorrect="off" autocapitalize="off" maxlength="6" spellcheck="false" autofocus="">
	                    </div>
                    </div>
                </div>
            </div>
          </div>
        </div>
        <div class="form-group m-t-40">
          <div class="col-xs-12">
            <input id="login-username-Input" class="form-control" name="username" type="text" required="" placeholder="Username" autofocus>
          </div>
        </div>
        <div class="form-group">
          <div class="col-xs-12">
            <input id="login-password-Input" class="form-control" name="password" type="password" required="" placeholder="Password" lang="en">
          </div>
        </div>
        <div class="form-group">
          <div class="col-md-12">
            <div class="checkbox checkbox-primary pull-left p-t-0 remember-me">
              <input id="checkbox-login" name="remember" type="checkbox" checked>
              <label for="checkbox-login" lang="en">Remember Me</label>
            </div>
        	</div>
        </div>
        <div class="form-group text-center m-t-20">
          <div class="col-xs-12">
            <button class="btn btn-info btn-lg btn-block text-uppercase waves-effect waves-light login-button" type="submit" lang="en">Login</button>
          </div>
        </div>
		' . showoAuth() . '
        <div class="form-group m-b-0">
          <div class="col-sm-12 text-center">
          	<input id="oAuth-Input" class="form-control" name="oAuth" type="hidden">
            <input id="oAuthType-Input" class="form-control" name="oAuthType" type="hidden">
            ' . showLogin() . '
          </div>
        </div>
      </form>
      <form class="form-horizontal form-material hidden" id="registerForm" onsubmit="return false;">
        <div class="form-group m-t-40">
          <div class="col-xs-12">
            <input class="form-control" type="text" name="registrationPassword" required="" placeholder="Registration Password" lang="en" autofocus>
          </div>
        </div>
        <div class="form-group">
          <div class="col-xs-12">
            <input class="form-control" name="username" type="text" required="" placeholder="Username" lang="en">
          </div>
        </div>
        <div class="form-group">
          <div class="col-xs-12">
            <input class="form-control" name="email" type="text" required="" placeholder="Email" lang="en">
          </div>
        </div>
        <div class="form-group">
          <div class="col-xs-12">
            <input class="form-control" name="password" type="password" required="" placeholder="Password" lang="en">
          </div>
        </div>
        <div class="form-group text-center m-t-20">
          <div class="col-xs-12">
            <button class="btn btn-info btn-lg btn-block text-uppercase waves-effect waves-light register-button" type="submit" lang="en">Register</button>
          </div>
        </div>
        <div class="form-group text-center m-t-20">
          <div class="col-xs-12">
            <button id="leave-registration" class="btn btn-primary btn-lg btn-block text-uppercase waves-effect waves-light" type="button" lang="en">Go Back</button>
          </div>
        </div>
      </form>
      <form class="form-horizontal" id="recoverform" onsubmit="return false;">
        <div class="form-group ">
          <div class="col-xs-12">
            <h3 lang="en">Recover Password</h3>
            <p class="text-muted" lang="en">Enter your Email and instructions will be sent to you!</p>
          </div>
        </div>
        <div class="form-group ">
          <div class="col-xs-12">
            <input id="recover-input" class="form-control" name="email" type="text" placeholder="Email" lang="en" required>
          </div>
        </div>
        <div class="form-group text-center m-t-20">
          <div class="col-xs-12">
            <button class="btn btn-primary btn-lg btn-block text-uppercase waves-effect waves-light reset-button" type="submit" lang="en">Reset</button>
          </div>
        </div>
        <div class="form-group text-center m-t-20">
          <div class="col-xs-12">
            <button id="leave-recover" class="btn btn-primary btn-lg btn-block text-uppercase waves-effect waves-light" type="button" lang="en">Go Back</button>
          </div>
        </div>
      </form>
    </div>
  </div>
</section>
';