<div id="page">
<h1>{{ page.title }}</h1>
{{ page.content }}

{% form 'contact' %}

{% if form.posted_successfully? %}
<div class="successForm feedback">
  <p>Thanks for contacting us! We'll get back to you as soon as possible.</p>
</div>
{% endif %}

{% if form.errors %}
<div class="errorForm feedback">
  <!-- {{ form.errors.size }} or {{ form.errors | size }} -->
  <p>Oops, sorry. We were unable to submit your inquiry because it contained {{ form.errors | size | pluralize: 'an error', 'a few errors' }}. Please correct the following and submit again:</p>
  {% for field in form.errors %}
    <p>The {{ field | capitalize | replace: 'Body', 'Message' }} field {{ form.errors.messages[field] }}.</p>
  {% endfor %}
</div>
{% endif %}
 
<div id="contactFormWrapper">
  <p>
    <label>Your Name:</label>
    <input type="text" id="contactFormName" name="contact[name]" placeholder="Name" />
  </p>
  <p>
    <label>Email:</label>
    <input type="text" id="contactFormEmail" name="contact[email]" placeholder="Email" />
  </p>
  <p>
    <label>Phone Number:</label>
    <input type="text" id="contactFormTelephone" name="contact[phone]" placeholder="Contact Number" />
  </p> 
  <p>
    <label>Message:</label>
    <textarea rows="15" cols="75" id="contactFormMessage" name="contact[body]" placeholder="Your Message"></textarea>
  </p>
  <p>
    <input type="submit" id="contactFormSubmit" value="SEND" />
  </p>            
</div><!-- contactWrapper -->

{% endform %}

</div>
