From f1b1dda5b9a892863c9f2255dd105c5b899f7ed1 Mon Sep 17 00:00:00 2001
From: Sergio Ceron <sergio@blerify.com>
Date: Tue, 14 Apr 2026 19:04:30 -0500
Subject: [PATCH] fix: Update HTML Structure of Login Screen

---
 login.php | 186 ++++++++++++++++--------------------------------------
 1 file changed, 55 insertions(+), 131 deletions(-)

diff --git a/login.php b/login.php
index 67ccf9c..ca4bd7e 100644
--- a/login.php
+++ b/login.php
@@ -14,135 +14,59 @@
 $sselected = 1; $subtitle = $_i18n["login.submenu"]; $selected = $_GET[ "sm" ];
 $items = array( $_i18n["login.submenu"], $_i18n["register.submenu"] ); $links = array( "./login.php", "./register.php" );
 include("includes/header.php");
-?>
-<div align="center" id="content"><?php if( isset( $_GET[ "id" ] ) ){ ?>
-<div align="center" class="msg">
-<div class="bl3">
-<div class="br">
-<div class="tl">
-<div class="tr2"><?=$_i18n[ "logine".base64_decode( $_GET[ "id" ] ) ]?>
-</div>
-</div>
-</div>
-</div>
-</div>
-<br>
-<?php } $fields = " ".base64_decode( $_GET[ "tk" ] );	?>
-<style>
-.f {
-	border-top: solid 1px #bbbbbb;
-	color: #676767;
-	font-size: 12px;
-	padding-top: 5px;
-	margin-top: 15px
-}
-
-.f span {
-	position: relative;
-	bottom: 7px
-}
-
-.errormsg {
-	color: #cc0000
-}
-
-.alert {
-	color: #FF0000
-}
-
-.x {
-	background-color: #ddf8cc;
-	border: solid 1px #80c65a;
-	padding: 15px;
-	margin: 0 15px 0 0;
-	text-align: center;
-}
-
-.x,.x td {
-	font-size: 12px
-}
-
-.x table {
-	margin: 0px;
-	text-align: left;
-}
-
-.x p {
-	text-align: left;
-}
-
-.x h2 {
-	margin: 0 0 0 0;
-	font-weight: bold;
-	font-size: 12px;
-}
-</style>
-
-
-<table border="0" cellpadding="0" style="text-align: center;"
-	cellspacing="0" style="width:200px">
-	<tbody>
-		<tr>
-			<td valign="top">
-			<div class="">
-			<form action="action_login.php" method="post" name="settings">
-			<div class="section">&nbsp;Entrar al sistema</div>
-			<table style="margin: 15px 0pt 0pt;" border="0" cellpadding="0"
-				cellspacing="0">
-				<tbody>
-					<tr>
-						<th align="right" nowrap="nowrap"><?=$_i18n[ "user" ]?> :&nbsp;&nbsp;&nbsp;&nbsp;</th>
-						<td><input name="userName" size="35" type="text" class="rounded"> <?php if( strpos( $fields, 'userName' ) ){?><br>
-						<span class="errormsg" id="errormsg_0"> <?=$_i18n[ "error.required" ]?>
-						</span><?php } ?></td>
-					</tr>
-					<tr>
-						<td></td>
-						<td
-							style="overflow: hidden; color: rgb(68, 68, 68); font-size: 75%;"
-							dir="ltr" align="right"></td>
-						<td></td>
-					</tr>
-					<tr>
-						<td colspan="3" height="8"></td>
-					</tr>
-					<tr>
-						<td colspan="2" height="8"></td>
-					</tr>
-					<tr>
-						<th align="right" nowrap="nowrap"><?=$_i18n[ "pass" ]?> :&nbsp;&nbsp;&nbsp;&nbsp;</th>
-						<td><input name="userPassword" size="35" type="password" class="rounded"> <?php if( strpos( $fields, 'userPassword' ) ){?><br>
-						<span class="errormsg" id="errormsg_0"> <?=$_i18n[ "error.required" ]?>
-						</span><?php } ?></td>
-					</tr>
-					<tr>
-						<td colspan="2" height="8"></td>
-					</tr>
-					<tr>
-						<td colspan="2" height="8"></td>
-						<td></td>
-					</tr>
-					<tr>
-						<td></td>
-						<td><input value="<?=$_i18n[ "access" ]?>" type="submit"></td>
-						<td></td>
-					</tr>
-				</tbody>
-			</table>
-		
-		</tr>
-	</tbody>
-</table>
-</div>
-<script type="text/javascript" language="JavaScript">
-	  <!--
-	  var focusControl = document.forms["login"].elements["userName"];
-	  if (focusControl.type != "hidden" && !focusControl.disabled) {
-	     focusControl.focus();
-	  }
-	  // -->
-	</script>
-<?php include("./includes/foot.php");?>
-
-</body>
+<main id="content" style="text-align:center;">
+    <section role="alert" aria-live="polite">
+        <?php if( isset( $_GET[ "id" ] ) ){ ?>
+        <div class="msg bl3">
+            <div class="br">
+                <div class="tl">
+                    <div class="tr2">
+                        <?= $_i18n[ "logine" . base64_decode( $_GET[ "id" ] ) ] ?>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <br>
+        <?php } ?>
+    </section>
+    <?php $fields = " " . base64_decode( $_GET[ "tk" ] );?>
+    <form action="action_login.php" method="post" name="login">
+        <fieldset style="width:300px; margin:auto;">
+            <legend class="section">&nbsp;Entrar al sistema</legend>
+            <div style="margin:15px 0 0;">
+                <label for="userName" style="display:block;">
+                    <?=$_i18n[ "user" ]?><span aria-hidden="true"> :&nbsp;&nbsp;&nbsp;&nbsp;</span>
+                </label>
+                <input id="userName" name="userName" size="35" type="text" class="rounded" required
+                       aria-describedby="errormsg_user">
+                <?php if( strpos( $fields, 'userName' ) ){?>
+                <span class="errormsg" id="errormsg_user"> <?=$_i18n[ "error.required" ]?></span>
+                <?php } ?>
+            </div>
+            <div style="margin:15px 0 0;">
+                <label for="userPassword" style="display:block;">
+                    <?=$_i18n[ "pass" ]?><span aria-hidden="true"> :&nbsp;&nbsp;&nbsp;&nbsp;</span>
+                </label>
+                <input id="userPassword" name="userPassword" size="35" type="password" class="rounded" required
+                       aria-describedby="errormsg_pass">
+                <?php if( strpos( $fields, 'userPassword' ) ){?>
+                <span class="errormsg" id="errormsg_pass"> <?=$_i18n[ "error.required" ]?></span>
+                <?php } ?>
+            </div>
+            <div style="margin-top:15px;">
+                <button type="submit" value="<?=$_i18n[ "access" ]?>">
+                    <?=$_i18n[ "access" ]?>
+                </button>
+            </div>
+        </fieldset>
+    </form>
+</main>
+<script type="text/javascript">
+    window.onload = function(){
+        var focusControl = document.forms["login"].elements["userName"];
+        if (focusControl.type != "hidden" && !focusControl.disabled) {
+            focusControl.focus();
+        }
+    };
+</script>
 </html>