{% extends "base.html" %}
{% load widget_tweaks %}
{% block content %}
<h1 class="mm-section-title">Contact</h1>

<div class="row g-4">
  <div class="col-12 col-lg-6">
    <div class="mm-soft-card h-100">
      <h3 class="title">Send us a message</h3>
      {% if messages %}{% for m in messages %}<div class="alert alert-{{ m.tags }}">{{ m }}</div>{% endfor %}{% endif %}
      <form method="post" novalidate>
        {% csrf_token %}
        <div class="mb-3">
          <label class="form-label">Name</label>
          {% render_field form.name class="form-control" %}
        </div>
        <div class="mb-3">
          <label class="form-label">Email</label>
          {% render_field form.email class="form-control" %}
        </div>
        <div class="mb-3">
          <label class="form-label">Message</label>
          {% render_field form.message class="form-control" rows="4" %}
        </div>
        <button class="mm-btn px-4">Send</button>
      </form>
    </div>
  </div>

  <div class="col-12 col-lg-6">
    <div class="mm-soft-card h-100">
      <h3 class="title">Visit us</h3>
      <div class="text-muted small">
        {% if SITE.address %}{% for line in SITE.address %}{{ line }}<br>{% endfor %}{% endif %}
        {% if SITE.hours_text %}<div class="mt-2">Hours: {{ SITE.hours_text }}</div>{% endif %}
      </div>
    </div>
  </div>
</div>
{% endblock %}