<%@ page language="C#" autoeventwireup="true" inherits="Pages_Alumni_Registration, App_Web_scnj5cut" enableEventValidation="false" viewStateEncryptionMode="Never" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href='<%# ResolveUrl("~/App_Themes/BlackTheme/bootstrap/css/bootstrap.min.css")%>' rel="Stylesheet" type="text/css" />
    <link href="~/App_Themes/BlackTheme/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/solid.css" integrity="sha384-wnAC7ln+XN0UKdcPvJvtqIH3jOjs9pnKnq9qX68ImXvOGz2JuFoEiCjT8jyZQX2z" crossorigin="anonymous">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/fontawesome.css" integrity="sha384-HbmWTHay9psM8qyzEKPc8odH4DsOuzdejtnr+OFtDmOcIVnhgReQ4GZBH7uwcjf6" crossorigin="anonymous">
    <link href="../../App_Themes/admission/css/bootstrap.css" rel="stylesheet" />
    <link href="../../App_Themes/admission/css/style.css" rel="stylesheet" />
    <link href="../../App_Themes/admission/css/jquery-ui.css" rel="stylesheet" />
    <link href="http://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i" rel="stylesheet">
</head>
<body class="">
    <div class="w3l-main">
        <div class="row">
            <div class="col-lg-12">
                <div class="page-header">
                    <h3>
                        <asp:Label ID="schoolnameLabel" runat="server" Style="font-weight: 500; text-align: center;" Text=""></asp:Label></h3>
                    <h2 class="pTop6">Form for Alumni Registration</h2>
                </div>
            </div>
        </div>
        <form id="form1" runat="server" class="w3l-from container">

            <div class="col-lg-12 padd-0 mt1" runat="server" id="failurebdaymessage" visible="false">
                <div class="alert alert-danger" style="margin-bottom: 0px !important; font-size: small">
                    <asp:Label runat="server" ID="BirthDateErrorLabel"></asp:Label>
                </div>
            </div>

            <div class="col-lg-12 padd-0 mt1" runat="server" id="Div1" visible="false">
                <div class="alert alert-danger">
                    <i class="fas fa-times"></i>&nbsp;&nbsp;&nbsp;Error ! Please check all the inputs.
                </div>
            </div>

            <div class="col-lg-12 padd-0 mt1" runat="server" id="Div2" visible="false">
                <div class="alert alert-danger">
                    <asp:Label runat="server" ID="Label3"></asp:Label>
                </div>
            </div>

            <div class="col-lg-12 padd-0 mt1">
                <div class="alert alert-danger">
                    <i class="fa fa-asterisk "></i>&nbsp;&nbsp;&nbsp;Required Field
                </div>
            </div>

            <div class="col-lg-12 padd-0 mt1" id="Div3" runat="server" visible="false">
                <div class="alert alert-info">
                    <h6>
                        <asp:Label ID="Label4" runat="server" Text=""></asp:Label>
                    </h6>
                </div>
            </div>

            <div class="col-lg-12 padd-0 mt1" runat="server" id="Div4" visible="false">
                <div class="alert alert-danger">
                    <i class="fas fa-times"></i>&nbsp;&nbsp;&nbsp;Error ! Please check all the inputs.
                </div>
            </div>

            <div class="col-lg-12 padd-0 mt1" id="remarkdiv" runat="server" visible="false">
                <div class="alert alert-info">
                    <h6>
                        <asp:Label ID="AdmissionRemarkLabel" runat="server" Text=""></asp:Label>

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

            <div class="col-lg-12 padd-0 mt1">
                <div class="alert alert-success" runat="server" id="successmessage" visible="false">
                    <strong><span class="glyphicon glyphicon-ok"></span>Your data has been successfully saved!</strong>
                </div>
            </div>
            <div class="col-lg-12 padd-0 mt1">
                <div runat="server" id="failuremessage" visible="false">
                    <div class="alert alert-danger" style="margin-bottom: 0px !important; font-size: small;">
                        <span class="glyphicon glyphicon-remove"></span><strong>Error! Please check all the inputs.</strong>
                    </div>
                </div>
            </div>
            <div class="col-lg-12 padd-0 mt1">
                <div runat="server" id="failuremessagediv" visible="false">
                    <div class="alert alert-danger" style="margin-bottom: 0px !important; font-size: small">
                        <strong>
                            <asp:Label runat="server" ID="FailureMessageLabel"></asp:Label></strong>
                    </div>
                </div>
            </div>
            <div class="col-lg-12 padd-0 mt1">
                <div runat="server" id="successmessageDiv" visible="false">
                    <div class="alert alert-success" style="margin-bottom: 0px !important; font-size: small">
                        <strong>
                            <asp:Label runat="server" ID="SuccessLabel"></asp:Label></strong>
                    </div>
                </div>
            </div>

            <div class="form-group">
                <div class="col-lg-12 padd-0">
                    <div class="topic-header">
                        <h5>
                            <span id="Span1" runat="server" class=""><i class="fas fa-user-graduate bg-yellow"></i>&nbsp;Candidate Information</span>
                        </h5>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">* First Name</label>
                            <div class="input-group">
                                <asp:TextBox ID="FirstNameTextBox" CssClass="form-control" runat="server" placeholder="First Name"></asp:TextBox>
                                <div id="fnamenull" class="null-message" style="display: none">First Name is required</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">Middle Name</label>
                            <div class="input-group">
                                <asp:TextBox ID="MiddleNameTextBox" CssClass="form-control" runat="server" placeholder="Middle Name"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">* Last Name</label>
                            <div class="input-group">
                                <asp:TextBox ID="LastNameTextBox" CssClass="form-control" runat="server" placeholder="Last Name"></asp:TextBox>
                                <div id="lnamenull" class="null-message" style="display: none">Last Name is required</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputEmail">* Registration Date</label>
                            <div class="input-group">
                                <asp:TextBox runat="server" CssClass="form-control" ID="RegistrationDateTextBox" placeholder="dd/mm/yyyy" onkeyup="FormatIt(this);" />
                                <div id="RegistrationDatenull" class="null-message" style="display: none">Registration Date is required</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputEmail">* Contact Email</label>
                            <div class="input-group">
                                <asp:TextBox ID="EmailIdTextBox" CssClass="form-control" runat="server" placeholder="Contact Email"></asp:TextBox>
                                <div id="EmailIdnull" class="null-message" style="display: none">EmailId is required</div>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputEmail">* Mobile No.</label>
                            <div class="input-group">
                                <asp:TextBox ID="MobileNoTextBox" CssClass="form-control" runat="server" placeholder=" Mobile No." onkeypress="OnlyNumericEntry()"></asp:TextBox>
                                <div id="MobileNonull" class="null-message" style="display: none">MobileNo is required</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputEmail">* Organization</label>
                            <div class="input-group">
                                <asp:DropDownList ID="OrgIdDropDownList" CssClass="form-control" runat="server" OnSelectedIndexChanged="OrgIdDropDownList_SelectedIndexChanged" AutoPostBack="true"></asp:DropDownList>
                                <div id="Organizationnull" class="null-message" style="display: none">Organization is required</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputEmail">* Passing Batch</label>
                            <div class="input-group">
                                <asp:DropDownList ID="PassingBatchDropDownList" CssClass="form-control" runat="server" placeholder="Passing Batch"></asp:DropDownList>
                                <div id="PassingBatchnull" class="null-message" style="display: none">PassingBatch is required</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputEmail">* Passing Class</label>
                            <div class="input-group">
                                <asp:DropDownList ID="PassingClassIdDropDownList" CssClass="form-control" runat="server" placeholder="Passing Class"></asp:DropDownList>
                                <div id="PassingClassnull" class="null-message" style="display: none">Passing Class is required</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">* Gender</label>
                            <div class="input-group">
                                <asp:DropDownList ID="GenderDropDownList" CssClass="form-control" runat="server" onchange="DropDownCheck(this)">
                                </asp:DropDownList>
                                <div id="gendernull" class="null-message" style="display: none">Select Gender</div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="form-group">
                <div class="col-lg-12 padd-0">
                    <div class="topic-header">
                        <h5>
                            <span id="Span2" runat="server" class=""><i class="fas fa-user-tie bg-pink"></i>&nbsp;Employment Information</span>
                        </h5>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">Employment Type</label>
                            <div class="input-group">
                                <asp:DropDownList ID="EmployeementTypeDropDownList" CssClass="form-control" runat="server"></asp:DropDownList>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">Employer Name</label>
                            <div class="input-group">
                                <asp:TextBox ID="EmployerNameTextBox" runat="server" CssClass="form-control" placeholder="EmployerName"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">Designation</label>
                            <div class="input-group">
                                <asp:TextBox ID="DesignationTextBox" runat="server" CssClass="form-control" placeholder="Designation"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">Employment Country</label>
                            <div class="input-group">
                                <asp:TextBox ID="EmployeementCountryTextBox" runat="server" CssClass="form-control" placeholder="Employment Country"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">Employment State</label>
                            <div class="input-group">
                                <asp:TextBox ID="EmployeementStateTextBox" runat="server" CssClass="form-control" placeholder="Employment State"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">Employment City</label>
                            <div class="input-group">
                                <asp:TextBox ID="EmployeementCityTextBox" runat="server" CssClass="form-control" placeholder="Employment City"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">Special Achievement</label>
                            <div class="input-group">
                                <asp:TextBox ID="SpecialAchievementTextBox" runat="server" CssClass="form-control" placeholder="Special Achievement"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <div class="col-lg-12 padd-0">
                    <div class="topic-header">
                        <h5>
                            <span id="Span3" runat="server" class=""><i class="fas fa-graduation-cap bg-blue"></i>&nbsp;Higher Studies Information</span>
                        </h5>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">University Name</label>
                            <div class="input-group">
                                <asp:TextBox ID="UniversityNameTextBox" CssClass="form-control" runat="server" placeholder="University Name"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">Higher Study Country</label>
                            <div class="input-group">
                                <asp:TextBox ID="HigherStudyCountryTextBox" CssClass="form-control" runat="server" placeholder="Higher Study Country"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">Higher Study State</label>
                            <div class="input-group">
                                <asp:TextBox ID="HigherStudyStateTextBox" CssClass="form-control" runat="server" placeholder="Higher Study State"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">Higher Study City</label>
                            <div class="input-group">
                                <asp:TextBox ID="HigherStudyCityTextBox" CssClass="form-control" runat="server" placeholder="Higher Study City"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <div class="col-lg-12 padd-0">
                    <div class="topic-header">
                        <h5>
                            <span id="Span4" runat="server" class=""><i class="fas fa-info-circle bg-green"></i>&nbsp;Residential Details</span>
                        </h5>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">Residential Country</label>
                            <div class="input-group">
                                <asp:TextBox ID="ResidentialCountryTextBox" CssClass="form-control" runat="server" placeholder="Residential Country"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">Residential State</label>
                            <div class="input-group">
                                <asp:TextBox ID="ResidentialStateTextBox" CssClass="form-control" runat="server" placeholder="Residential State"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">Residential City</label>
                            <div class="input-group">
                                <asp:TextBox ID="ResidentialCityTextBox" CssClass="form-control" runat="server" placeholder="Residential City"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">Office Phone</label>
                            <div class="input-group">
                                <asp:TextBox ID="OfficePhoneTextBox" CssClass="form-control" runat="server" placeholder="Office Phone"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">Residential Phone</label>
                            <div class="input-group">
                                <asp:TextBox ID="ResidentialPhoneTextBox" CssClass="form-control" runat="server" placeholder="Residential Phone"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4" runat="server" id="otpDiv" visible="false">
                        <div class="bg-white">
                            <label for="InputName">Enter Otp</label>
                            <div class="input-group">
                                <asp:TextBox ID="OtpTextBox" runat="server" CssClass="form-control" placeholder="Enter Otp"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <div class="center col-md-12">
                <center>
                    <asp:Button ID="SaveButton" CssClass="btn green fas" runat="server" Text="&#xf044; Send Otp" OnClick="SaveButton_Click" OnClientClick="return ValidateNull();" />
                    </center>
            </div>
        </form>
    </div>
