{% assign section_data = section | default: section_controls.cta %}
{% assign contact_form = assigned_form | default: forms.contact %}
{% if contact_form.id > 0 or request.path contains 'contact' %}
  <section class="section atlas-contact-section" data-reveal>
    <div class="shell contact-layout atlas-contact-layout">
      <div class="content-card contact-panel">
        {% assign contact_heading = contact.left_heading
          | default: contact.title
          | default: section_data.title
          | default: page.title
        %}
        {% assign contact_subheading = contact.left_subheading
          | default: contact.subtitle
          | default: section_data.subtitle
          | default: page.subheading
        %}
        <span class="eyebrow">Contact</span>
        {% if contact_heading != blank %}
          <h2>{{ contact_heading }}</h2>
        {% endif %}
        {% if contact_subheading != blank %}
          <p>{{ contact_subheading }}</p>
        {% endif %}
        {% if page.has_split_form_only == true and page.content != blank %}
          <div class="rich-content">{{ page.content | raw }}</div>
        {% endif %}
        <div class="contact-points">
          {% if contact.phone1 != blank %}
            <a href="tel:{{ contact.phone1 | escape }}" class="contact-point">
              <strong>Phone</strong>
              <span>{{ contact.phone1 }}</span>
            </a>
          {% endif %}
          {% if contact.phone2 != blank %}
            <a href="tel:{{ contact.phone2 | escape }}" class="contact-point">
              <strong>Phone</strong>
              <span>{{ contact.phone2 }}</span>
            </a>
          {% endif %}
          {% if contact.email1 != blank %}
            <a href="mailto:{{ contact.email1 | escape }}" class="contact-point">
              <strong>Email</strong>
              <span>{{ contact.email1 }}</span>
            </a>
          {% endif %}
          {% if contact.email2 != blank %}
            <a href="mailto:{{ contact.email2 | escape }}" class="contact-point">
              <strong>Email</strong>
              <span>{{ contact.email2 }}</span>
            </a>
          {% endif %}
          {% if contact.address != blank %}
            <div class="contact-point">
              <strong>Address</strong>
              <span>{{ contact.address }}</span>
            </div>
          {% endif %}
          {% if contact.map_url != blank %}
            <a href="{{ contact.map_url | escape }}" class="contact-point" target="_blank" rel="noopener noreferrer">
              <strong>Location</strong>
              <span>View on map</span>
            </a>
          {% endif %}
          {% if contact.hours != blank %}
            <div class="contact-point">
              <strong>Hours</strong>
              <span>{{ contact.hours }}</span>
            </div>
          {% endif %}
        </div>
        {% if social.links and social.links.size > 0 %}
          <div class="topbar-social contact-social-links">
            {% for link in social.links %}
              <a href="{{ link.url }}" target="_blank" rel="noopener" aria-label="{{ link.label }}">
                <i class="{{ link.icon }}"></i>
              </a>
            {% endfor %}
          </div>
        {% endif %}
      </div>

      {% if contact_form.id > 0 %}
        <div class="content-card contact-form-placeholder atlas-contact-form-card">
          <span class="eyebrow">Send a message</span>
          <h3>
            {{ contact.right_heading | default: contact.form_title | default: contact_form.heading | default: contact_form.name }}
          </h3>
          {% if contact.right_subheading != blank or contact.form_subtitle != blank %}
            <p>{{ contact.right_subheading | default: contact.form_subtitle }}</p>
          {% endif %}
          {% if contact_form.error_message != blank %}
            <div class="conversion-alert conversion-alert-error" role="alert">
              {{ contact_form.error_message }}
            </div>
          {% endif %}
          <form
            method="post"
            action="{{ contact_form.submit_url }}"
            class="conversion-form-grid"
            enctype="multipart/form-data"
          >
            {{ forms.antiforgery_field | raw }}
            <input type="hidden" name="formId" value="{{ contact_form.id }}" />
            <input type="hidden" name="pageName" value="{{ page.title | default: request.path }}" />
            {% for field in contact_form.fields %}
              <div class="conversion-field atlas-contact-field">
                <div class="atlas-contact-field-label">
                  {{ field.label }}
                  {% if field.required %}
                    <span aria-hidden="true">*</span>
                  {% endif %}
                </div>
                {{ field.input_html | raw }}
              </div>
            {% endfor %}
            {% if contact_form.captcha_enabled == true %}
              {{ contact_form.captcha_html | raw }}
            {% endif %}
            <div class="conversion-form-actions">
              <button type="submit" class="btn btn-primary">
                {{ contact_form.cta_text | default: 'Send message' }}
              </button>
            </div>
          </form>
        </div>
      {% endif %}
    </div>
  </section>
  {% if contact_form.captcha_enabled == true %}
    <script src="https://www.google.com/recaptcha/api.js" async defer></script>
  {% endif %}
{% endif %}