From 7876cfbebbb3170e5dffdc9884e0cc5e2e90ce3f Mon Sep 17 00:00:00 2001
From: sayaliparab <sayali00015@gmail.com>
Date: Wed, 12 Jun 2024 17:38:31 +0530
Subject: [PATCH] Addcss

---
 .../Admin/pages/auth/password_reset.blade.php | 151 +++++-------------
 1 file changed, 41 insertions(+), 110 deletions(-)

diff --git a/resources/views/Admin/pages/auth/password_reset.blade.php b/resources/views/Admin/pages/auth/password_reset.blade.php
index 01a0952..35a153f 100644
--- a/resources/views/Admin/pages/auth/password_reset.blade.php
+++ b/resources/views/Admin/pages/auth/password_reset.blade.php
@@ -2,20 +2,6 @@
 @section('title', 'Cheers To Season - Password Reset')
 @section('content')
 <style>
-    /* styles.css */
-    /* .password-wrapper {
-        position: relative;
-        width: 100%;
-    }
-
-    .toggle-password {
-        position: absolute;
-        top: 50%;
-        right: 10px;
-        transform: translateY(-50%);
-        cursor: pointer;
-    } */
-
     /* Target the label element with the id 'confirm_password-error' and class 'error' */
     label#error.confirm_password-error {
         color: red;
@@ -24,66 +10,51 @@
         /* Optional: Makes the text bold */
         /* You can add more styles as needed */
     }
+/* Style for the eye icons */
+    .fa-eye,
+    .fa-eye-slash {
+        cursor: pointer;
+        position: relative;
+        top: 2px;
+        /* Adjust vertical alignment as needed */
+    }
 
+    /* Style for the eye icon when it's not showing the password */
+    .fa-eye-slash {
+        color: #777;
+        /* Adjust color as needed */
+    }
 
-
-
-
-
+    /* Transition effect for smooth icon change */
+    .fa-eye,
+    .fa-eye-slash {
+        transition: color 0.3s ease;
+    }
 
     /* Style for the eye icons */
-.fa-eye,
-.fa-eye-slash {
-    cursor: pointer;
-    position: relative;
-    top: 2px; /* Adjust vertical alignment as needed */
-}
-
-/* Style for the eye icon when it's not showing the password */
-.fa-eye-slash {
-    color: #777; /* Adjust color as needed */
-}
-
-/* Transition effect for smooth icon change */
-.fa-eye,
-.fa-eye-slash {
-    transition: color 0.3s ease;
-}
-
-/* Style for the eye icons */
-.fa-eye,
-.fa-eye-slash {
-    cursor: pointer;
-    position: absolute;
-    right: 10px; /* Adjust horizontal alignment as needed */
-    top: 50%;
-    transform: translateY(-50%);
-    z-index: 1; /* Ensure the icon is above the input */
-}
-
-/* Style for the eye icon when it's not showing the password */
-.fa-eye-slash {
-    color: #777; /* Adjust color as needed */
-}
-
-/* Transition effect for smooth icon change */
-.fa-eye,
-.fa-eye-slash {
-    transition: color 0.3s ease;
-}
-
-
-
-
-
-
-
-
-
-
-
+    .fa-eye,
+    .fa-eye-slash {
+        cursor: pointer;
+        position: absolute;
+        right: 10px;
+        /* Adjust horizontal alignment as needed */
+        top: 50%;
+        transform: translateY(-50%);
+        z-index: 1;
+        /* Ensure the icon is above the input */
+    }
 
+    /* Style for the eye icon when it's not showing the password */
+    .fa-eye-slash {
+        color: #777;
+        /* Adjust color as needed */
+    }
 
+    /* Transition effect for smooth icon change */
+    .fa-eye,
+    .fa-eye-slash {
+        transition: color 0.3s ease;
+    }
 </style>
 <div class="row w-100" style="height: 100vh;">
     <div class=" col-md-6 m-auto h-100 d-flex flex-column align-itms-center justify-content-center" style="background-color: #05244D;">
@@ -145,28 +116,10 @@
 <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.5/jquery.validate.min.js"></script>
 <script src="{{ asset('public/assets/js/admin/auth/login.js')}}"></script>
-<!-- <script>
-    document.getElementById('togglePassword').addEventListener('click', function () {
-        var passwordField = document.getElementById('password');
-        if (passwordField.type === 'password') {
-            passwordField.type = 'text';
-        } else {
-            passwordField.type = 'password';
-        }
-    });
 
-    document.getElementById('toggleConfirmPassword').addEventListener('click', function () {
-        var confirmPasswordField = document.getElementById('confirm_password');
-        if (confirmPasswordField.type === 'password') {
-            confirmPasswordField.type = 'text';
-        } else {
-            confirmPasswordField.type = 'password';
-        }
-    });
-</script> -->
 
 <script>
-    document.getElementById('togglePassword').addEventListener('click', function () {
+    document.getElementById('togglePassword').addEventListener('click', function() {
         var passwordField = document.getElementById('password');
         var icon = document.getElementById('togglePassword');
         if (passwordField.type === 'password') {
@@ -180,7 +133,7 @@
         }
     });
 
-    document.getElementById('toggleConfirmPassword').addEventListener('click', function () {
+    document.getElementById('toggleConfirmPassword').addEventListener('click', function() {
         var confirmPasswordField = document.getElementById('confirm_password');
         var icon = document.getElementById('toggleConfirmPassword');
         if (confirmPasswordField.type === 'password') {
@@ -196,28 +149,6 @@
 </script>
 
 <script>
-    // $(document).ready(function() {
-    //     // Password visibility toggle
-    //     $('#passwordToggle').click(function() {
-    //         var passwordInput = $('#password');
-    //         var eyeIcon = $('#passwordToggle');
-
-    //         if (passwordInput.attr('type') === 'password') {
-    //             passwordInput.attr('type', 'text');
-    //             eyeIcon.removeClass('fa-eye-slash').addClass('fa-eye');
-    //         } else {
-    //             passwordInput.attr('type', 'password');
-    //             eyeIcon.removeClass('fa-eye').addClass('fa-eye-slash');
-    //         }
-    //     });
-    // });
-
-
-
-
-
-
-
     // Form validation and submission
     // $('#password_reset_form').validate({
     //     rules: {