{% extends 'layouts/app.html' %}
{% import 'macros/form.html' as f with context %}

{% block title %}Contact us with your feedback or issues{% endblock %}
{% block meta_description %}Contact our customer service department with any
questions or concerns.{% endblock %}

{% block body %}
  <div class="container">
    <div class="row">
      <div class="col-md-8 offset-md-2 card bg-light">
        {% call f.form_tag('contact.index') %}
          <h2 class="mt-2 mb-4">Have a question?</h2>

          {% call f.form_group(form.email, placeholder='E-mail address') %}
          {% endcall %}

          {% call f.form_group(form.message,
                               placeholder='The more we know, the easier it will be to help you',
                               rows='12') %}
          {% endcall %}

          <button type="submit" class="btn btn-primary mb-3">
            Send e-mail
          </button>
        {% endcall %}
      </div>
    </div>
  </div>
{% endblock %}
