<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">

   <!-- MOA-ID 2.x BKUSelection Layout CSS -->               
   <link rel="stylesheet" href="$contextPath/css/buildCSS?pendingid=$pendingReqID"/>
   
   <!-- MOA-ID 2.x BKUSelection JavaScript fucnctions-->
   <script src="$contextPath/js/buildJS?pendingid=$pendingReqID"></script>
   

<title>Anmeldung mittels Bürgerkarte oder Handy-Signatur</title>
</head>
<!--body onload="onChangeChecks();checkIfBrowserSupportsJava();" onresize="onChangeChecks();"-->
<body>
	<div id="page">
		<div id="page1" class="case selected-case" role="main">
			<h2 class="OA_header" role="heading">Anmeldung an: $OAName</h2>
			<div id="main">
				<div id="leftcontent" class="hell" role="application">
					<div id="bku_header" class="dunkel">
						<h2 id="tabheader" class="dunkel" role="heading">$HEADER_TEXT</h2>
					</div>
					<div id="bkulogin" class="hell" role="form">
						<div id="mandateLogin" class="$MANDATEVISIBLE">
							<div>
								<input tabindex="1" type="checkbox" name="Mandate"
									id="mandateCheckBox" class="mandate" role="checkbox" $MANDATECHECKED>
								<label for="mandateCheckBox" class="mandate">in
									Vertretung anmelden</label>
								<!--a      href="info_mandates.html" 
                        target="_blank"
                        class="infobutton verticalcenter" 
                        tabindex="5">i</a-->
							</div>
						</div>
						<div id="bkuselectionarea">
							<div id="bkukarte">
								<img id="bkuimage" class="bkuimage" src="$contextPath/img/karte.png" alt="OnlineBKU"/> 
                
                  <!-- Remove support for Online BKU and swith the card button to local BKU-->
                  <!--input name="bkuButtonOnline" type="button" onClick="bkuOnlineClicked();" tabindex="2" role="button" value="Karte" /-->                
                
                  <form method="get" id="moaidform" action="$contextPath$submitEndpoint" class="verticalcenter" target="_parent">
								    <input type="hidden" name="bkuURI" value="$bkuLocal" />
								    <input type="hidden" name="useMandate" id="useMandate" /> 
								    <input type="hidden" name="SSO" id="useSSO" /> 
								    <input type="hidden" name="ccc" id="ccc" /> 
								    <input type="hidden" name="pendingid" value="$pendingReqID" /> 
                    <input type="submit" value=" Karte " tabindex="5" role="button" />
                  </form>
                
                  <iframe name="bkudetect" width="0" height="0" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" src="$contextPath/feature/bkuDetection?pendingid=$pendingReqID"></iframe>
                
                  <!-- BKU detection with static template-->
                  <!--iframe name="bkudetect" width="0" height="0" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" src="$contextPath/iframeLBKUdetect.html"></iframe-->                                                            
				        </div>
                            
				        <div id="bkuhandy">
				            <img class="bkuimage" src="$contextPath/img/handysign.png" alt="HandyBKU" />         
                            <input name="bkuButtonHandy" type="button" tabindex="3" role="button" value="HANDY" />
				        </div>
                
            
				        <div id="bkueulogin" class="$eIDASVisible">
				            <img id="eIDASImage" class="bkuimage" src="$contextPath/img/eIDAS_small.png" alt="EULogin" />                                                        
                    <form method="get" id="moaideIDASform" action="$contextPath$submitEndpoint" class="verticalcenter" target="_parent">
								      <input type="hidden" name="useeIDAS" value="true" />
								      <input type="hidden" name="useMandate" id="useMandate" />  
								      <input type="hidden" name="pendingid" value="$pendingReqID" /> 
                      <input id="buttonEULogin" name="bkuButtonEULogin" type="submit" role="button" value="EULogin" />
                    </form>
				        </div>
						<!--div id="localBKU">
							<form method="get" id="moaidform" action="$contextPath$submitEndpoint"
								class="verticalcenter" target="_parent">
								<input type="hidden" name="bkuURI" value="$bkuLocal" />
								<input type="hidden" name="useMandate" id="useMandate" /> 
								<input type="hidden" name="SSO" id="useSSO" /> 
								<input type="hidden" name="ccc" id="ccc" /> 
								<input type="hidden" name="pendingid" value="$pendingReqID" /> 
                <input type="submit" value=" Lokale Bürgerkartenumgebung " tabindex="4"
									     role="button" onclick="setMandateSelection();">
                </form>
                <iframe name="bkudetect" width="0" height="0" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" src="$contextPath/feature/bkuDetection?pendingid=$pendingReqID"><\/iframe>
              </div-->
              
              <!-- Single Sign-On Session transfer functionality -->
              <!--div id="ssoSessionTransferBlock">
                <a href="$contextPath$submitEndpoint?pendingid=$pendingReqID&restoreSSOSession=true">>Restore SSO Session from Smartphone</a>
              </div-->
            
                  
                        
            
            <!-- 
              <div id="stork" align="center" class="$STORKVISIBLE">
                <h2 id="tabheader" class="dunkel">Home Country Selection</h2>
                <p>
                  <select id="eIDASSelection" name="cccSelection" id="cccSelection" size="1">
                    $countryList
                  </select>
                  <button id="eIDASButton" name="bkuButton" type="button">Proceed</button>
                  a href="info_stork.html" target="_blank" class="infobutton">i</a
                </p>
              </div>-->

						<div id="metroDetected" class="unvisible">
							<p>Anscheinend verwenden Sie Internet Explorer im
								Metro-Modus. Wählen Sie bitte "Auf dem Desktop anzeigen" aus den
								Optionen um die Karten-Anmeldung starten zu können.</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>