Update index.html

index.html

@@ -18,7 +18,10 @@ <h3>Good Day! ☀️😎</h3>
 			<h1>₱5.00 <span class="hours">for 3 hours</span>
 			</h1>
 			<p>By connecting to the Wi-Fi you agree to the <a href="https://www.maridenresort.com/wi-fi-terms-of-service" class="terms-link">Terms of Service.</a>
-			<form id="login-form" method="get"> <!--"will change get to post depends on the result"-->
+				<div id="hotspot-section" class="hidden">
+					<select id="hotspot-selector"></select>
+				  </div>
+				<form id="login-form"> <!--"will change get to post depends on the result"-->
 				<div id="input-voucher" class="input-voucher">
 					<input type="number" maxlength="7" id="voucherCode" name="voucherCode" placeholder="VOUCHER CODE" inputmode="numeric" style="-webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield;">
 				</div>
@@ -38,15 +41,14 @@ <h1>₱5.00 <span class="hours">for 3 hours</span>
 					<input id="verify-code" name="verify-code" type="text" placeholder="Verification Code" />
 					<button id="get-code"> Get Code </button>
 				</div>
-				<input type="submit" id="submitData" value="CONNECT"> <!--"will change "submitData" to"button-login" depends on the result"-->
+				<button type="button" id="button-login">CONNECT</button> <!--"will change "submitData" to"button-login" depends on the result"-->
 				<input name="clientMac" id="cMac" style="display:none" />
 				<input name="radiusSvrIp" id="radiusServerIp" style="display:none" />
 			</form>
 			<div id="button-area" class="hidden">
 				<button id="button-facebook" class="hidden">Facebook</button>
-				<button id="button-login">Log in</button>
 			</div>
 		</div>
 		<script src="index.js"></script>
 	</body>
-</html>
+</html>