{% extends 'base.html' %}

{% block title %}Connexion · Back-office · Panafrican Journalism Award{% endblock %}

{% block content %}
<section class="section">
  <div class="container">
    <div class="panel" style="max-width:520px;margin:0 auto">
      <h2 style="margin-top:0">{{ t('Connexion back-office', 'Back office login') }}</h2>
      <p class="lead">{{ t("Réservé à l'administration et au jury.", 'Reserved for administrators and jury members.') }}</p>

      {% if error %}
        <div class="alert">{{ error }}</div>
      {% endif %}

      <form class="form" method="post" action="{{ url_for('web.backoffice_login') }}">
        <div class="field">
          <label for="email">{{ t('Email', 'Email') }}</label>
          <input id="email" name="email" type="email" required />
        </div>
        <div class="field">
          <label for="password">{{ t('Mot de passe', 'Password') }}</label>
          <input id="password" name="password" type="password" required />
        </div>
        <div>
          <button class="btn btn-primary" type="submit">{{ t('Se connecter', 'Sign in') }}</button>
        </div>
      </form>

      <div class="meta" style="margin-top:14px">
        <a href="{{ url_for('web.home') }}">{{ t('Retour au site', 'Back to the website') }}</a>
      </div>
    </div>
  </div>
</section>
{% endblock %}