{% 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>

      {% if created %}

      <p>Your account has been created and an Email confirming your 

      password has been sent to you.<a href="/login">Click Here</a> to login.</p>

      {% else %}

        <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">ConfirmPassword</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"/>

      {% endif %} 

    </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 %}