{% extends 'base.html' %}

{% set lang = get_locale().split('_')[0] %}
{% set T_FAQ = {
  'fr': {
    'page_title': 'FAQ',
    'title': 'FAQ',
    'q1': 'Qui peut candidater ?',
    'a1': "Les journalistes africains, expérimentés ou émergents, selon les critères de la catégorie.",
    'q2': 'Quelles langues ?',
    'a2': "Le site est prévu multilingue (français, anglais, puis éventuellement arabe et portugais).",
    'q3': 'Comment soumettre ?',
    'a3': 'Via la page Candidature, en déposant les informations et documents demandés.'
  },
  'en': {
    'page_title': 'FAQ',
    'title': 'FAQ',
    'q1': 'Who can apply?',
    'a1': 'African journalists, experienced or emerging, depending on the category criteria.',
    'q2': 'Which languages?',
    'a2': 'The website is multilingual (French, English, and potentially Arabic and Portuguese).',
    'q3': 'How to submit?',
    'a3': 'Through the Application page, by providing the requested information and documents.'
  },
  'pt': {
    'page_title': 'FAQ',
    'title': 'FAQ',
    'q1': 'Quem pode candidatar-se?',
    'a1': 'Jornalistas africanos, experientes ou emergentes, conforme os critérios da categoria.',
    'q2': 'Quais idiomas?',
    'a2': 'O site é multilíngue (francês, inglês e, possivelmente, árabe e português).',
    'q3': 'Como enviar?',
    'a3': 'Pela página de candidatura, enviando as informações e documentos solicitados.'
  },
  'ar': {
    'page_title': 'الأسئلة الشائعة',
    'title': 'الأسئلة الشائعة',
    'q1': 'من يمكنه التقديم؟',
    'a1': 'الصحفيون الأفارقة، ذوو الخبرة أو الناشئون، بحسب معايير الفئة.',
    'q2': 'ما هي اللغات؟',
    'a2': 'الموقع متعدد اللغات (الفرنسية والإنجليزية وربما العربية والبرتغالية).',
    'q3': 'كيف يمكن التقديم؟',
    'a3': 'عبر صفحة التقديم، من خلال إدخال المعلومات والوثائق المطلوبة.'
  }
}[lang if lang in ['fr','en','pt','ar'] else 'en'] %}

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

{% block content %}
<section class="section">
  <div class="container">
    <div class="panel">
      <h2>{{ T_FAQ.title }}</h2>
      {% if items %}
        <div class="grid">
          {% for f in items %}
            <div class="card">
              <h3>{{ f.question }}</h3>
              <p style="white-space:pre-wrap">{{ f.answer }}</p>
            </div>
          {% endfor %}
        </div>
      {% else %}
        <div class="grid">
          <div class="card">
            <h3>{{ T_FAQ.q1 }}</h3>
            <p>{{ T_FAQ.a1 }}</p>
          </div>
          <div class="card">
            <h3>{{ T_FAQ.q2 }}</h3>
            <p>{{ T_FAQ.a2 }}</p>
          </div>
          <div class="card">
            <h3>{{ T_FAQ.q3 }}</h3>
            <p>{{ T_FAQ.a3 }}</p>
          </div>
        </div>
      {% endif %}
    </div>
  </div>
</section>
{% endblock %}