<!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 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>


    <h1 th:text="#{gui.otherlogin.header.selection}"> Select an alternative login method </h1>

    <div id="otherlogin" class="block">
        <form method="post" action="$contextPath$submitEndpoint" th:attr="action=@{${submitEndpoint}}">
            <button 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 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 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 id="insertErnp"
			  th:if="${advancedMatchingFailed != null} and ${advancedMatchingFailed}">
			
			<p th:text="#{gui.otherlogin.inserternp.infotext}"></p>
			
        	<form 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>

    <!-- Abbrechen Button -->
    <form 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>
<footer>
    <div class="copyright">&copy; BUNDESMINISTERIUM FÜR INNERES</div>
    <div></div>
</footer>
</body>
</html>