TechEthical CEHP

<%@ Page Title="OTP Verification" Language="C#" MasterPageFile="~/Main.Master" enableEventValidation="false" AutoEventWireup="true" CodeBehind="FreeRegistrationOTP.aspx.cs" Inherits="Main.OTPVerification" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link href="css/otp.css" rel="stylesheet" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

    <div class="" id="myModal1" role="dialog" style="background-color:white" >
    <div class="modal-dialog">
    
      <!-- Modal content-->

      <div class="modal-content">
        <div class="modal-header  bg-success">
         
          <h4 class="modal-title"></h4>
        </div>
        <div class="modal-body" style="background-color: oldlace;">


           <div id="wrapper">
  <div id="dialog">
   
      <h3>Your Record has been saved </h3>

    <h4>Please share OTP for your Mobile Verification</h4>
    <span></span>
       <center>
           Mobile No. <asp:TextBox ID="txtMobileNo" width="200px" CssClass="form-control pt-1" runat="server" maxLength="10" size="15" min="0" max="9" pattern="[0-9]{10}" ></asp:TextBox>
      
       </center>
     
    <div id="form">
    <br />
        <center> OTP <asp:TextBox ID="txtOTP" runat="server" width="200px" CssClass="form-control pt-1" maxLength="4" size="8" min="0" max="9" pattern="[0-9]{4}" ></asp:TextBox>
           
              <asp:Button ID="btn_otpVerify" runat="server" Width="100px" Text="Verify" CssClass="btn btn-info" OnClick="btn_otpVerify_Click"/>
        </center>
        </div>
    <div>

      If you didn't receive the code then click <br />
      <asp:Button ID="butGetOTP" runat="server" Width="100px" Text="Resend OTP" CssClass="btn btn-info pt-1" OnClick="butGetOTP_Click" />
        
<%--   <asp:Button ID="btn_resendsms" runat="server" Text="Send code again" CssClass="btn btn-default pt-1" OnClick="btn_resendsms_Click"/>
     --%>

    </div>

  </div>
</div>
        </div>
        <div class="modal-footer bg-success">
            <asp:Panel ID="pnl_alert" runat="server" Visible="false">

                <div class="alert alert-success fade in alert-dismissible" style="margin-top:18px;">
            <a href="#" class="close" data-dismiss="alert" aria-label="close" title="close">×</a>
            <strong>     Success!</strong> 4-digit verification code we sent via SMS  &nbsp; <% Response.Write(Session["mobile"]) ; %>
        </div>

            </asp:Panel>
                        
             <asp:Panel ID="pnl_update" runat="server" Visible="false">
                <div class="alert alert-success alert-dismissible" style="margin-top:18px;">
                    <a href="#" class="close" data-dismiss="alert" aria-label="close" title="close">×</a>    
                    <asp:Label ID="lbl_update" ForeColor="White" runat="server" Text=""></asp:Label>                   
                </div>      
            </asp:Panel>


              <asp:Panel ID="pnl_fail" runat="server" Visible="false">

            <div class="alert alert-danger fade in alert-dismissible">
    <a href="#" class="close" data-dismiss="alert" aria-label="close" title="close">×</a>
   <center> <strong>Fail!</strong> Your OTP is Invalid please Try Again</center>
</div>


            </asp:Panel>
         



        </div>
      </div>
      
    </div>
  </div>





</asp:Content>