{% extends 'base.html' %}

{% block title %}
{{ _('Contacto') }} - MarketBackTesting
{% endblock %}

{% block content %}
<div class="container py-5">
  <h1>{{ _('Contacto') }}</h1>
  <p>{{ _('¿Tienes alguna pregunta o quieres más información?') }}</p>

  <form method="POST" action="{{ url_for('contact') }}">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">

    <div class="mb-3">
      <label for="name" class="form-label">{{ _('Nombre') }}</label>
      <input type="text" class="form-control" id="name" name="name" required>
    </div>
    <div class="mb-3">
      <label for="email" class="form-label">{{ _('Correo electrónico') }}</label>
      <input type="email" class="form-control" id="email" name="email" required>
    </div>
    <div class="mb-3">
      <label for="message" class="form-label">{{ _('Mensaje') }}</label>
      <textarea class="form-control" id="message" name="message" rows="4" required></textarea>
    </div>
    <button type="submit" class="btn btn-primary">{{ _('Enviar') }}</button>
  </form>
</div>
{% endblock %}

{% block scripts %}
{{ super() }}
<script>
  document.addEventListener('DOMContentLoaded', () => {
    initThemeToggle();
  });
</script>
{% endblock %}