<style>
  .form-pass__toggle{
    position:absolute;
    right:10px;
    top:20px;
    border:none;
    background-color: transparent;
    display: flex;
  }
  .showhide-pass{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }
</style>


    <!-- Strat Contact -->
    <div class="ak-height-125 ak-height-lg-80"></div>
    <div class="container-fluid px-md-0">
      <div class="contact-form-content justify-content-center">
        <div class="contact-form w-100">
          <div>
            <h5 class="contact-title">Welcome back!</h5>
              <!-- <h5></h5> -->
                <p>Hey there! Sign in & you'll be back to trading
                  in no time. Let's go!</p>
            <div class="ak-height-40 ak-height-lg-30"></div>
          </div>
          <?php echo $login_err; ?>
					<form action="/login" method="POST">
            <div class="form-inputs">
              <div class="type_1">
                <label for="fullname" class="form-label">Email</label>
                <input type="text" name="emailadd" id="fullname" class="csame" placeholder="Enter Email Address">
              </div>
            </div>
            <div class="form-inputs">
              <div class="type_1">
                <label for="account-pass" class="form-label">Password</label>
                <input type="password" name="password" id="account-pass" class="csame" placeholder="Enter Password">
                <button type="button" id="btnToggle" onclick="togglePasswordVisibility()" class="form-pass__toggle"><i id="eyeIcon"
                          class="fa fa-eye"></i>
                </button>
              </div>
            </div>
            <div class="ak-height-40 ak-height-lg-40"></div>
            <button type="submit" name="loginbtn" value="1" class="common-btn border-0">
              <span>Sign In</span>
              <span>
                <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 15 15" fill="none">
                  <g clip-path="url(#clip0_201_978343789)">
                    <path d="M1.42236 6.99728H13.089M13.089 6.99728L7.48903 1.39728M13.089 6.99728L7.48903 12.5973" stroke="#030917" stroke-linecap="round" stroke-linejoin="round"></path>
                  </g>
                  <defs>
                    <clippath id="clip0_201_978343789">
                      <rect width="14" height="14" fill="white" transform="translate(0.00927734)"></rect>
                    </clippath>
                  </defs>
                </svg>
              </span>
            </button>
            <div class="col-lg-12 mt-2">
                <p>Don't have an account? <a href="/register" style="color:black">Sign up</a></p>
              </div>
          </form>
        </div>
      </div>
    </div>
    <!-- End Contact -->
    <div class="ak-height-125 ak-height-lg-80"></div>
  
  <script>
        function togglePasswordVisibility() {
            var passwordField = document.getElementById("account-pass");
            var eyeIcon = document.getElementById("eyeIcon");
            if (passwordField.type === "password") {
                
                eyeIcon.classList.remove("fa-eye-slash");
                eyeIcon.classList.add("fa-eye");
                passwordField.type = "text";
            } else {
                eyeIcon.classList.remove("fa-eye");
                eyeIcon.classList.add("fa-eye-slash");
                passwordField.type = "password";
            }
        }
    </script>
