{% extends 'base.html' %}

{% set lang = get_locale().split('_')[0] %}
{% set T_CONTACT = {
  'fr': {
    'page_title': 'Contact',
    'title': 'Contact',
    'lead': 'Une question, un partenariat, une demande d’information ? Écris-nous.',
    'success': 'Message envoyé. Merci, nous te répondrons dès que possible.',
    'full_name': 'Nom complet',
    'email': 'Email',
    'message': 'Message',
    'send': 'Envoyer'
  },
  'en': {
    'page_title': 'Contact',
    'title': 'Contact',
    'lead': 'A question, a partnership, or an information request? Write to us.',
    'success': 'Message sent. Thank you, we will reply as soon as possible.',
    'full_name': 'Full name',
    'email': 'Email',
    'message': 'Message',
    'send': 'Send'
  },
  'pt': {
    'page_title': 'Contato',
    'title': 'Contato',
    'lead': 'Uma pergunta, uma parceria ou um pedido de informação? Fale conosco.',
    'success': 'Mensagem enviada. Obrigado, responderemos o mais breve possível.',
    'full_name': 'Nome completo',
    'email': 'Email',
    'message': 'Mensagem',
    'send': 'Enviar'
  },
  'ar': {
    'page_title': 'اتصل بنا',
    'title': 'اتصل بنا',
    'lead': 'هل لديك سؤال أو شراكة أو طلب معلومات؟ اكتب إلينا.',
    'success': 'تم إرسال الرسالة. شكرًا لك، سنرد في أقرب وقت ممكن.',
    'full_name': 'الاسم الكامل',
    'email': 'البريد الإلكتروني',
    'message': 'الرسالة',
    'send': 'إرسال'
  }
}[lang if lang in ['fr','en','pt','ar'] else 'en'] %}

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

{% block content %}
<section class="section">
  <div class="container">
    <div class="panel">
      <h2>{{ T_CONTACT.title }}</h2>
      <p class="lead">{{ T_CONTACT.lead }}</p>

      {% if success %}
        <div class="alert">{{ T_CONTACT.success }}</div>
      {% endif %}

      <form class="form" method="post" action="{{ url_for('web.contact') }}">
        <div class="field">
          <label for="fullname">{{ T_CONTACT.full_name }}</label>
          <input id="fullname" name="fullname" required />
        </div>
        <div class="field">
          <label for="email">{{ T_CONTACT.email }}</label>
          <input id="email" name="email" type="email" required />
        </div>
        <div class="field">
          <label for="message">{{ T_CONTACT.message }}</label>
          <textarea id="message" name="message" required></textarea>
        </div>
        <div>
          <button class="btn btn-primary" type="submit">{{ T_CONTACT.send }}</button>
        </div>
      </form>
    </div>
  </div>
</section>
{% endblock %}