Chỉnh sửa hộp thoại đăng nhập

frontend/index.html

@@ -31,8 +31,9 @@
             <div id="user-dropdown" class="dropdown-content">
                 <div id="auth-guest">
                     <h3>Login / Register</h3>
-                    <input type="text" id="username-input" placeholder="Username">
-                    <input type="password" id="password-input" placeholder="Password">
+                    <input type="text" id="username-input" placeholder="Username" onkeydown="if(event.key === 'Enter') handleLogin()">
+                    <input type="password" id="password-input" placeholder="Password" onkeydown="if(event.key === 'Enter') handleLogin()">
+                    <p id="login-error-msg" style="color: #ff4d4d; font-size: 12px; margin: 0 20px 10px 20px; display: none;"></p>
                     <div class="btn-group">
                         <button onclick="handleLogin()">Login</button>
                         <button onclick="handleRegister()">Register</button>
@@ -41,7 +42,7 @@
                 <div id="auth-logged-in" style="display: none;">
                     <!--<p>Welcome, <strong id="logged-username"></strong> (<span id="logged-role"></span>)</p>-->
                     <button onclick="openDashboard()">Manage Profile</button>
-                    <button onclick="handleLogout()">Logout</button>
+                    <button onclick="showLogoutConfirm()">Đăng xuất</button>
                 </div>
             </div>
         </div>
@@ -68,7 +69,7 @@
                 <button class="tab-btn admin-only" id="admin-tab-users" onclick="openDashboardTab('user-management')">Quản lí users</button>
                 <button class="tab-btn admin-only" id="admin-tab-system" onclick="openDashboardTab('system-settings')">Cài đặt hệ thống</button>
                 <!-- Dòng 9: Đăng xuất -->
-                <button class="tab-btn logout-item" onclick="handleLogout()">Đăng xuất</button>
+                <button class="tab-btn logout-item" onclick="showLogoutConfirm()">Đăng xuất</button>
             </div>
             <div id="dashboard-tab-content">
                 <div id="tab-profile" class="dashboard-tab-pane active">
@@ -211,6 +212,22 @@
         </div>
     </div>
 
+    <!-- Logout Confirmation Modal -->
+    <div id="logout-confirm-modal" class="modal-overlay">
+        <div class="modal-content action-modal-content logout-modal-dark">
+            <h2 style="color: #fff; margin-bottom: 10px;">Xác nhận</h2>
+            <p style="color: #ccc; margin-bottom: 25px;">Bạn có chắc chắn muốn đăng xuất khỏi tài khoản này không?</p>
+            <div class="action-buttons">
+                <button onclick="handleLogout()" class="delete-btn-large">
+                    Đăng xuất
+                </button>
+                <button onclick="closeLogoutConfirm()" class="edit-btn-large" style="background: #6c757d;">
+                    Hủy bỏ
+                </button>
+            </div>
+        </div>
+    </div>
+
     <!-- 3D Panorama Viewer Container -->
     <div id="viewer-container" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2000; background: #000;">
         <div id="panorama-viewer"></div>