{{ template "header.html" . }}

    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 48" class="logo">
      <text x="50%" y="50%" dominant-baseline="central" text-anchor="middle"
            font-family="Poppins, sans-serif" font-weight="700" font-size="18" fill="#243887">
        Mobicoop Solidaire
      </text>
    </svg>

    <h2>Connexion</h2>

    {{ if .Invalid }}
    <div class="error-box">
      Identifiant ou mot de passe incorrect.
    </div>
    {{ end }}

    <form method="POST" action="{{ .PostURL }}">
      <div class="form-group">
        <label for="login">{{ .UsernamePrompt }}</label>
        <input tabindex="1" required id="login" name="login" type="email"
               placeholder="email@exemple.fr"
               {{ if .Username }}value="{{ .Username }}"{{ else }}autofocus{{ end }}>
      </div>

      <div class="form-group">
        <label for="password">Mot de passe</label>
        <input tabindex="2" required id="password" name="password" type="password"
               placeholder="mot de passe" {{ if .Invalid }}autofocus{{ end }}>
      </div>

      <button tabindex="3" type="submit" class="btn-primary">Se connecter</button>
    </form>

    {{ if .BackLink }}
    <div class="back-link">
      <a href="{{ .BackLink }}">Choisir une autre methode de connexion</a>
    </div>
    {{ end }}

{{ template "footer.html" . }}