{% extends "base.html.j2" %}

{% block page_content %}
<div class="col s12 m6">
  <div class="card medium">
    <div class="card-image">
      <img src="{{ url_for('static', filename='images/favicon.png') }}" alt="">
      <span class="card-title grey-text text-darken-4">Welcome to Opaque!</span>
    </div>
    <div class="card-content">
      <p>Sign in into an exisiting account or register a new one!</p>
      <br/>
    <div class="card-action">
      <a class="btn" href="{{url_for('auth.register')}}">Register</a>
    </div>
    </div>
  </div>
</div>

<div class="col s12 m6">
  <div class="card medium">
    <div class="card-content">
      <span class="card-title">Log In</span>
      <form>
        <div class="input-field">
          <input id="username" type="text" class="validate">
          <label for="username">Username</label>
        </div>
        <div class="input-field">
          <input id="password" type="password" class="validate">
          <label for="password">Password</label>
        </div>
        <a href="#!">Forgot Password?</a>
        <br><br>
        <div class="card-action">
          <input class="btn right" type="submit" value="Log In" data-_extension-text-contrast="">
        </div>
      </form>
    </div>
  </div>
</div>
{% endblock %}