{% extends "projrev/base.html" %}

{% block stylesheets %}
<link rel="stylesheet" href="/site-content/css/login.css" type="text/css"/>
<link type="text/css" rel="stylesheet" href="/site-content/css/colorbox.css" />
{% endblock stylesheets %}

{% block scripts %}
{{ block.super }}
{% if exits or password_err %}
<script type="text/javascript">
  $(document).ready(function () {
    $("#inline").colorbox({width:"50%", inline:true, open: true, href:"#message", title:"Error"});
  });
</script>
{% endif %}
{% endblock scripts %}

{% block body %}
  <form id="login-form" action="#" method="POST">
    <fieldset>
    
      <legend>Log in</legend>
      <label for="login">Email</label>
      <input type="text" id="login" name="username"/>
      <div class="clear"></div>
      
      <label for="password">Password</label>
      <input type="password" id="password" name="password"/>
      <div class="clear"></div>

      <label for="confirmpassword">Password</label>
      <input type="password" id="confirmpassword" name="confirmpassword"/>
      <div class="clear"></div>
      <br />
      <input type="submit" style="margin: -20px 0 0 287px;" class="button" name="Create" value="Create"/> 
    </fieldset>
  </form>
  <div class='hidden' style="display: none;">
    <p><a id="inline" href="#"></a></p>
    <div id='message' style='padding:10px; background:#fff;'>
      {% if exits %}
      The Email ID already exists. Please close this box and enter another ID.<br/>
      {% endif %}
      {% if password_err %}
      The passwords did not match. Please close the box and enter email ID and correct passwords again.<br/>
      {% endif %}
    </div>
  </div>
{% endblock body %}