{% if settings.breadcrum %}
  <div class="breadcrumb_wrap breadcrumb_wrap_page">
    <div class="grid flexGrid gridAlignLeft prod_breadcrumbs">

          {% include 'breadcrumbs_new' %}

    </div>
  </div>
  {% endif %}
<div id="contactUs" class="sectionWrap halfGutter collectionTitle">
  <div class="page-header">
    <h1 class="top-heading-wrap">
      {% if settings.contact_page_title != "" %}
      {{ settings.contact_page_title }}
      {% else %}
      {{ page.title }}
      {% endif %}
    </h1>
    
    
  </div>
  <div class="grid flexGrid gridAlignTop centerColumns">
    
    {% if settings.help_text_contact != "" %}
      <div class="help-text-contact">{{ settings.help_text_contact }}</div>
     {% endif %}
    <div class="{% if settings.enable_contact_right_column %}twoThird{%else%}full{%endif%} flexItem ieFlexFix">
      
      {%if settings.google_map_iframe != blank%}
        <div class="mapWrap">
          {{settings.google_map_iframe}}
        </div>
      {%endif%}
      {% section 'faq-page-contact' %}
      <p>{{page.content}}</p>
      {% if settings.display_contact_form %}
      	<div class="formWrap contactForm">
          {% form 'contact' %}
            {% if form.posted_successfully? %}
              <p class="note success">
                {{ 'contact.form.post_success' | t }}
              </p>
            {% endif %}
            {{ form.errors | default_errors }}
            <label>{{ 'contact.form.name' | t }}</label>
            <input type="text" value="" id="contactFormName" name="contact[name]" size="30"  placeholder="{{ 'contact.form.name' | t }}" required/>
            <label>{{ 'contact.form.email' | t }}</label>
            <input type="email" value="" id="contactFormEmail" name="contact[email]" size="30" placeholder="{{ 'contact.form.email' | t }}" required/>
            <label>{{ 'contact.form.message' | t }}</label>
            <textarea rows="5" placeholder="{{ 'contact.form.message' | t }}" id="contactFormMessage" name="contact[body]" required></textarea>
          	 {% if settings.contact_terms_enable %}
      			<div class="rgpdc_wrapper">
                  <input type="checkbox" id="rgpdContactAgree" />
                  <label for="rgpdContactAgree">
                    {{ settings.contact_terms_text }}
                    <a href="#" data-getPopout="#ContactTermsPopup" class="hasPop contact_terms_popup_trigger">
                        {{ settings.contact_terms_link_text }}
                    </a>
                  </label>
                  <div class="rgpdc_error rgpd_error2" style="display:none;">
                      {{ settings.contact_terms_warning }}
                  </div>
      			</div>
			{% endif %}
            <input class="button contact_submit" id="contact_submitid" type="submit" value="{{ settings.contact_form_submit_text }}" />
          {% endform %}
        </div>
      {%endif%}
      
    </div>
    {% if settings.enable_contact_right_column %}
    <div class="oneThird flexItem ieFlexFix">
      <div class="mt-20"></div>
      {%if settings.contact_right_heading != blank%}
      <div class="inner-header">
            <h3>{{ settings.contact_right_heading }}</h3>
      </div>
      {% endif %}
      <div class="contact-box">
        {%if settings.contact_right_heading != blank%}
        <div><strong>{{ settings.contact_availability_text }}</strong></div>
        {% endif %}
        {% if settings.contact_availability != "" %}
        <span class="contact_open_time">{{ settings.contact_availability }}</span>
        {% endif %}
        {% if settings.contact_phone_1 != "" %}<p class="bold-text"><i class="fa fa-phone"></i> {{ settings.contact_phone_1 }}</p>{% endif %}
        {% if settings.contact_phone_2 != "" %}<p class="bold-text"><i class="fa fa-phone"></i> {{ settings.contact_phone_2 }}</p>{% endif %}
        {% if settings.contact_phone_3 != "" %}<p class="bold-text"><i class="fa fa-phone"></i> {{ settings.contact_phone_3 }}</p>{% endif %}
        {% if settings.contact_email != "" %}
        <p class="bold-text"><i class="fa fa-envelope"></i> <a href="mailto:{{ settings.contact_email }}">{{ settings.contact_email }}</a></p>
        {% endif %}
        {% if settings.physical_mailing_address != "" %}	
        <p class="address-contact">{% if settings.physical_mailing_address_lable != "" %} {{ settings.physical_mailing_address_lable }} {% else %}{{ 'contact.form.mailing_address' | t }}{% endif %}</p>
        <p>{{ settings.physical_mailing_address }}</p>
        {% endif %}
        <div>{{ settings.contact_us_footer_more_html }}</div>
      </div>
      {% if settings.display_faqs_link %}
      	<a href="{{ pages[settings.faq_page].url }}" class="faq_link">{{ settings.display_faqs_text }}</a>
      {% endif %}
      <div>{{ settings.contact_us_footer_html }}</div>
    </div>
    {%endif%}
  </div>
</div>