<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="GetOneTimeCode.aspx.cs" Inherits="DoctorAccess.PatientAccess.GetOneTimeCode" %>
<%@ 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="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="https://kit.fontawesome.com/95fbe47167.js" crossorigin="anonymous"></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/common.js" type="text/javascript"></script>
    <script src="Includes/Scripts/PA2.0/getOneTimeCode.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"/>
    <link rel="stylesheet" href="./Includes/Css/PA2.0/getOneTimeCode.css"/>
</head>
<body>
    <axi:ModalSpinner ID="ModalSpinner" runat="server"/>
    <form name="SelfRegis" id="SelfRegis" runat="server" class="needs-validation p-0 m-0" novalidate>
        <asp:HiddenField ID="HdnLogoImgTopPosition" runat="server" ClientIDMode="Static" />
        <div class="container">
            <div class="otp-main-content">
                <axi:Notification ID="Notification" runat="server" />
                <div class="university-logo-container">
                    <axi:LogoImage ID="LogoImage1" runat="server" CssImage="university-logo"/>
                </div>

                <div id="RegisterFormContainer" runat="server" class="text-container text-container-with-back-link">
                
                    <div class="back-link ShowOnMobile">
                        <asp:LinkButton ID="BackBtn" runat="server" CssClass="text-decoration-none" OnClientClick="openModalSpinner()" OnClick="BackBtn_Click">
                            <i class="bi bi-chevron-left"></i>Back to <asp:Literal ID="PreviousPageName" runat="server" EnableViewState="false" />
                        </asp:LinkButton>
                    </div>

                    <div id="PageTitle" runat="server" class="text-register-access opt-title"></div>
                    <div id="content1" runat="server" class="description">
                        <b>Step 2:</b>&nbsp;Get a one-time verification code to verify your identity.
                    </div>

                    <div id="ShowOneOption" runat="server" class="row mt-4">
                        <div id="EmailPanel" runat="server" class="d-flex justify-content-center align-items-center">
                            <i class="fa-solid fa-envelope otp-icon pe-2"></i>Email&nbsp;<span id="Email" runat="server" class="pe-none"></span>
                        </div>
                        <div id="PhonePanel" runat="server" class="d-flex justify-content-center align-items-center">
                            <i class="fa-solid fa-mobile-screen-button otp-icon pe-2"></i>Mobile&nbsp;<span id="Phone" runat="server" class="pe-none"></span>
                        </div>
                    </div>


                    <div id="ShowRadioOptions" runat="server" class="mt-4">
                        <div class="left col-lg-6 col-sm-12 no-left-margin no-right-margin">
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="PhoneRadio" id="PhoneRadio" runat="server">
                                <label id="PhoneNumberRadioLabel" runat="server" class="form-check-label" for="PhoneRadio"></label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="EmailRadio" id="EmailRadio" runat="server">
                                <label id="EmailRadioLabel" runat="server" class="form-check-label" for="EmailRadio"></label>
                            </div>
                        </div>
                    </div>

                    <div id="ConfirmMessage" runat="server" class="mt-4 confirm-message">
                        By selecting "Get Code" you confirm you’re authorized to use this phone number and you agree to receive a text message. Message and data rates may apply.
                    </div>

                    <div class="text-center w-100">
                        <asp:Button ID="ContinueDesktopBtn" CssClass="btn btn-pa btn-primary desktop-submit-btn HideOnMobile" runat="server" Text="Get Code" OnClick="ContinueBtn_Click" OnClientClick="openModalSpinner();"/>
                    </div>

                    <div class="text-center back-link">
                        <asp:LinkButton ID="BackDesktopBtn" runat="server" CssClass="text-decoration-none HideOnMobile" OnClientClick="openModalSpinner()" OnClick="BackBtn_Click">
                            <i class="bi bi-chevron-left"></i>Back to <asp:Literal ID="PreviousPageNameDesktop" runat="server" EnableViewState="false" />
                        </asp:LinkButton>
                    </div>


                </div>

                
            </div>

            <div class="mx-3">
                <asp:Button ID="ContinueBtn" CssClass="btn btn-pa btn-primary mb-3 w-100 ShowOnMobile" runat="server" Text="Get Code" OnClick="ContinueBtn_Click" OnClientClick="openModalSpinner()"/>
                <axi:LinksRow runat="server"></axi:LinksRow>
            </div>
            <asp:Label ID="CopyrightLabel" CssClass="copyright" runat="server"></asp:Label>

        </div>
    </form>


    <div class="HideOnMobile">
        <div class="welcome-iframe-box">
            <iframe class="welcome-iframe" src='WelcomeToPA.aspx'></iframe>
        </div>
    </div>

</body>
</html>