<!-- CONTACT FORM -->
<div class="contact-section">
    <div class="container">

        <div class="row">
            <div class="col-md-6">
                {% form 'contact' %}
                {% if form.posted_successfully? %}
                  <p class="note form-success">
                    {{ 'contact.form.post_success' | t }}
                  </p>
                {% endif %}
                {{ form.errors | default_errors }}

                {% assign name_attr = 'contact.form.name' | t | handle %}

                    <div  class="row">
                        <div class="col-md-6">
                            <label for="ContactFormName" class="hidden-label">{{ 'contact.form.name' | t }}</label>
                            <input type="text" id="ContactFormName" class="form-control" name="contact[{{ name_attr }}]" autocapitalize="words" value="{% if form[name_attr] %}{{ form[name_attr] }}{% elsif customer %}{{ customer.name }}{% endif %}">
                        </div>
                        <div class="col-md-6">
                            <label for="ContactFormEmail" class="hidden-label">{{ 'contact.form.email' | t }}</label>
                            <input type="email" id="ContactFormEmail" class="form-control" name="contact[email]" autocorrect="off" autocapitalize="off" value="{% if form.email %}{{ form.email }}{% elsif customer %}{{ customer.email }}{% endif %}">
                        </div>
                    </div>

                    {% assign name_attr = 'contact.form.phone' | t | handle %}
                    <label for="ContactFormPhone" class="hidden-label">{{ 'contact.form.phone' | t }}</label>
                    <input type="tel" id="ContactFormPhone" class="form-control" name="contact[{{ name_attr }}]" pattern="[0-9\-]*" value="{% if form[name_attr] %}{{ form[name_attr] }}{% elsif customer %}{{ customer.phone }}{% endif %}">
                    <label for="ContactFormMessage" class="hidden-label">{{ 'contact.form.message' | t }}</label>
                    <textarea id="ContactFormMessage" class="form-control" name="contact[body]">{% if form.body %}{{ form.body }}{% endif %}</textarea>
                    <input type="submit" class="btn btn-default" value="{{ 'contact.form.send' | t }}">
                {% endform %}
            </div>
            <div class="col-md-4 col-md-offset-1">
                <div class="contact-info">
                    <h2>{{ settings.contact_content_title }}</h2>
                    <p>{{ settings.contact_content_desc }}</p>
                    <h3 class="moist-heading no-after">{{ settings.contact_content_info }}</h3>
                 </div>
            </div>
        </div><!-- END Row -->
    </div><!-- END Container -->
</div
<!-- END CONTACT FORM -->