{%extends sitebase.html%}
{%block head%}
<script type="text/javascript" src="{% raw qiita_config.portal_dir %}/static/vendor/js/jquery.validate.min.js"></script>
<script type="text/javascript">
// http://www.9lessons.info/2012/04/bootstrap-registration-form-tutorial.html
$(document).ready(function() {
  // Popover
  $('#lost_pass input').hover(function() {
    $(this).popover('show')
  });

  // Validation
  $("#lost_pass").validate({
      rules:{ email:{ required:true, email:true } },
      messages: { email:"Enter valid email address" }
    },

    errorClass: "help-inline",
    errorElement: "span",
    highlight:function(element, errorClass, validClass) {
      $(element).parents('.control-group').addClass('error');
    },
    unhighlight: function(element, errorClass, validClass) {
      $(element).parents('.control-group').removeClass('error');
      $(element).parents('.control-group').addClass('success');
    }
  });
});
</script>
{%end%}

{%block content%}
<div style='width: 50%;'>
<h1>Lost Password</h1>
<h3>Enter email for account</h3>
<form class="form-horizontal" role="form" action="{% raw qiita_config.portal_dir %}/auth/forgot/" method="post" id="lost_pass" name="lost_pass">
<div class="form-group">
    <label for="email" class="col-sm-2 control-label">Email</label>
    <div class="col-sm-10">
      <input type="email" class="form-control" id="email" name="email" placeholder="Email">
    </div>
  </div>
 <button class="btn btn-danger">Reset Password</button>
</form>
{%end%}