From d71dc7ef62c0f118d2ac90d11b0d0fea3660cf5f Mon Sep 17 00:00:00 2001
From: imadhigp <imadhigp@gmail.com>
Date: Fri, 7 Aug 2026 13:12:26 +0530
Subject: [PATCH] password set

---
 resources/views/signup.blade.php | 40 +++++++++++++++-----------------
 1 file changed, 19 insertions(+), 21 deletions(-)

diff --git a/resources/views/signup.blade.php b/resources/views/signup.blade.php
index d6fc020..34180fb 100644
--- a/resources/views/signup.blade.php
+++ b/resources/views/signup.blade.php
@@ -3,7 +3,7 @@
 @section('title', 'Student Registration')
 
 @push('styles')
-<!-- FontAwesome Icons (Eye icon එක සඳහා) -->
+ 
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
 
 <style>
@@ -13,7 +13,7 @@
         scale: 0.92;
     }
 
-    /* LEFT PANEL (If active) */
+    
     .left-panel {
         background: #5E244E;
         color: white;
@@ -22,8 +22,7 @@
         align-items: center;
         padding: 40px;
     }
-
-    /* RIGHT PANEL */
+ 
     .right-panel {
         min-height: 100vh;
         display: flex;
@@ -42,8 +41,7 @@
         box-shadow: 0 15px 40px rgba(0,0,0,0.12);
         scale : 0.72
     }
-
-    /* TITLE */
+ 
     .headline {
         text-align: center;
         font-size: 32px;
@@ -52,7 +50,7 @@
         margin-bottom: 35px;
     }
 
-    /* MODERN INPUT WITH FLOATING LABELS */
+    
     .input-container {
         position: relative;
         margin-bottom: 25px;
@@ -61,7 +59,7 @@
     .input-container input {
         width: 100%;
         height: 50px;
-        padding: 15px 35px 5px 0; /* Eye icon එක සඳහා දකුණු පසින් ඉඩ තබා ඇත */
+        padding: 15px 35px 5px 0; 
         border: none;
         border-bottom: 2px solid #ddd;
         background: transparent;
@@ -81,12 +79,12 @@
         font-size: 16px;
     }
 
-    /* Input Focus States */
+     
     .input-container input:focus {
         border-bottom-color: #744a68;
     }
 
-    /* Label Floating Effect */
+ 
     .input-container input:focus + label,
     .input-container input:not(:placeholder-shown) + label {
         top: -10px;
@@ -95,7 +93,7 @@
         font-weight: 600;
     }
 
-    /* EYE ICON TOGGLE */
+ 
     .toggle-password {
         position: absolute;
         right: 5px;
@@ -144,7 +142,7 @@
         transform: scale(0.98);
     }
 
-    /* BOTTOM TEXT */
+     
     .dontacc {
         text-align: center;
     }
@@ -167,9 +165,9 @@
         color: #5E244E;
     }
 
-    /* PASSWORD STATUS BOX STYLE */
+     
     .password-rules {
-        display: none; /* මුලින් Hide කර ඇත */
+        display: none;  
         margin-top: -15px;
         margin-bottom: 20px;
         padding: 10px 15px;
@@ -261,7 +259,7 @@
                         @enderror
                     </div>
 
-                    <!-- Password Field -->
+                   
                     <div class="input-container mb-2">
                         <input type="password" id="password" name="password" placeholder=" " required autocomplete="new-password">
                         <label>Password</label>
@@ -271,7 +269,7 @@
                         @enderror
                     </div>
 
-                    <!-- Password Rules Box -->
+                    
                     <div class="password-rules" id="passwordRules">
                         <strong style="font-size: 13px; color: #444;" class="d-block mb-1">Password Status:</strong>
                         <ul>
@@ -283,7 +281,7 @@
                         </ul>
                     </div>
 
-                    <!-- Confirm Password Field -->
+                 
                     <div class="input-container mb-2">
                         <input type="password" id="password_confirmation" name="password_confirmation" placeholder=" " required autocomplete="new-password">
                         <label>Confirm Password</label>
@@ -333,7 +331,7 @@
         const ruleNumber = document.getElementById('rule-number');
         const ruleSpecial = document.getElementById('rule-special');
 
-        // --- 1. SHOW / HIDE PASSWORD TOGGLE ---
+       
         function setupPasswordToggle(inputEl, iconEl) {
             iconEl.addEventListener('click', function () {
                 const type = inputEl.getAttribute('type') === 'password' ? 'text' : 'password';
@@ -347,7 +345,7 @@
         setupPasswordToggle(confirmPasswordInput, toggleConfirmPassword);
 
 
-        // --- 2. FOCUS / BLUR FOR RULES BOX ---
+         
         passwordInput.addEventListener('focus', function () {
             passwordRules.style.display = 'block';
         });
@@ -359,7 +357,7 @@
         });
 
 
-        // --- 3. LIVE PASSWORD VALIDATION ---
+     
         passwordInput.addEventListener('input', function () {
             const val = passwordInput.value;
 
@@ -383,7 +381,7 @@
         }
 
 
-        // --- 4. CONFIRM PASSWORD MATCH CHECK ---
+        
         confirmPasswordInput.addEventListener('input', checkPasswordMatch);
 
         function checkPasswordMatch() {