{% set newsletter = config.theme.infolettre.titre|length %}
{% set social = (config.theme.infolettre.rss or config.theme.infolettre.reseaux_sociaux|length > 0) %}
{% if newsletter or social %}
<div class="fr-follow" id="follow">
  <div class="fr-container">
    <div class="fr-grid-row">
    {% if newsletter %}
      <div class="fr-col-12 {% if social %}fr-col-md-8{% endif %}">
        <div class="fr-follow__newsletter">
          <div>
            <h2 class="fr-h5">{{ config.theme.infolettre.titre }}</h2>
            {% if config.theme.infolettre.description is defined %}
            <p class="fr-text--sm">{{ config.theme.infolettre.description }}</p>
            {% endif %}
          </div>
          <div>
            <ul class="fr-btns-group fr-btns-group--inline-md">
              <li>
                <a href="{{ config.theme.infolettre.bouton_url }}" id="newsletter-button" class="fr-btn">{{ config.theme.infolettre.bouton }}</a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    {% endif %}
    {% if social %}
      <div class="fr-col-12 {% if newsletter %}fr-col-md-4{% endif %}">
        <div class="fr-follow__social">
          <h2 class="fr-h5">{{ config.theme.infolettre.reseaux_sociaux_titre }} </h2>
          <ul class="fr-btns-group">
              {% if config.theme.infolettre.rss %}
              <li>
                <a title="RSS nouveau contenu" id="rss-new" href="{{ 'feed_rss_created.xml' | url }}" target="_blank" rel="noopener external" class="fr-icon-rss-fill fr-btn">RSS nouveau contenu</a>
              </li>
              <li>
                <a title="RSS mises à jour" id="rss-update" href="{{ 'feed_rss_updated.xml' | url }}" target="_blank" rel="noopener external" class="fr-icon-rss-line fr-btn">RSS mises à jour</a>
              </li>
              {% endif %}
              {% for reseau in config.theme.infolettre.reseaux_sociaux %}
                <li>
                    <a title="Suivez-nous sur {{ reseau.nom }}" id="rs-{{ reseau.nom }}" href="{{ reseau.url }}" target="_blank" rel="noopener external" class="fr-btn--{{ reseau.nom }} fr-btn">{{ reseau.nom }}</a>
                </li>
              {% endfor %}
          </ul>
        </div>
      </div>
    {% endif %}
    </div>
  </div>
</div>
{% endif %}