<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="PasswordResetV2.aspx.cs" Inherits="Axium.Web.PasswordResetV2" %>
<%@ Register TagPrefix="axi" TagName="LogoImage" Src="~/PatientAccess/Controls/LogoImageControl.ascx" %>
<%@ Register TagPrefix="axi" TagName="LinksRow" Src="~/PatientAccess/Controls/LinksRow.ascx" %>
<%@ Register TagPrefix="axi" TagName="ModalSpinner" Src="~/PatientAccess/Controls/ModalSpinner.ascx" %>
<%@ Register TagPrefix="axi" TagName="Copyright" Src="~/PatientAccess/Controls/CopyrightControl.ascx" %>
<%@ Register TagPrefix="axi" TagName="Notification" Src="~/PatientAccess/Controls/Notification.ascx" %>


<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head runat="server">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />
    <meta http-equiv="X-UA-Compatible" content="IE=8" />
    
    <script src="Includes/JQueryUI/js/jquery-3.5.1.min.js" type="text/javascript"></script>
    <script src="Includes/JQueryUI/js/jquery-migrate-3.3.2.min.js" type="text/javascript"></script>
    <script src="Includes/Scripts/PA2.0/common.js" type="text/javascript"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" type="text/javascript" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
    <script src="Includes/Scripts/PA2.0/passwordReset.js" type="text/javascript"></script>
    <script src="Includes/Scripts/PA2.0/common.js" type="text/javascript"></script>
    <script src="Includes/Scripts/PA2.0/pendo.js" type="text/javascript"></script>

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous" />
    <link rel="stylesheet" href="./includes/css/selfRegistration.css" />
    <link rel="stylesheet" href="./Includes/Css/PA2.0/common.css" />

</head>
<body>
    <axi:ModalSpinner ID="ModalSpinner" runat="server"/>
    <form name="PasswordReset" id="PasswordResetHtmlForm" runat="server" class="needs-validation" novalidate> 
        <asp:HiddenField ID="HdnLogoImgTopPosition" runat="server" ClientIDMode="Static" />
        <div class="container">
            <div class="main-content">
                <div class="university-logo-container">
                    <axi:LogoImage ID="LogoImage1" runat="server" CssImage="university-logo" />
                </div>

                <axi:Notification ID="Notification" runat="server" />

                <div id="RegisterFormContainer" runat="server" class="text-container">
                    <div id="PageTitle" runat="server" class="text-register-access">Forgot Password?</div>
                    
                    <div id="content1" runat="server" class="description">
                        <b id="ShowStep" runat="server">Step 1:&nbsp;</b>Enter your details to request a password reset.
                    </div>
            
                    <div class="text-center m-0">
                        <div class="col-12 mt-4 mx-0">
                            <label for="Birthday" class="label">Birth Date <sup class="red">&#8290;*</sup></label>
                            <div>
                                <input id="Birthday" runat="server" type="date" name="Birthday" pattern="\d{4}-\d{2}-\d{2}" class="form-control" min="1900-01-01" onclick="setDefaultDate(this)" required />
                                <div id="BirthdayEmptyError" runat="server" class="text-start invalid-feedback">This field is required.</div>
                                <div id="BirthdayInvalidError" class="text-start invalid-feedback" runat="server">Please enter a valid birth date.</div>
                            </div>
                        </div>

                        <div class="col-12 mt-3 mx-0">
                            <label for="FirstName" class="label">First Name <sup class="red">&#8290;*</sup></label>
                            <div>
                                <input type="text" id="FirstName" name="FirstName" runat="server" class="form-control" required maxlength="30" />
                                <div id="FirstNameEmptyError" runat="server" class="text-start invalid-feedback">This field is required.</div>
                                <div id="FirstNameInvalidError" class="text-start invalid-feedback" runat="server">Please enter a valid first name.</div>
                            </div>
                        </div>

                        <div class="col-12 mt-3 mx-0">
                            
                            <% if (IsTextMessagingEnabled) { %>
                            <label for="EmailOrPhone" class="label">Email or Mobile Number <sup class="red">&#8290;*</sup></label>
                            <% } %> 

                            <% else { %>
                            <label for="EmailOrPhone" class="label">Email <sup class="red">&#8290;*</sup></label>
                            <% } %> 

                            <div>
                                <input id="EmailOrPhone" name="EmailOrPhone" runat="server" class="form-control" required maxlength="100" type="text" />
                                <div id="EmailOrPhoneEmptyError" runat="server" class="text-start invalid-feedback"> This field is required.</div>
                                <div id="EmailOrPhoneInvalidError" runat="server" class="text-start invalid-feedback">Please enter a valid email address or mobile number.</div>
                            </div>
                        </div>
                    
                    </div>

                    <div class="text-center w-100">
                        <asp:Button ID="SubmitDesktopBtn" CssClass="btn btn-pa btn-primary desktop-submit-btn HideOnMobile" runat="server" Text="Next" onclick="SubmitBtn_Click" onclientclick="openModalSpinner();" ClientIDMode="Static"/>
                    </div>
                </div>

                <div id="EmailSentContainer" runat="server" class="email-sent-container">
                    <img class="email-sent-img" src="./Includes/Images/newAppointmentConfirmation.png" />
                    <div id="EmailSentMessage" runat="server" class="description"></div>
                </div>

            </div>

            <div class="mx-3 mt-4">
                <asp:Literal ID="ErrorText" runat="server" Visible="false" EnableViewState="false"  />
                <asp:Button ID="SubmitBtn" CssClass="btn btn-pa btn-primary my-3 w-100 ShowOnMobile" runat="server" Text="Next" onclick="SubmitBtn_Click" onclientclick="openModalSpinner();" ClientIDMode="Static"/>
                <axi:LinksRow runat="server"></axi:LinksRow>
            </div>
            
            <axi:Copyright ID="Copyright" runat="server" />
        </div>
    </form>
        
    <div class="HideOnMobile">
        <div class="welcome-iframe-box">
            <iframe class="welcome-iframe" src='WelcomeToPA.aspx'></iframe>
        </div>
    </div>

    <script type="text/javascript">
        $(function () {
            passwordResetValidationCheck();
        });
    </script>
</body>
</html>

