<turbo-stream action="update" target="turbo_modal"><template>
  <div class="c--modal modal fade"
    id="language_selector_modal_modal"
    tabindex="-1"
    role="dialog"
    data-controller="modal"
    data-backdrop="true"
    data-keyboard="true"
    data-modal-show-value="true"
    data-modal-scroll-to-anchor-value=""
    data-modal-display-delay-value="0"
>
  <div class="modal-dialog  " role="document">
    <div class="modal-content " data-controller="">
      

        <button type="button" class="btn btn-sm btn-outline-primary c--body-close-btn" data-dismiss="modal" aria-label="Close">
          <i class="fas fa-times m-0 p-0"></i>
        </button>

        <div class="modal-header d-flex align-items-center justify-content-center ">
            <h5 class="modal-title text-center ">
              Sélectionnez une langue
            </h5>
        </div>

      <div class="modal-body " id="language_selector_modal_modal_body">
              <div class="locale-grid">
    <a class="btn action_card_button p-0 selected" href="/fr/language_selector/edit" data-turbo="false">
      <div class="d-flex align-items-start flex-column p-3">
        <div class="text-start mb-2">Français</div>
        <div class="text-muted">France</div>
      </div>
    </a>
    <a class="btn action_card_button p-0 " href="/da-dk/language_selector/edit" data-turbo="false">
      <div class="d-flex align-items-start flex-column p-3">
        <div class="text-start mb-2">Dansk</div>
        <div class="text-muted">Danmark</div>
      </div>
    </a>
    <a class="btn action_card_button p-0 " href="/de-de/language_selector/edit" data-turbo="false">
      <div class="d-flex align-items-start flex-column p-3">
        <div class="text-start mb-2">Deutsch</div>
        <div class="text-muted">Deutschland</div>
      </div>
    </a>
    <a class="btn action_card_button p-0 " href="/de-ch/language_selector/edit" data-turbo="false">
      <div class="d-flex align-items-start flex-column p-3">
        <div class="text-start mb-2">Deutsch</div>
        <div class="text-muted">Schweiz</div>
      </div>
    </a>
    <a class="btn action_card_button p-0 " href="/en-gb/language_selector/edit" data-turbo="false">
      <div class="d-flex align-items-start flex-column p-3">
        <div class="text-start mb-2">English</div>
        <div class="text-muted">UK</div>
      </div>
    </a>
    <a class="btn action_card_button p-0 " href="/es-es/language_selector/edit" data-turbo="false">
      <div class="d-flex align-items-start flex-column p-3">
        <div class="text-start mb-2">Español</div>
        <div class="text-muted">España</div>
      </div>
    </a>
    <a class="btn action_card_button p-0 " href="/fr-be/language_selector/edit" data-turbo="false">
      <div class="d-flex align-items-start flex-column p-3">
        <div class="text-start mb-2">Français</div>
        <div class="text-muted">Belgique</div>
      </div>
    </a>
    <a class="btn action_card_button p-0 " href="/fr-ch/language_selector/edit" data-turbo="false">
      <div class="d-flex align-items-start flex-column p-3">
        <div class="text-start mb-2">Français</div>
        <div class="text-muted">Suisse</div>
      </div>
    </a>
    <a class="btn action_card_button p-0 " href="/it-it/language_selector/edit" data-turbo="false">
      <div class="d-flex align-items-start flex-column p-3">
        <div class="text-start mb-2">Italiano</div>
        <div class="text-muted">Italia</div>
      </div>
    </a>
    <a class="btn action_card_button p-0 " href="/nl-be/language_selector/edit" data-turbo="false">
      <div class="d-flex align-items-start flex-column p-3">
        <div class="text-start mb-2">Nederlands</div>
        <div class="text-muted">België</div>
      </div>
    </a>
    <a class="btn action_card_button p-0 " href="/nl-nl/language_selector/edit" data-turbo="false">
      <div class="d-flex align-items-start flex-column p-3">
        <div class="text-start mb-2">Nederlands</div>
        <div class="text-muted">Nederland</div>
      </div>
    </a>
    <a class="btn action_card_button p-0 " href="/nb-no/language_selector/edit" data-turbo="false">
      <div class="d-flex align-items-start flex-column p-3">
        <div class="text-start mb-2">Norsk</div>
        <div class="text-muted">Norge</div>
      </div>
    </a>
    <a class="btn action_card_button p-0 " href="/pl-pl/language_selector/edit" data-turbo="false">
      <div class="d-flex align-items-start flex-column p-3">
        <div class="text-start mb-2">Polski</div>
        <div class="text-muted">Polska</div>
      </div>
    </a>
    <a class="btn action_card_button p-0 " href="/pt-pt/language_selector/edit" data-turbo="false">
      <div class="d-flex align-items-start flex-column p-3">
        <div class="text-start mb-2">Português</div>
        <div class="text-muted">Portugal</div>
      </div>
    </a>
    <a class="btn action_card_button p-0 " href="/fi-fi/language_selector/edit" data-turbo="false">
      <div class="d-flex align-items-start flex-column p-3">
        <div class="text-start mb-2">Suomi</div>
        <div class="text-muted">Suomi</div>
      </div>
    </a>
    <a class="btn action_card_button p-0 " href="/sv-se/language_selector/edit" data-turbo="false">
      <div class="d-flex align-items-start flex-column p-3">
        <div class="text-start mb-2">Svenska</div>
        <div class="text-muted">Sverige</div>
      </div>
    </a>
</div>


</div>
    </div>
  </div>
</div>
</template></turbo-stream>