{% extends "common.html" %}
{% block title %}Sign in · Flowers{% endblock %}
{% block menuoptions %}
  <a class="text-link" href="{{ url_for('flower_vase.create') }}">Create a vault</a>
{% endblock %}
{% block content %}
<section class="auth-layout">
  <div class="intro">
    <p class="eyebrow">Private vault</p>
    <h1>Your credentials</h1>
    <p>Sign in to open your encrypted records.</p>
  </div>
  <form class="card form-card" action="{{ url_for('flower_vase.application') }}" method="post">
    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
    <input type="hidden" name="action" value="login">
    <h2>Sign in</h2>
    <label for="name">Username</label>
    <input id="name" name="name" type="text" autocomplete="username" placeholder="{{ name_suggestion }}" required autofocus>
    <label for="password">Password</label>
    <input id="password" name="password" type="password" autocomplete="current-password" placeholder="{{ pwd_suggestion }}" required>
    <button class="button primary" type="submit">Open vault</button>
  </form>
</section>
{% endblock %}