{% extends 'base.html' %}

{% set lang = get_locale().split('_')[0] %}
{% set T_RESET = {
  'fr': {
    'page_title': 'Réinitialiser le mot de passe',
    'title': 'Réinitialiser le mot de passe',
    'success': 'Mot de passe mis à jour. Tu peux maintenant te connecter.',
    'backoffice_login': 'Connexion back-office',
    'new_password': 'Nouveau mot de passe',
    'confirm': 'Confirmer',
    'validate': 'Valider'
  },
  'en': {
    'page_title': 'Reset password',
    'title': 'Reset password',
    'success': 'Password updated. You can now sign in.',
    'backoffice_login': 'Back office sign in',
    'new_password': 'New password',
    'confirm': 'Confirm',
    'validate': 'Submit'
  },
  'pt': {
    'page_title': 'Redefinir senha',
    'title': 'Redefinir senha',
    'success': 'Senha atualizada. Você já pode entrar.',
    'backoffice_login': 'Entrar no back-office',
    'new_password': 'Nova senha',
    'confirm': 'Confirmar',
    'validate': 'Validar'
  },
  'ar': {
    'page_title': 'إعادة تعيين كلمة المرور',
    'title': 'إعادة تعيين كلمة المرور',
    'success': 'تم تحديث كلمة المرور. يمكنك الآن تسجيل الدخول.',
    'backoffice_login': 'تسجيل الدخول إلى لوحة الإدارة',
    'new_password': 'كلمة مرور جديدة',
    'confirm': 'تأكيد',
    'validate': 'تأكيد'
  }
}[lang if lang in ['fr','en','pt','ar'] else 'en'] %}

{% block title %}{{ T_RESET.page_title }} · Panafrican Journalism Award{% endblock %}

{% block content %}
<section class="section">
  <div class="container">
    <div class="panel" style="max-width:720px;margin:0 auto">
      <h2>{{ T_RESET.title }}</h2>

      {% if success %}
        <div class="alert">{{ T_RESET.success }}</div>
        <div style="margin-top:12px">
          <a class="btn btn-primary" href="{{ url_for('web.backoffice_login') }}">{{ T_RESET.backoffice_login }}</a>
        </div>
      {% else %}
        {% if error %}
          <div class="alert">{{ error }}</div>
        {% endif %}

        <form class="form" method="post" style="margin-top:12px">
          <div class="field">
            <label for="password">{{ T_RESET.new_password }}</label>
            <input id="password" name="password" type="password" required />
          </div>
          <div class="field">
            <label for="confirm">{{ T_RESET.confirm }}</label>
            <input id="confirm" name="confirm" type="password" required />
          </div>
          <div>
            <button class="btn btn-primary" type="submit">{{ T_RESET.validate }}</button>
          </div>
        </form>
      {% endif %}
    </div>
  </div>
</section>
{% endblock %}