</body>
</html>
<script type="text/javascript">
    $(function () {
        var currentYear = (new Date).getFullYear();
        $("#RegistrationDateTextBox").datepicker({
            dateFormat: 'dd/mm/yy',
            changeYear: true,
            changeMonth: true,
            yearRange: "1950:currentYear"
        }).val();


    });


</script>
<script type="text/javascript">
    function openPopup1() {
        $('#dialog').dialog({
            title: "Generated Otp sent in your mobile",
            button: {

                close: function () {
                    $(this).dialog('close');
                }

            },
            modal: true
        });
        return false;
    }

    function OtpSend() {

        var text = $("#OtpTextBox").val();
        $("#OtpHiddenField").val(text);
        $("#dialog").dialog('close');

    }

</script>
<script src="../../App_Themes/BlackTheme/plugins/jQueryUI/jquery-ui.min.js"></script>
<script src='<%# ResolveUrl("~/App_Themes/BlackTheme/plugins/jQueryUI/jquery-ui.min.js")%>' type="text/javascript"></script>
<script src="../../JavaScript/rjs/lib/jquery-1.10.2.js"></script>
<script src="../../JavaScript/rjs/lib/1.11.4-jquery-ui.js"></script>
<script type="text/javascript">
    $(function () {
        var currentYear = (new Date).getFullYear();
        $("#BirthDateTextBox").datepicker({
            dateFormat: 'dd/mm/yy',
            changeYear: true,
            changeMonth: true,
            yearRange: "1950:currentYear"
        }).val();
    });
    function FormatIt(obj) {
        if (obj.value.length == 2)
            obj.value = obj.value + "/";
        if (obj.value.length == 5)
            obj.value = obj.value + "/";
    }
    function isNumberKey(evt) {
        var charCode = (evt.which) ? evt.which : event.keyCode
        if (charCode > 31 && (charCode < 48 || charCode > 57)) {
            return false;
        }
        else {
            var mobile = document.getElementById("MobileNoTextBox").value;
            var DOB = document.getElementById("BirthDateTextBox").value;
            if (mobile != "") {
                document.getElementById("mobilenull").style.display = 'none';
            }
            if (DOB != "") {
                document.getElementById("dobdnull").style.display = 'none';
            }
        }
    }
    function CheckPassword() {
        var pass = document.getElementById("PasswordTextBox").value;
        var conpass = document.getElementById("ConfirmPasswordTextBox").value;
        if (pass != "") {
            document.getElementById("passnull").style.display = 'none';
        }
        if (conpass != "") {
            document.getElementById("confirmpassnull").style.display = 'none';
        }
    }
    function checkNum() {
        if ((event.keyCode > 64 && event.keyCode < 91) || (event.keyCode > 96 && event.keyCode < 123) || event.keyCode == 8 || event.keyCode == 32 || event.keyCode == 13 || event.keyCode == 176) {
            var fname = document.getElementById("FirstNameTextBox").value;
            var lname = document.getElementById("LastNameTextBox").value;
            if (fname != "") {
                document.getElementById("fnamenull").style.display = 'none';
            }
            if (lname != "") {
                document.getElementById("lnamenull").style.display = 'none';
            }
        }
        else {
            event.returnValue = false;
        }
    }
</script>


