From 4d775bec90ae548cb4a8f5b67d353ac6c4dbe471 Mon Sep 17 00:00:00 2001
From: amirhamzan <amirhamzan30@gmail.com>
Date: Sat, 30 Dec 2023 06:50:34 +0800
Subject: [PATCH] update checkbox show password login page 2.0

---
 resources/views/auth/v2/login.blade.php | 36 +++++++++++++------------
 1 file changed, 19 insertions(+), 17 deletions(-)

diff --git a/resources/views/auth/v2/login.blade.php b/resources/views/auth/v2/login.blade.php
index d7e74f1..85122ba 100644
--- a/resources/views/auth/v2/login.blade.php
+++ b/resources/views/auth/v2/login.blade.php
@@ -53,11 +53,9 @@
     <div class="container position-sticky z-index-sticky top-0">
         <div class="row">
             <div class="col-12">
-                <nav
-                    class="navbar navbar-expand-lg  blur blur-rounded top-0  z-index-3 shadow position-absolute my-3 py-2 start-0 end-0 mx-4">
+                <nav class="navbar navbar-expand-lg  blur blur-rounded top-0  z-index-3 shadow position-absolute my-3 py-2 start-0 end-0 mx-4">
                     <div class="container-fluid px-0">
-                        <a class="navbar-brand font-weight-bolder ms-sm-3" rel="tooltip"
-                            title="Designed and Coded by Creative Tim" data-placement="bottom">
+                        <a class="navbar-brand font-weight-bolder ms-sm-3" rel="tooltip" title="Designed and Coded by Creative Tim" data-placement="bottom">
                             ar-rahn Online System
                         </a>
                         <div class="collapse navbar-collapse w-100 pt-3 pb-2 py-lg-0" id="navigation">
@@ -96,22 +94,21 @@
                                 <form method="POST" action="{{ route('login') }}">
                                     @csrf
                                     @if (Session::has('error'))
-                                        <div class="text-danger" class="alert alert-warning" role="alert"
-                                            style="white-space: nowrap; font-weight:bolder">Opps! Tidak berjaya
-                                            disahkan. Sila semak semula e-mel/kata laluan.
-                                        </div>
+                                    <div class="text-danger" class="alert alert-warning" role="alert" style="white-space: nowrap; font-weight:bolder">Opps! Tidak berjaya
+                                        disahkan. Sila semak semula e-mel/kata laluan.
+                                    </div>
                                     @endif
                                     <label>E-mel</label>
                                     <div class="mb-3">
-                                        <input type="email" class="form-control" placeholder="Sila isi e-mel anda ..."
-                                            aria-label="Email" name="email" value="{{ old('email') }}" required
-                                            autocomplete="email" autofocus>
+                                        <input type="email" class="form-control" placeholder="Sila isi e-mel anda ..." aria-label="Email" name="email" value="{{ old('email') }}" required autocomplete="email" autofocus>
                                     </div>
                                     <label>Kata Laluan</label>
                                     <div class="mb-3">
-                                        <input type="password" class="form-control"
-                                            placeholder="Sila isi kata laluan ..." aria-label="Password" name="password"
-                                            value="{{ old('password') }}" required autocomplete="current-password">
+                                        <input type="password" class="form-control" placeholder="Sila isi kata laluan ..." aria-label="Password" name="password" id="password" value="{{ old('password') }}" required autocomplete="current-password">
+                                        <div class="d-flex mt-2 align-items-center">
+                                            <input type="checkbox" id="check">
+                                            <label class="mb-0 text-muted" for="check" style="cursor: pointer;">Papar Kata Laluan</label>
+                                        </div>
                                     </div>
                                     <div class="text-center">
                                         <button type="submit" class="btn bg-gradient-info w-100 mt-4 mb-0">Log
@@ -130,8 +127,7 @@
                     </div>
                     <div class="col-md-6">
                         <div class="oblique position-absolute top-0 h-100 d-md-block d-none me-n8">
-                            <div class="oblique-image bg-cover position-absolute fixed-top ms-auto h-100 z-index-0 ms-n6"
-                                style="background-image:url({{ asset('img/dark-blue-monterey.jpg') }}); transform: rotate(180deg);">
+                            <div class="oblique-image bg-cover position-absolute fixed-top ms-auto h-100 z-index-0 ms-n6" style="background-image:url({{ asset('img/dark-blue-monterey.jpg') }}); transform: rotate(180deg);">
                             </div>
                         </div>
                     </div>
@@ -153,6 +149,12 @@
                 <script>
                     var copy = document.querySelector(".logos-slide").cloneNode(true);
                     document.querySelector(".logos").appendChild(copy);
+
+                    $(document).ready(function() {
+                        $('#check').click(function() {
+                            $(this).is(':checked') ? $('#password').attr('type', 'text') : $('#password').attr('type', 'password');
+                        });
+                    });
                 </script>
             </div>
         </footer>
@@ -160,4 +162,4 @@
 
 </body>
 
-</html>
+</html>
\ No newline at end of file