<!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 onload="onChangeChecks();" onresize="onChangeChecks();">
	<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" style="$MANDATEVISIBLE">
							<div>
								<input tabindex="1" type="checkbox" name="Mandate"
									id="mandateCheckBox" class="verticalcenter" role="checkbox"
									onClick='document.getElementById("mandateCheckBox").setAttribute("aria-checked", document.getElementById("mandateCheckBox").checked);'$MANDATECHECKED>
								<label for="mandateCheckBox" class="verticalcenter">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="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"></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" onClick="bkuHandyClicked();" tabindex="3" role="button" value="HANDY" />
							</div>
						</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/iframeLBKUdetect.html"><\/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" style="$STORKVISIBLE">
                <h2 id="tabheader" class="dunkel">Home Country Selection</h2>
                <p>
                  <select name="cccSelection" id="cccSelection" size="1" style="width: 120px; margin-right: 5px;" >
                    $countryList
                  </select>
                  <button name="bkuButton" type="button" onClick="storkClicked();">Proceed</button>
                  <a href="info_stork.html" target="_blank" class="infobutton" style="color:#FFF">i</a>
                </p>
              </div>

						<div id="metroDetected" style="display: none">
							<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>