<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://kit.fontawesome.com/5696719888.js" crossorigin="anonymous"></script>
<script src="./javascripts/reset_password.js" defer></script>
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.js" defer></script>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="stylesheets/css_mereged.css">
<title>Reset Password</title>
</head>
<body class="bod">
<div class="title-signUp">
<h1 class="title_text">Please set your new password</h1>
</div>
<div id="errorPopup" class="error-popup">
<div class="error-content">
<span id="errorMessage"></span>
<button type="button" id="closeErrorPopup" class="close-button">Close</button>
</div>
</div>
<div class="sign-up">
<h2>Reset Form</h2>
<br>
<form id="signupForm">
<label for="email">Enter Your Email</label>
<input type = "text" id="email" name="email" placeholder="Jexample@outlook.com" required>
<label for="ID">Enter a valid user ID</label>
<input type="text" id="ID" name="ID" placeholder="a1234567" required>
<label for="pass">Set a new Password</label>
<input type="password" id="pass" name = "pass" placeholder="**********" required>
<br>
<label for="passcon">Confirm yhe new Password</label>
<input type="password" id="passcon" name = "passcon" placeholder="**********" required>
<div id="passwordValidationMsg"></div>
<input type="checkbox" id="updates" name = "passcon">
<label>I confrim I have read the <a href="https://youtu.be/xvFZjo5PgG0">Ts&Cs</a> and I want to reset my password*</label>
<br>
<input type="submit" value="Reset My Passowrd">
</form>
</div>
</body>
</html>