{% extends "base.html" %}
{% block title %}Contact Us{% endblock %}

{% block content %}
<div class="container mt-4">
    <h1>Contact Us</h1>
    <form action="{{ url_for('contact') }}" method="POST">
        <div class="mb-3">
            <label for="email" class="form-label">Your Email</label>
            <input type="email" id="email" name="email" class="form-control" required>
        </div>

        <div class="mb-3">
            <label for="subject" class="form-label">Subject (optional)</label>
            <input type="text" id="subject" name="subject" class="form-control">
        </div>

        <div class="mb-3">
            <label for="message" class="form-label">Message</label>
            <textarea id="message" name="message" class="form-control" rows="5" required></textarea>
        </div>

        <button type="submit" class="btn btn-primary">Send Message</button>
    </form>
</div>
{% endblock %}
{% block footer %}
  {{ super() }}  <!-- Esto conserva el contenido original del footer definido en base.html -->
{% endblock %}
