{% load i18n %}
<div class="village-connect-group">
  <button class="village-connect{% if self.plus %} village-connect--plus{% endif %}"
          id="{{ self.id }}">
    <span class="village-connect__login">{% translate "Login with" %}</span>
    <span class="village-connect__brand">FranceConnect</span>
  </button>
  <p>
    {% translate "Opens a new window" as new_window_label %}
    {% translate "What is FranceConnect+?" as what_is_franceconnect_plus %}
    {% translate "What is FranceConnect?" as what_is_franceconnect %}
    {% if self.plus %}
      <a href="https://franceconnect.gouv.fr/france-connect-plus"
         target="_blank"
         rel="noopener"
         title="{{ what_is_franceconnect_plus }} - {{ new_window_label }}">{{ what_is_franceconnect_plus }}</a>
    {% else %}
      <a href="https://franceconnect.gouv.fr/"
         target="_blank"
         rel="noopener"
         title="{{ what_is_franceconnect }} - {{ new_window_label }}">{{ what_is_franceconnect }}</a>
    {% endif %}
  </p>
</div>
