{%extends "base.html"%}
{%block title%}Login{%endblock%}
{%block content%}
<div class="container" style="min-width: 1250px;">
  <h3>Sign in here.</h3>

  <form class="form-horizontal"
	{%if next_endpoint%}
	action="{{url_for('oauth2.user.login', next=next_endpoint)}}"
	{%else%}
	action="{{url_for('oauth2.user.login')}}"
	{%endif%}
	method="POST" id="oauth2-login-form">
    <fieldset>
      <legend>Sign in with Genenetwork</legend>
      {{flash_me()}}
      <div class="form-group">
	<label class="col-xs-1 control-label" for="email_address"
	       style="text-align:left;">Email</label>
	<div style="margin-left:20px;" class="col-xs-4">
	  <input id="email_address" name="email_address" type="email"
		 {%if email%}value="{{email}}"{%endif%}
		 placeholder="your@email.address" size="50"
		 class="form-control" />
	</div>
      </div>

      <div class="form-group">
	<label class="col-xs-1 control-label" for="password"
	       style="text-align:left;">Password</label>
	<div style="margin-left:20px;" class="col-xs-4">
	  <input id="password" name="password" type="password"
		 size="50" class="form-control"
		 placeholder="your password" />
	</div>
      </div>

      <div class="form-group">
	<div style="margin-left:20px;" class="col-xs-4 controls">
	  <input type="submit" class="btn btn-primary form-control" id="submit" name="submit"
		 value="Sign in" />
	</div>
      </div>
    </fieldset>
  </form>
</div>
{%endblock%}