CINXE.COM
Reset Password
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Reset Password</title> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous" /> <link rel="stylesheet" href="/static/css/styles.min.css" /> </head> <body class="o-login"> <header class="header"> <div class="container"> <div class="row"> <div class="col-md-12"> <a href="index.html" class="o-login__logo"> <img src="/static/images/logo.svg" alt="MEDCOR" width="190" height="32" /> </a> </div> </div> </div> </header> <section class="main-body"> <div class="container o-login__boxarea"> <div class="row align-items-end"> <div class="col-md-4"> <div class="o-login__leftimage"> <img src="/static/images/element/login-human-blue-glow.svg" alt="Blue Glow" class="o-login__leftimageblue" /> <img src="/static/images/element/login-human-pink-glow.svg" alt="Pink Glow" class="o-login__leftimagepink" /> <img src="/static/images/login-image.png" alt="login image" class="o-login__leftimagemain" /> </div> </div> <div class="col-md-8 position-relative"> <img src="/static/images/element/login-bottom-glow.svg" alt="Blue Glow" class="o-login__rightboxblue" /> <img src="/static/images/element/login-top-glow.svg" alt="Pink Glow" class="o-login__rightboxpink" /> <div class="o-login__rightbox animated-wrapper"> <h1 class="o-login__rightboxtittle">Reset Password</h1> <form method="post" action="/send-mail-for-forgot-password/" id="forgot-password-form"> <div class="o-login__formgroup"> <input type="hidden" name="csrfmiddlewaretoken" value="HIur1CPPrKZHggBgoBjR4hRP5C3G329kScSU6b01voofpiRoryBRaz4q3CdkC6mq"> <div id="errorMessage" class="error-message"> </div> <div class="o-login__form-wrapper o-login__formgroup"> <div class="row"> <div class="col-12 col-md-6"> <input type="text" id="email" name="email" placeholder="Email" class="form-controls" required /> </div> </div> </div> </div> <div class="o-login__btn-groups" id="reset-password-btn-group"> <button type="submit" class="btn-default"> Reset Password </button> </div> </form> <div id="tenant-selection" style="display: none;"> <h2>Select Clinic</h2> <select id="tenant-list" class="form-controls"></select> <div class="o-login__btn-groups"> <button id="submit-tenant" class="btn-default">Submit</button> </div> </div> <div class="o-login__bottomtext"> Don't have an account? <a href="" class="o-login__bottomlink">SIGNUP</a> </div> </div> </div> </div> </div> </section> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous" ></script> <script> document.getElementById("forgot-password-form").addEventListener("submit", function (event) { event.preventDefault(); const email = document.getElementById("email").value; fetch("/send-mail-for-forgot-password/", { method: "POST", headers: { "Content-Type": "application/json", "X-CSRFToken": "HIur1CPPrKZHggBgoBjR4hRP5C3G329kScSU6b01voofpiRoryBRaz4q3CdkC6mq", }, body: JSON.stringify({ email: email }), }) .then((response) => response.json()) .then((data) => { if (data.tenants) { const tenantSelection = document.getElementById("tenant-selection"); const tenantList = document.getElementById("tenant-list"); const resetPasswordBtnGroup = document.getElementById("reset-password-btn-group"); tenantList.innerHTML = ""; data.tenants.forEach((tenant) => { const option = document.createElement("option"); option.value = tenant.tenant_id; option.textContent = tenant.tenant_name; tenantList.appendChild(option); }); tenantSelection.style.display = "block"; resetPasswordBtnGroup.style.display = "none"; } else { alert(data.message); } }); }); document.getElementById("submit-tenant").addEventListener("click", function () { const email = document.getElementById("email").value; const tenantId = document.getElementById("tenant-list").value; fetch("/send-mail-for-forgot-password/", { method: "POST", headers: { "Content-Type": "application/json", "X-CSRFToken": "HIur1CPPrKZHggBgoBjR4hRP5C3G329kScSU6b01voofpiRoryBRaz4q3CdkC6mq", }, body: JSON.stringify({ email: email, tenant_id: tenantId }), }) .then((response) => response.json()) .then((data) => { alert(data.message); }); }); </script> </body> </html>