<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">

  <body>

    <div class="header container text-center" th:fragment="header(showLang)">
      <div class="col-11" aria-controls="menu">
        <div class="row justify-content-between align-items-end">
          <div class="col-lg-4">
            <a href="https://www.bmi.gv.at/" target="_blank" title="Home">
              <img class="toplogo img-responsive"
                   src="../webcontent/img/BMI.png" alt="Logo BMI"
                   th:src="@{/static/img/BMI.png}" th:attr="alt=#{gui.countryselection.logo.bmi.alt}">
            </a>
          </div>
          <div class="col-md-auto">
          </div>
          <div class="col-lg-4">
            <ul class="nav_oben" role="menu">
              <li th:unless="${#bools.isFalse(showLang)}" class="nav-item">
                <a th:href="@{|${submitEndpoint}?lang=de|(pendingid=${pendingid})}" th:text="#{gui.general.language.selection.de}" role="menuitem">Spache1</a>
              </li>
              <li th:unless="${#bools.isFalse(showLang)}" class="nav-item">
                <a th:href="@{|${submitEndpoint}?lang=en|(pendingid=${pendingid})}" th:text="#{gui.general.language.selection.en}" role="menuitem">Spache2</a>
              </li>
              <li class="nav-item">
                <a href="https://www.bmi.gv.at/" target="_blank" th:text="#{gui.countryselection.link.bmi}" role="menuitem" > Startseite BMI </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>

    <div class="text col-11" th:fragment="contentHeader">
      <h1 th:text="#{gui.countryselection.header2}" > Zentraler eIDAS Knoten der Republik Österreich </h1>
      <h2 th:text="#{gui.countryselection.header3}" > Betrieben durch das Bundesministerium für Inneres </h2>
    </div>

    <footer class="hidden-print" aria-label="Footer" th:fragment="footer">
      <div class="container-fluid hintergrund_rot mt-4">
        <div class="container impressum">
          <div class="col-lg-4 pt-2">
            <p>&copy; BUNDESMINISTERIUM FÜR INNERES</p>
          </div>
        </div>
      </div>
   </footer>

  </body>

</html>
