<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorator="fragments/base"
      th:with="lang=${#locale.language}" th:lang="${lang}">
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../webcontent/css/css_country.css" th:href="@{/static/css/css_country.css}"/>
    <title th:text="#{gui.otherlogin.title}">eIDAS-Login Other Login Methods</title>
    <style>
        .block {
            width: 100%;
        }
        button {
            padding: 0.5em;
            margin: 0.5em;
            width: 20em;
        }
    </style>
</head>
<body>
<div class="header container">
    <div class="titlebar">
        <div>
            <a href="https://www.bmi.gv.at/" target="_blank" title="Home">
                <img class="toplogo img-responsive" src="/static/BMI.png" alt="Logo BMI"
                     th:attr="alt=#{gui.countryselection.logo.bmi.alt}">
                <h1 class="hidden" th:text="#{gui.countryselection.header1}"> Bundesministerium für Inneres </h1>
            </a>
        </div>
        <ul class="nav_oben">
            <li>
                <div class="languageselection" th:include="language_selection :: selectlanguage">
                    LanguageSelectionBlock
                </div>
            </li>
            &nbsp; &nbsp;
            <li>
                <a href="https://www.bmi.gv.at/" target="_blank" th:text="#{gui.countryselection.link.bmi}">Startseite
                    BMI </a>
            </li>
        </ul>
    </div>
</div>
<div class="content">
    <div class="subtitle">
        <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>

    <div th:if="${createNewErnpEntry != null} and ${createNewErnpEntry}">

      <div class="mainDescription">
        <h3 th:text="#{gui.otherlogin.inserternp.header.selection}"> Generate new ERnP entry</h3>

        <p th:text="#{gui.otherlogin.inserternp.first}"> Insert ERnP first block </p>
        <p th:text="#{gui.otherlogin.inserternp.second}"> Insert ERnP second block </p>
        <p>
          <span th:text="#{gui.otherlogin.inserternp.third.prefix}"> Insert ERnP third block / part 1 </span>
          <span>&nbsp;<a href="mailto:BMI-IKT-eIDAS-Betrieb@bmi.gv.at"> BMI-IKT-eIDAS-Betrieb@bmi.gv.at </a></span>
          <span th:text="#{gui.otherlogin.inserternp.third.postfix}"> Insert ERnP third block / part 3 </span>
        </p>
      </div>

      <div  id="insertErnp" class="block">
        <form class="block,singleButton" method="post" action="$contextPath$submitEndpoint" th:attr="action=@{${submitEndpoint}}">
            <button type="submit" role="button" value="Keine weitere HS / eIDAS"
                  th:text="#{gui.otherlogin.button.inserternp}">D
            </button>
            <input type="hidden" name="loginSelection" value="ADD_ME_AS_NEW">
            <input type="hidden" name="pendingid" value="$pendingid" th:attr="value=${pendingid}"/>
        </form>
      </div>

      <div  id="stopMatching" class="block">
        <!-- Abbrechen Button -->
        <form class="block,singleButton" method="post" action="$contextPath$submitEndpoint" th:attr="action=@{${submitEndpoint}}">
            <button type="submit" value="Abbrechen/Cancel" th:text="#{gui.otherlogin.cancel}"></button>
            <input type="hidden" name="stopAuthProcess" value="true">
            <input type="hidden" name="pendingid" value="$pendingid" th:attr="value=${pendingid}">
        </form>
      </div>

    </div>

    <div th:unless="${createNewErnpEntry!= null} and ${createNewErnpEntry}">

      <div class="mainDescription">
        <h3 th:text="#{gui.otherlogin.header.selection}"> No person data found</h3>

        <p th:text="#{gui.otherlogin.info.first}"> Info text after MDS search with one or more results</p>
        <p th:text="#{gui.otherlogin.info.second}"> Prefix for option list</p>
        <ul>
          <li th:text="#{gui.otherlogin.info.list.1}"> ID Austria or alterantive eIDAS Login </li>
          <li th:text="#{gui.otherlogin.info.list.2}"> Search with Address </li>
        </ul>
      </div>

      <div id="matchingError"
  			   th:if="${advancedMatchingFailed != null} and ${advancedMatchingFailed}">
  		      <p   th:if="${advancedMatchingFailedReason != null}"
  			         th:text="#{${advancedMatchingFailedReason}}">Detailed
            </p>
  		      <p   th:unless="${advancedMatchingFailedReason != null}"
  			         th:text="#{module.eidasauth.matching.29}">Generell
            </p>
      </div>


      <div id="otherlogin" class="block">
        <div id="selectOtherMethodArea" class="block">
          <form method="post" action="$contextPath$submitEndpoint" th:attr="action=@{${submitEndpoint}}">
              <button class="primaryButton" type="submit" role="button" value="Handy-Signatur / Mobile Signature"
                      th:text="#{gui.otherlogin.button.hs}">A
              </button>
              <input type="hidden" name="loginSelection" value="MOBILE_PHONE_SIGNATURE_LOGIN">
              <input type="hidden" name="pendingid" value="$pendingid" th:attr="value=${pendingid}"/>
          </form>
          <form method="post" action="$contextPath$submitEndpoint" th:attr="action=@{${submitEndpoint}}">
              <button class="primaryButton" type="submit" role="button" value="Andere eIDAS ID"
                      th:text="#{gui.otherlogin.button.eidas}">B
              </button>
              <input type="hidden" name="loginSelection" value="EIDAS_LOGIN">
              <input type="hidden" name="pendingid" value="$pendingid" th:attr="value=${pendingid}"/>
          </form>
          <form method="post" action="$contextPath$submitEndpoint" th:attr="action=@{${submitEndpoint}}">
              <button class="primaryButton" type="submit" role="button" value="Keine weitere HS / eIDAS"
              	      th:text="#{gui.otherlogin.button.none}">C
              </button>
              <input type="hidden" name="loginSelection" value="NO_OTHER_LOGIN">
              <input type="hidden" name="pendingid" value="$pendingid" th:attr="value=${pendingid}"/>
          </form>
        </div>

        <div  id="stopMatching" class="block">
          <!-- Abbrechen Button -->
          <form class="block,singleButton" method="post" action="$contextPath$submitEndpoint" th:attr="action=@{${submitEndpoint}}">
              <button type="submit" value="Abbrechen/Cancel" th:text="#{gui.otherlogin.cancel}"></button>
              <input type="hidden" name="stopAuthProcess" value="true">
              <input type="hidden" name="pendingid" value="$pendingid" th:attr="value=${pendingid}">
          </form>
        </div>
      </div>

    </div>
  </div>
  <footer>
    <div class="copyright">&copy; BUNDESMINISTERIUM FÜR INNERES</div>
    <div></div>
  </footer>
</body>
</html>