---
layout: default
---

<article class="page">
  {% if page.title and page.show_title != false and page.layout != "landingpage"  %}
  <header>
    <h1 class="title indent">
      {% if site.titlecase %}{{ page.title | titlecase }}{% else %}{{ page.title
      }}{% endif %}
    </h1>
  </header>
  {% if page.collection == "integrations" %}
    {% assign active_alert = "" %}
    {% for alert in site.data.alerts_data %}
      {% for integration in alert.integrations %}
        {% if integration.package == page.ha_domain %}
          {% assign active_alert = alert.alert_url %}
        {% endif %}
      {% endfor %}
    {% endfor %}
    {% if active_alert != "" %}
      <div class="integration-alert-container">
        <a class="integration-alert" href="{{active_alert}}" target="_blank">
          <svg preserveAspectRatio="xMidYMid meet" focusable="false" role="img" aria-hidden="true" viewBox="0 0 24 24" color="currentColor">
            <g><path d="M12,2L1,21H23M12,6L19.53,19H4.47M11,10V14H13V10M11,16V18H13V16"></path></g>
          </svg>
          <div class="content">There is an active alert for this integration!</div>
          <div class="learn-more">LEARN MORE</div>
        </a>
      </div>
    {% endif %}
  {% endif %}
  <hr class="divider" />
  {% endif %}
  {{ content }}

  {% include feedback.html %}
</article>