@{
    ViewBag.Title = "Login";
    Layout = null;
}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>UPES</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="UPES is one of the best Universities in Dehradun, Uttarakhand which offers various courses in Law, Management,
    Business, Engineering, Design sectors. Admission is open for the 2022 batch." />
    <meta name="keywords" content="upes admission, upes fee, upes program, upes btech, upes course, upes application form, upes college, upes mba, upes bba, upes bdes, upes mdes, upes llb" />
    <meta property="og:title" content="" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="" />
    <meta property="og:image" content="" />
    <meta property="og:description" content="" />
    <meta property="og:site_name" content="" />
    <meta name="twitter:site" content="" />
    <meta name="twitter:title" content="" />
    <meta name="twitter:description" content="" />
    <meta name="twitter:creator" content="" />
    <meta name="twitter:image:src" content="" />
    <link rel="stylesheet" href="/assets/css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="/assets/slick/slick.min.css" />
    <link rel="stylesheet" type="text/css" href="/assets/css/style.css" />
    <link href="https://cdnjs.cloudflare.com/ajax/libs/slick-lightbox/0.2.12/slick-lightbox.css" rel="stylesheet" />
    <link rel="icon" type="image/png" href="/assets/images/favicon.png" />
    <script src="/assets/js/jquery-3.6.3.min.js"></script>
    @* <script src="/assets/js/bootstrap.min.js"></script>*@
    <script src="/assets/js/index.bundle.min.js"></script>
    <script src="/assets/slick/slick.min.js" async></script>
    <script src="/assets/js/lazysizes.min.js" async></script>
    <script src="/assets/js/common.js" async></script>
    <script src="https://unpkg.com/&#64;lottiefiles/lottie-player@latest/dist/lottie-player.js" async></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>

    <style>
        .btn-close {
            float: right;
        }

        .top-strp {
            width: 100%;
            font-size: 14px;
            color: #fff;
            background: rgb(4,102,152);
            background: linear-gradient(151deg, rgba(4,102,152,1) 41%, rgba(42,177,215,1) 100%);
            text-align: center;
            float: right;
            position: fixed;
            right: 0px;
            border: 0px;
            bottom: 0px;
            z-index: 7777;
        }

        .bld {
            font-weight: bold;
        }

        @@media only screen and (max-width:640px) {
            .top-strp {
                width: 100%;
                margin: 4% auto;
                bottom: 32px;
                font-size: 12px;
            }
        }
    </style>
    <script>
        $(document).ready(function () {


            $('#SessionYear').on('change', function () {
                //debugger;
                $("#cource").html("");
                $("#cource").html("<option Value='0' selected >Select Course</option>");
                $('#divprogram').hide();
                bindcdata('UG');
            })


            $('.submit-click').on('click', function () {
                $('.app-form-main').hide();
                $('.app-form-success').addClass('active').fadeIn();
            })

            $('#caotp_1').on('keyup', function () {
                if ($('#caotp_1').val().length == 1) {
                    $('#caotp_2').focus();
                }
            })
            $('#caotp_2').on('keyup', function () {
                if ($('#caotp_2').val().length == 0) {
                    $('#caotp_1').focus();
                }
                else if ($('#caotp_2').val().length == 1) {
                    $('#caotp_3').focus();
                }
            })
            $('#caotp_3').on('keyup', function () {
                if ($('#caotp_3').val().length == 0) {
                    $('#caotp_2').focus();
                }
                else if ($('#caotp_3').val().length == 1) {
                    $('#caotp_4').focus();
                }
            })
            $('#caotp_4').on('keyup', function () {
                if ($('#caotp_4').val().length == 0) {
                    $('#caotp_3').focus();
                }
                else if ($('#caotp_4').val().length == 1) {
                    $('#modalVerifyBtn').focus();
                }
            })


            $('input:radio[name="inlineRadioOptions"]').change(
                function () {
                    if ($(this).is(':checked')) {

                        if ($(this).val() == 'indian') {
                            $('.ind_field').removeClass('hidden');
                            $('.nri_field').addClass('hidden');
                            $("#hdntype").val('indian');
                            //$('#divotp').show();
                            $('#btnotp').show();
                            //callcurrency('inr');
                        }
                        else if ($(this).val() == 'nri') {
                            $('.nri_field').removeClass('hidden');
                            $('.ind_field').addClass('hidden');
                            $("#hdntype").val('nri');
                            //$('#divotp').hide();
                            $('#btnotp').hide();
                            //callcurrency('usd');
                        }
                    }
                }
            );


            $("#rd_ntn_ind").prop("checked", true);
            $('.ind_field').removeClass('hidden');
            $('.nri_field').addClass('hidden');

            var serviceURLstate = '/Home/bindstate';
            $.ajax({
                url: serviceURLstate,
                type: "GET",
                dataType: "HTML",
                success: function (data) {
                    //  alert(data);

                    if (data != "") {

                        // $("#pstate").html(data);
                        $("#state").html(data);

                    }
                    else {
                        console.log("Error:bindstate")
                    }
                    console.log("Error:bindstate2")

                }
            });

            //indian state 1 first page
            $("#state").change(function () {
                //debugger;
                var stateid = $("#state").val();
                var serviceURLcity = '/Home/bindcity';
                $.ajax({
                    url: serviceURLcity,
                    type: "GET",
                    dataType: "HTML",
                    data: {
                        stateid: stateid
                    },
                    /*async: false,*/
                    success: function (data) {
                        if (data != "") {

                            $("#city").html(data);

                        }
                        else {
                            console.log("Error:bindcity")
                        }
                        console.log("Error:bindcity2")

                    }
                });

            });


            var serviceURLcountry = '/Home/bindnricountry';
            $.ajax({
                url: serviceURLcountry,
                type: "GET",
                dataType: "HTML",
                data: {
                    type: 'nri'
                },
                /*async: false,*/
                success: function (data) {

                    if (data != "") {

                        $("#country").html(data);
                    }

                }
            });

            bindcdata('UG');

            $('#Eligibilitydeclare').on('click', function () {
                var isChecked = $(this).is(":checked");
                if (isChecked) {
                    setTimeout(function () {
                        $('#CourseEligibiityPopupImage').modal('hide');
                    }, 500);
                }

            });
            $('.coaching-center-div').hide();
            $(".other-coaching-div").hide();

            $("#source").change(function () {
                //$("#coachingcentre").hide();
                $('.coaching-center-div').hide();
                $("#othercoachingcentre").val('');
                //$("#othercoachingcentre").hide();
                $(".other-coaching-div").hide();

                var selSource = $("#source").val();
                if (selSource == "3") {
                    //$("#coachingcentre").show();
                    $('.coaching-center-div').show();

                }
                else {

                    // $("#coachingcentre").hide();
                    $('.coaching-center-div').hide();
                    $("#othercoachingcentre").val('');
                    //$("#othercoachingcentre").hide();
                    $(".other-coaching-div").hide();
                    $('#coachingcentre [value=0]').attr('selected', 'true');
                }
            });
            // bind other coaching center
            $("#coachingcentre").change(function () {
                $("#othercoachingcentre").val('');
                //$("#othercoachingcentre").hide();
                $(".other-coaching-div").hide();
                var selCoachingIns = $("#coachingcentre").val();
                if (selCoachingIns == "others") {
                    //$("#othercoachingcentre").show();
                    $(".other-coaching-div").show();

                }
                else {
                    $("#othercoachingcentre").val('');
                    //$("#othercoachingcentre").hide();
                    $(".other-coaching-div").hide();
                }
            });

            var serviceURL = '/Home/bindenquirysource';
            $.ajax({
                url: serviceURL,
                type: "GET",
                dataType: "HTML",
                async: false,
                success: function (data) {
                    //  alert(data);

                    if (data != "") {


                        $("#source").html(data);

                    }
                    else {
                        console.log("Error:bindenquirysource")
                    }
                    console.log("Error:bindenquirysource2")

                }
            });


            //bind coaching institute
            var serviceCoachingURL = '/Home/bindcoaching';
            $.ajax({
                url: serviceCoachingURL,
                type: "GET",
                dataType: "HTML",
                async: false,
                success: function (data) {
                    //  alert(data);

                    if (data != "") {


                        $("#coachingcentre").html(data);

                    }
                    else {
                        console.log("err:coachingcentre");
                    }
                    //  alert(data);
                    console.log("err:coachingcentre2");
                }
            });


            $('#lastname,#middlename,#txtfirstname').on('keydown', function (e) {
                var k = e.keyCode || e.which;
                var ok = k >= 65 && k <= 90 || // A-Z
                    k >= 96 && k <= 105 || // a-z
                    k >= 35 && k <= 40 || // arrows
                    k == 9 || //tab
                    k == 46 || //del
                    k == 8 || // backspaces
                    k == 32 || // spaces
                    (!e.shiftKey && k >= 48 && k <= 57); // only 0-9 (ignore SHIFT options)

                if (!ok || (e.ctrlKey && e.altKey)) {
                    e.preventDefault();
                }
            });

            $("#already_otp").on('keyup', function () {
                var len = $("#already_otp").val().length;
                if (len == 4) {
                    VerifyOtp();
                }
            })


            var slideButtons = $('.slider-controls');
            if ($('.textWithImageSlider').length) {
                $('.textWithImageSlider').slick({
                    autoplay: true,
                    autoplaySpeed: 5000,
                    appendArrows: ".slider-controls",
                    dots: false,
                    speed: 300,
                    infinite: true,
                    slidesToShow: 1,
                    slidesToScroll: 1,
                    arrows: true,
                    appendArrows: slideButtons,
                    responsive: [
                        {
                            breakpoint: 1024,
                            settings: {
                                slidesToShow: 1,
                                slidesToScroll: 1,
                                arrows: true,
                            }
                        },
                        {
                            breakpoint: 600,
                            settings: {
                                infinite: false,
                                centerMode: false,
                                slidesToShow: 1,
                                slidesToScroll: 1,
                                dots: false,
                                arrows: true,
                            }
                        },
                        {
                            breakpoint: 480,
                            settings: {
                                centerMode: false,
                                infinite: false,
                                slidesToShow: 1,
                                slidesToScroll: 1,
                                dots: false,
                                arrows: true,
                            }
                        }
                    ]
                });
            }

            setHeight();
            //$(document).on("click",".accord-form-item .accord-form-header", function(){
            $('.accord-form-item .accord-form-header').on("click", function () {
                if ($(this).hasClass('active')) {
                    $(this).removeClass('active');
                    $(this).next('.accord-form-content').slideUp();
                }
                else {
                    //console.log('inactive');
                    $(this).parents('.accord-form-item').find('.accord-form-header').removeClass('active');
                    $(this).parents('.accord-form-item').find('.accord-form-content').slideUp();
                    $(this).addClass('active').parents('.accord-form-item').siblings().find('.accord-form-header').removeClass('active');
                    $(this).next('.accord-form-content').slideDown().parents('.accord-form-item').siblings().find('.accord-form-content').slideUp();
                }
            }).eq(0).click();

            $('#eligibilityCriteria').on('change', function (e) {
                // alert(1)
                if (e.target.checked) {
                    //alert(2)
                    $('#CourseEligibiityPopupImage').modal("show");

                }
            });

            $('#CourseEligibiityPopupImage .close').on('click', function () {
                //alert(1)
                $('#CourseEligibiityPopupImage').modal("hide");
            });
        })
    </script>
    <script>
        document.getElementById("toastbtn").onclick = function () {
            var toastElList = [].slice.call(document.querySelectorAll('.toast'))
            var toastList = toastElList.map(function (toastEl) {
                return new bootstrap.Toast(toastEl)
            })
            toastList.forEach(toast => toast.show())
        }
    </script>
    <script type="text/javascript">
        setTimeout(function () {
            (function (w, d, s, l, i) {
                w[l] = w[l] || []; w[l].push({
                    'gtm.start':
                        new Date().getTime(), event: 'gtm.js'
                }); var f = d.getElementsByTagName(s)[0],
                    j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
                        'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
            })(window, document, 'script', 'dataLayer', 'GTM-5QTLTJ');
        });
    </script>

</head>
<body>
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5QTLTJ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    @*<div class="toast show top-strp">
        <div class="toast-body">
            <button type="button" class="btn-close" data-bs-dismiss="toast"></button>
            <p>
                <b class="bld">Admissions closing on August 31, 2024<br /></b>(For B.Tech., BBA, B.Pharm., LL.B. - 5 years, MBA, B.Des., M.Des., B.Com., B.Sc., B.Sc. (Hons.), BA (Hons.), BA, BCA, LL.B.-3 Year, M.Sc., M.Tech., MA, MCA) <br /><b>Direct Admissions through CUET scores for UG/ Integrated Programs.</b>
            </p>
        </div>
    </div>*@
    <header class="fixed">
        <div class="nav_section">
            <nav class="navbar">
                <div class="container">
                    <a href="javascript:;"><img data-src="/assets/images/UPES-logo.svg" alt="UPES" title="UPES" width="147" height="48" class="lazyload" /></a>

                    <button class="navbar-toggler" aria-label="Toggle navigation">
                        <span></span> <span></span> <span></span>
                    </button>
                    <div class="main-nav">
                        <ul class="nav justify-content-end mb-2 mb-lg-0">
                            <li class="nav-item"> <a class="nav-link active" aria-current="page" href="/Application">Dashboard</a> </li>
                            <li class="nav-item"> <a class="nav-link" href="/PersonalDetails">Application Form</a> </li>
                            <li class="nav-item"> <a class="nav-link" href="javascript:;">Book Campus Visit</a> </li>
                            <li class="nav-item"> <a class="nav-link" href="javascript:;">Download Brochure</a> </li>
                            <li class="nav-item"> <a class="nav-link" href="javascript:;">My Profile</a> </li>
                            <li class="nav-item"> <a class="nav-link" href="javascript:willLogout()">Sign Out</a> </li>
                        </ul>
                    </div>
                </div>
            </nav>
        </div>
        @*<div class="bottomstrp mobile-view">
                <b>Last date to apply:</b><br> <b>24<sup>th</sup> April</b> (For B.Tech, BBA, B.Pharm. &amp; LL.B. 5 Years)<br><b>30<sup>th</sup> April</b> (For MBA, B.Des, M.Des, B.Com, B.Sc, B.Sc. (Hons.), BA (Hons.), BA, BCA, LLB-3 Year, M.Sc, M.Tech, MA, MCA)
            </div>*@
    </header>
    <main>
        <section class="section-py">
            <div class="container">
                <div class="w-100">
                    <div class="row justify-content-between">
                        <div class="col-md-4">
                            <div class="textWithImageSlider">
                                @*<div class="item">
                                    <figure class="imgBox">
                                        <picture>
                                            <source media="(min-width:769px)" srcset="/assets/images/Banner_Last_date_to_apply.jpg" width="365" height="564" alt="Thumb Banner" title="Thumb Banner" class="lazyload">
                                            <source media="(max-width:768px)" srcset="/assets/images/Banner_Last_date_to_apply_mobile.jpg" width="324" height="237" alt="Thumb Banner" title="Thumb Banner" class="lazyload">
                                            <img data-src="/assets/images/Banner_Last_date_to_apply.jpg" width="365" height="564" alt="Thumb Banner" title="Thumb Banner" class="lazyload" />
                                        </picture>
                                    </figure>
                                </div>*@
                                <div class="item">
                                    <figure class="imgBox">
                                        <picture>
                                            <source media="(min-width:769px)" srcset="/assets/images/thumb-banner.jpg" width="365" height="564" alt="Thumb Banner" title="Thumb Banner" class="lazyload">
                                            <source media="(max-width:768px)" srcset="/assets/images/thumb-banner-mobile.jpg" width="324" height="237" alt="Thumb Banner" title="Thumb Banner" class="lazyload">
                                            <img data-src="/assets/images/thumb-banner.jpg" width="365" height="564" alt="Thumb Banner" title="Thumb Banner" class="lazyload" />
                                        </picture>
                                    </figure>
                                </div>

                            </div>
                            <div class="slider-controls"></div>
                        </div>
                        <div class="col-md-7">
                            <div class="form-wrap-v2 ">
                                <div class="w-100 app-form-main">
                                    <h1>Application Form</h1>
                                    <ul class="nav nav-tabs common-tabs" role="tablist">
                                        <li class="nav-item" role="presentation">
                                            <button class="nav-link" id="already-applied-tab" data-bs-toggle="tab" data-bs-target="#already-applied" type="button" role="tab" aria-controls="already-applied" aria-selected="false">
                                                Already Applied
                                            </button>
                                        </li>
                                        <li class="nav-item" role="presentation">
                                            <button class="nav-link active" id="new-application-tab" data-bs-toggle="tab" data-bs-target="#new-application" type="button" role="tab" aria-controls="new-application" aria-selected="true">
                                                New Applicant
                                            </button>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane fade" id="already-applied" role="tabpanel" aria-labelledby="already-applied-tab">
                                            <div class="form-group">
                                                <label for="already_mob_email">Mobile Number <span class="redStar">*</span></label>
                                                <div class="d-flex send-otp-wrap">
                                                    <input type="text" name="" id="already_mob_email" class="form-control max-w-input" onkeypress="return isNumberKey(event)" maxlength="14">
                                                    <button class="btn btn-primary btn-lg" onclick="SendOtp(this)" id="btnSendOtp">Send OTP</button>
                                                </div>
                                                <span class="w-100 text-danger ame_validationSpan" style="display:none;">We have sent you an OTP. Please check your message box.</span>
                                            </div>
                                            <div class="form-group alreadyotpdiv" style="display:none;">
                                                <label for="already_otp">Enter OTP <span class="redStar">*</span></label>
                                                <div class="d-flex send-otp-wrap">
                                                    <input type="text" name="" id="already_otp" class="form-control max-w-input" onkeypress="return isNumberKey(event)" maxlength="4">
                                                    <lottie-player src="/assets/json/verify-btn.json" background="transparent" speed="1" class="lottieVerify otp-verify-icon" loop autoplay style="display:none;"></lottie-player>
                                                </div>
                                                <span class="w-100 votp_validationSpan" style="display:none;"></span>
                                            </div>
                                            <div class="form-group btn_wrap alreadysubmit" style="display:none;">
                                                <!-- <button class="btn btn-primary btn-lg max-w-input commonBlackBtn">Submit</button> -->
                                                <a href="javascript:;" class="btn btn-primary max-w-input commonBlackBtn" onclick="SignIn()">Submit</a>
                                            </div>
                                        </div>
                                        <div class="tab-pane fade show active" id="new-application" role="tabpanel" aria-labelledby="new-application-tab">
                                            <div class="row">
                                                <div class="col-lg-6">
                                                    <div class="form-group selectGroup position-relative">
                                                        <label for="sessionYear">Session Year <span class="redStar">*</span></label>
                                                        <div class="form-select">
                                                            <select class="form-control" aria-label="form-select-sm example" id="SessionYear">
                                                                @*<option value="PYear">2024</option>*@
                                                                <option value="CYear" selected="selected">2025</option>
                                                            </select>
                                                        </div>
                                                        @*<span class="errorMsg">Please Select State</span>*@
                                                    </div>
                                                </div>
                                                <div class="clear"></div>
                                                <div class="col-lg-6">
                                                    <div class="form-group position-relative">
                                                        <label for="txtfirstname">First Name (As per 10th Marksheet)<span class="redStar">*</span></label>
                                                        <input type="text" name="" id="txtfirstname" value="" class="form-control" maxlength="40">
                                                        @*<span class="errorMsg">Please Enter First Name</span>*@
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="form-group position-relative">
                                                        <label for="middlename">Middle Name</label>
                                                        <input type="text" name="" id="middlename" value="" class="form-control" maxlength="40">
                                                        @*<span class="errorMsg">Please Enter Last Name</span>*@
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="form-group position-relative">
                                                        <label for="lastname">Last Name</label>
                                                        <input type="text" name="" id="lastname" value="" class="form-control" maxlength="40">
                                                        @*<span class="errorMsg">Please Enter Last Name</span>*@
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="form-group">
                                                        <label for="datepicker">Date Of Birth<span class="redStar">*</span></label>
                                                        <div class="date">
                                                            <input type="date" class="form-control" value="" id="dob" min="1970-01-01" max="2008-12-31" onkeydown="return false" />
                                                        </div>
                                                    </div>
                                                </div>
                                                @*<div class="col-lg-6">
                                                        <label for="email">Email ID<span class="redStar">*</span></label>
                                                        <input type="text" name="" id="email" value="" class="form-control">
                                                    </div>*@

                                                <div class="col-md-6">
                                                    <div class="form-group checkBox-section">
                                                        <label class="headLabel"><span class="redStar">*</span>Gender</label>
                                                        <div class="form-group form-check form-check-inline radioBtn2 radiomain">
                                                            <input class="form-check-input" type="radio" name="genderOptions"
                                                                   id="male" value="Male" checked="">
                                                            <label class="form-check-label" for="male">Male</label>
                                                        </div>
                                                        <div class="form-group form-check form-check-inline radioBtn2 radiomain">
                                                            <input class="form-check-input" type="radio" name="genderOptions"
                                                                   id="female" value="Female">
                                                            <label class="form-check-label" for="female">Female</label>
                                                        </div>
                                                        <div class="form-group form-check form-check-inline radioBtn2 radiomain">
                                                            <input class="form-check-input" type="radio" name="genderOptions"
                                                                   id="other" value="Others">
                                                            <label class="form-check-label" for="other">Other</label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <label>Nationality <span class="redStar">*</span></label>
                                                    <div class="form-group checkBox-section d-flex position-relative">
                                                        <div class="form-group radioBtn2 form-check radiomain">
                                                            <input class="form-check-input" type="radio" name="inlineRadioOptions" id="rd_ntn_ind" value="indian" checked="">
                                                            <label class="form-check-label" for="rd_ntn_ind">Indian</label>
                                                        </div>
                                                        <div class="form-group radioBtn2 form-check radiomain">
                                                            <input class="form-check-input" type="radio" name="inlineRadioOptions" id="rd_ntn_nri" value="nri">
                                                            <label class="form-check-label" for="rd_ntn_nri">NRI/International Students</label>
                                                        </div>
                                                        @*<span class="errorMsg">Please Select Nationality</span>*@
                                                    </div>

                                                </div>

                                                @*Indian section*@
                                                <div class="col-lg-6 ind_field hidden">
                                                    <div class="form-group">
                                                        <label>Country<span class="redStar">*</span></label>
                                                        <input type="text" value="India" class="form-control" disabled>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6 ind_field hidden">
                                                    <div class="form-group">
                                                        <label for="state">State<span class="redStar">*</span></label>
                                                        <div class="form-select">
                                                            <select class="form-control" aria-label="form-select-sm example" id="state">
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6 ind_field hidden">
                                                    <div class="form-group">
                                                        <label for="city">City<span class="redStar">*</span></label>
                                                        <div class="form-select">
                                                            <select class="form-control" aria-label="form-select-sm example" id="city">
                                                                <option value="0" selected>Select City *</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                                @*NRI*@
                                                <div class="col-lg-6 nri_field hidden">
                                                    <div class="form-group">
                                                        <label for="email">Country<span class="redStar">*</span></label>
                                                        <div class="form-select">
                                                            <select class="form-control" aria-label="form-select-sm example" id="country">
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6 nri_field hidden">
                                                    <div class="form-group">
                                                        <label for="nricity">City<span class="redStar">*</span></label>
                                                        <input type="text" name="" id="nricity" value="" class="form-control">
                                                    </div>
                                                </div>


                                                <div class="col-md-12">
                                                    <hr>
                                                </div>

                                                <div class="col-md-12">
                                                    <label>What would you like to study at UPES? <span class="redStar">*</span></label>
                                                    <div class="form-group checkBox-section d-flex position-relative flex-wrap">
                                                        <div class="form-group radioBtn2 form-check radiomain">
                                                            <input class="form-check-input" type="radio" name="programRadioOptions" id="radug" value="UG" checked="">
                                                            <label class="form-check-label" for="radug">Undergraduate</label>
                                                        </div>
                                                        <div class="form-group radioBtn2 form-check radiomain">
                                                            <input class="form-check-input" type="radio" name="programRadioOptions" id="radpg" value="PG">
                                                            <label class="form-check-label" for="radpg">Postgraduate</label>
                                                        </div>
                                                        <div class="form-group radioBtn2 form-check radiomain">
                                                            <input class="form-check-input" type="radio" name="programRadioOptions" id="inlineRadio3" value="PHD">
                                                            <label class="form-check-label" for="inlineRadio3">PHD</label>
                                                        </div>
                                                        <div class="form-group radioBtn2 form-check radiomain">
                                                            <input class="form-check-input" type="radio" name="programRadioOptions" id="radGlobalProgram" value="GlobalProgram">
                                                            <label class="form-check-label" for="radGlobalProgram">Global Pathway Program</label>
                                                        </div>
                                                        <div class="form-group radioBtn2 form-check radiomain">
                                                            <input class="form-check-input" type="radio" name="programRadioOptions" id="inlineRadio5" value="Integrated">
                                                            <label class="form-check-label" for="inlineRadio5">Integrated</label>
                                                        </div>
                                                        @*<span class="errorMsg">Please Select Programe</span>*@
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="form-group selectGroup position-relative">
                                                        <label for="discipline">Select Discipline<span class="redStar">*</span></label>
                                                        <div class="form-select">
                                                            <select class="form-control" aria-label="form-select-sm example" id="Disciplinetype">
                                                                <option selected>Select Discipline</option>
                                                            </select>
                                                        </div>
                                                        @*<span class="errorMsg">Please Select Discipline</span>*@
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="form-group selectGroup position-relative">
                                                        <label for="course">Select Course <span class="redStar">*</span></label>
                                                        <div class="form-select">
                                                            <select class="form-control" aria-label="form-select-sm example" id="cource">
                                                                <option selected>Select Course</option>
                                                            </select>
                                                        </div>
                                                        @*<span class="errorMsg">Please Select Course</span>*@
                                                    </div>
                                                </div>

                                                <div class="col-md-12" id="divprogram" style="display:none">
                                                    <div class="form-group">
                                                        <label for="middle_name">Choose upto two core programs <span class="redStar">*</span></label>

                                                        <div id="divbindheckbox" style="border: 1px solid #A8A8A8; border-radius: 10px; padding: 10px; margin-bottom: 20px; overflow-y: scroll; height: 250px;">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-12" id="divsubspecialisations" style="display:none">
                                                    <div class="form-group">
                                                        <label for="middle_name">Major Specialisation (NO ACTION REQUIRED)</label>
                                                        <div style="border: 1px solid #A8A8A8; border-radius: 10px; padding: 5px 5px 5px; margin-bottom: 20px; background-color: #E5E4E2;" id="divbindheSpecialckbox">
                                                        </div>
                                                    </div>
                                                </div>
                                                @*<div class="col-md-12" id="divMinors" style="display:none">
                                                        <div class="form-group">
                                                            <label for="middle_name">Minor Specialisation (NO ACTION REQUIRED)</label>

                                                            <div style="border: 1px solid #A8A8A8; border-radius: 10px; padding: 5px 5px 5px; margin-bottom: 20px; background-color: #E5E4E2;" id="divbindhecheckboxMinors">

                                                            </div>

                                                        </div>
                                                    </div>*@
                                                <div class="col-md-12" id="divMinors" style="display:none">
                                                    <div class="form-group">
                                                        <label for="middle_name">Minor Specialisation: <a href="https://www.upes.ac.in/minors" title="https://www.upes.ac.in/minors" class="text-primary">Click here</a></label>

                                                    </div>
                                                </div>

                                                <div class="col-md-12">
                                                    <hr>
                                                </div>
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <div class="row">
                                                            <div class="col-lg-6">
                                                                <div class="form-group selectGroup position-relative">
                                                                    <label for="state">How did you know about UPES? <span class="redStar">*</span></label>
                                                                    <div class="form-select">
                                                                        <select class="form-control" aria-label="form-select-sm example" id="source">
                                                                        </select>
                                                                    </div>
                                                                    @*<span class="errorMsg">Please Select Source</span>*@
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6 coaching-center-div">
                                                                <div class="form-group selectGroup position-relative">
                                                                    <label>Coaching Centre<span class="redStar">*</span></label>
                                                                    <div class="form-select">
                                                                        <select class="form-control" aria-label="form-select-sm example" id="coachingcentre">
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6 other-coaching-div">
                                                                <div class="form-group">
                                                                    <label for="txtfirstname">Coaching Institute's Name<span class="redStar">*</span></label>
                                                                    <input type="text" name="" id="othercoachingcentre" value="" class="form-control">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-md-12" id="divindianexam" style="display:none">
                                                    <label>Your Mode of Application <span class="redStar">*</span></label>
                                                    <div class="form-group checkBox-section d-flex position-relative flex-wrap">
                                                        <div class="form-group radioBtn2 form-check radiomain examradiodiv">
                                                            <input class="form-check-input" type="radio" name="radapplicationmade" id="upes" value="Exam" checked="">
                                                            <label class="form-check-label" for="upes">Through UPES Entrance Exam</label>
                                                        </div>
                                                        <div class="form-group radioBtn2 form-check radiomain nonexamradiodiv">
                                                            <input class="form-check-input" type="radio" name="radapplicationmade" id="nonexam" value="Non Exam">
                                                            <label class="form-check-label" for="nonexam">Through Non Exam</label>
                                                        </div>

                                                    </div>
                                                </div>
                                                <div class="col-md-6 divNonExamType" style="display:none;">
                                                    <label>Exam Type</label>
                                                    <div class="form-select">
                                                        <select class="form-control" aria-label="form-select-sm example" id="ddlAppCat">
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-md-6 divNonExamScore" style="display:none;">
                                                    <div class="form-group">
                                                        <label>Exam Score</label>
                                                        <input type="text" onkeypress="return isNumberKey(event)" id="txtNonExamScore" class="form-control" maxlength="5" placeholder="Score/Percentile" />
                                                        <input type="hidden" id="hdnScoretype" value="" />
                                                    </div>
                                                </div>

                                                <div class="col-md-12">
                                                    <hr />
                                                </div>
                                                <div class="col-lg-5">
                                                    <label for="email">Email ID<span class="redStar">*</span></label>
                                                    <input type="text" name="" id="email" value="" class="form-control">

                                                </div>
                                                <div class="col-md-7">
                                                    <div class="form-group" id="divotp">
                                                        <label for="already_mob_email1">Mobile Number <span class="redStar">*</span></label>
                                                        <div class="d-flex send-otp-wrap">
                                                            <input type="text" name="" id="phone" value="" class="form-control max-w-input" onkeypress="return isNumberKey(event)" maxlength="12">
                                                            <button class="btn btn-primary btn-lg" id="btnotp" onclick="getcreateaccountotp();">Send OTP</button>
                                                        </div>
                                                        @*<button type="button" class="btn btn-primary btn-lg" id="btnotp" onclick="getcreateaccountotp();">Send OTP</button>*@

                                                        <div id="innerotp" style="display:none">
                                                            @*<input type="text" class="form-control FormStyle" placeholder="OTP" id="otp" value="@Convert.ToString(Session["userotp"])" />*@
                                                            <input type="text" class="form-control FormStyle" placeholder="OTP" id="otp" value="" />
                                                            <p id="responseotp"></p>
                                                            <label id="otpmsg" style="color:green"></label>
                                                            <button type="button" class="btn btn-primary BtnStyle ForOTP" onclick="verifyOTP();">verify</button>
                                                            @*<button type="button" class="btn btn-primary BtnStyle ForOTP" id="resendotp" onclick="resendotp();">Resend OTP</button>*@
                                                        </div>

                                                    </div>
                                                    <span class="otpvalidation" style="color:red; margin-bottom:20px;display:none;height:25px;" id="otpcheckp">Please verify your mobile number with OTP</span>
                                                    <input type="hidden" id="hdncreateaccountotp" value="" />
                                                </div>
                                                <div class="col-md-12 mb-4">
                                                    <small class="text-danger">
                                                        Note: Please ensure that the contact details provided by you are correct and accurate as they will be used for all communication. Contact details changes will not be allowed under any circumstances.
                                                    </small>
                                                </div>
                                                <div class="col-md-12 mb-2">
                                                    <div class="form-group form-check customCheck chkBoxTermsAcceptanceDiv">
                                                        <input class="form-check-input" type="checkbox" value="" id="ChkBoxTermsAcceptance">
                                                        <label class="form-check-label" for="ChkBoxTermsAcceptance">
                                                            I agree to the Terms of Service and to receive calls and/or texts at any phone number I have provided or may provide in the future, from any entity associated with my application process, including but not limited to my designated schools and programs.
                                                        </label>
                                                    </div>
                                                </div>

                                                <div class="col-md-12">
                                                    <!-- <button class="btn btn-primary btn-lg max-w-input commonBlackBtn">Submit</button> -->
                                                    <a href="javascript:;" class="btn btn-primary max-w-input commonBlackBtn" onclick="CreateStudentAccount()">GO TO PAYMENT</a>
                                                </div>
                                            </div>


                                        </div>
                                    </div>
                                </div>
                                <div class="w-100 app-form-success">
                                    <div class="d-flex justify-content-center align-items-center flex-wrap flex-column">
                                        <div class="success-icon">
                                            <lottie-player src="/assets/json/verify-btn.json" background="transparent" speed="1" class="lottieVerify account-create-success" loop autoplay></lottie-player>
                                        </div>
                                        <p>Account created successfully!</p>
                                    </div>

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

            </div>
            <div class="modal fade" id="CourseEligibiityPopupImage" tabindex="-1" aria-labelledby="CourseEligibiityPopupImageLabel" aria-hidden="true" style="display: none;" data-bs-backdrop="static" data-bs-keyboard="false">
                <div class="modal-dialog modal-dialog-centered" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h6 class="modal-title" id="CourseEligibiityPopupImageLabel">Eligibility Criteria</h6>
                        </div>
                        <div class="modal-body">
                            <div id="courseeligibility" class="eligibilityDetails"></div>
                            <div class="col-md-12 mt-5">
                                <div class="form-group form-check customCheck eligibilitydeclarec">
                                    <input class="form-check-input" type="checkbox" value="" id="Eligibilitydeclare">
                                    <label class="form-check-label" for="Eligibilitydeclare" style="align-items: center;display: flex;">
                                        I hereby confirm that I have read the eligibility criteria for applied program.
                                    </label>
                                    <small class="text-danger">
                                        Note: Merely meeting the eligibility criteria and submitting the application form does not guarantee admission in the University.
                                    </small>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal fade" id="modalVerifyOtp" tabindex="-1" aria-labelledby="CourseEligibiityPopupImageLabel" aria-hidden="true" style="display: none;" data-bs-backdrop="static" data-bs-keyboard="false">
                <div class="modal-dialog modal-dialog-centered" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h6 class="modal-title" id="CourseEligibiityPopupImageLabel">Verify</h6>
                            @*<button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true"><img src="assets/images/modal-close-icon.svg" alt="Close Icon"></span>
                                </button>*@
                        </div>
                        <div class="modal-body text-center pt-5 pb-5">
                            <h2>Please enter the OTP to verify your contact details.</h2>
                            <label>OTP has been sent to your email and mobile number.</label>
                            <div class="form-group">
                                <input type="text" name="" id="caotp_1" class="form-control" maxlength="1" style="width: 50px; display: inline;" autocomplete="off">
                                <input type="text" name="" id="caotp_2" class="form-control" maxlength="1" style="width: 50px; display: inline;" autocomplete="off">
                                <input type="text" name="" id="caotp_3" class="form-control" maxlength="1" style="width: 50px; display: inline;" autocomplete="off">
                                <input type="text" name="" id="caotp_4" class="form-control" maxlength="1" style="width: 50px; display: inline;" autocomplete="off">
                                <br />
                                <span style="display:block;color:red" class="caotpvalidationSpan hidden mt-3"></span>
                            </div>
                            <label>Didn't recieve the code?</label><br />
                            <button type="button" class="btn btn-primary btn-lg" id="btnresendotp" onclick="getcreateaccountotp()">Resend</button>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-primary btn-lg" style="background-color: #808080 !important" onclick="CloseVerifyOtpModal()">Close</button>
                            <button type="button" class="btn btn-primary btn-lg" onclick="verifyOTPNew()" id="modalVerifyBtn">Verify</button>
                        </div>
                    </div>
                </div>
            </div>

        </section>
    </main>
    <footer>
        <div class="container">
            @*<div class="footer-top">
                    <div class="row">
                        <div class="col-md-3">
                            <div class="address-section">
                                <p class="top-title"><strong>Kandoli Campus, Dehradun</strong></p>
                                <p>P.O. Kandoli Via Premnagar, Dehradun-248007</p>
                            </div>
                            <div class="address-section">
                                <p class="top-title"><strong>Bidoli Campus, Dehradun</strong></p>
                                <p>P.O. Bidholi Via Premnagar, Dehradun-248007</p>
                            </div>
                        </div>
                        <div class="col-md-9 text-center border border-dark rounded">
                            <h1>We can add information here.</h1>
                        </div>
                    </div>

                </div>*@
            <div class="footer-top">
                <div class="row">
                    <div class="col-md-3">
                        <div class="address-section">
                            <p class="top-title"><strong>Kandoli Campus, Dehradun</strong></p>
                            <p>P.O. Kandoli Via Premnagar, Dehradun-248007</p>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="address-section">
                            <p class="top-title"><strong>Bidoli Campus, Dehradun</strong></p>
                            <p>P.O. Bidholi Via Premnagar, Dehradun-248007</p>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="address-section">
                            <p class="top-title"><strong>Corporate Office</strong></p>
                            <p>UPES, Upper Ground & First Floor, Greater Kailash-II, New Delhi-110048</p>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="address-section">
                            <p class="top-title"><strong>Contact Details</strong></p>
                            <p>
                                For registration-related queries only, reach out to allotted counsellor mentioned in registration portal between 09:30 AM to 05:30 PM.<br />
                                For any admission-related query contact on Toll Free: <a href="tel:18001028737">18001028737</a> (10:00 AM to 07:00 PM)<br />
                                Email Id: <a href="mailto:enrollments@upes.ac.in">enrollments@upes.ac.in</a><br />
                                For International Queries : <a href="mailto:international.admissions@upes.ac.in">international.admissions@upes.ac.in</a>

                            </p>
                        </div>
                    </div>
                </div>
                <div class="footer-bottom">
                    <div class="row justify-content-between align-items-center">
                        <div class="col-md-12 col-lg-4">
                            @*<div class="footer-follow-on">
                                    <p>Follow on:</p>
                                    <ul class="list-unstyled mb-0 d-flex justify-content-center justify-content-xl-start">
                                        <li> <a href="https://www.instagram.com/upes_dehradun/" target="_blank" class="d-flex justify-content-center align-items-center rounded-circle" aria-label="Follow Us on Instagram"> <span class="follow-icon"> <img src="/assets/images/icon-instagram-footer.svg" width="29" height="29" alt="UPES" /> </span> </a> </li>
                                        <li> <a href="https://www.linkedin.com/school/upesdehradun/" target="_blank" class="d-flex justify-content-center align-items-center rounded-circle" aria-label="Follow Us on LinkedIn"> <span class="follow-icon"> <img src="assets/images/icon-linkedin-footer.svg" width="29" height="29" alt="UPES" /> </span> </a> </li>
                                        <li> <a href="https://www.youtube.com/user/UPESUniversity/featured" target="_blank" class="d-flex justify-content-center align-items-center rounded-circle" aria-label="Follow Us on Youtube"> <span class="follow-icon"> <img src="assets/images/icon-youtube-footer.svg" width="29" height="29" alt="UPES" /> </span> </a> </li>
                                        <li> <a href="https://www.facebook.com/UPESddnuk" target="_blank" class="d-flex justify-content-center align-items-center rounded-circle" aria-label="Follow Us on Facebook"> <span class="follow-icon"> <img src="/assets/images/icon-facebook-footer.svg" width="29" height="29" alt="UPES" /> </span> </a> </li>
                                        <li> <a href="https://twitter.com/UPESDehradun" target="_blank" class="d-flex justify-content-center align-items-center rounded-circle" aria-label="Follow Us on Twitter"> <span class="follow-icon"> <img src="/assets/images/icon-twitter-footer.svg" width="29" height="29" alt="UPES" /> </span> </a> </li>
                                    </ul>
                                </div>*@
                        </div>
                        <div class="col-md-12 col-lg-8">
                            <div class="row bottom-row">
                                <div class="col-md-12 col-lg-6">
                                    <div class="footer-utility-links">
                                        <ul class="list-unstyled">
                                            <li> <a href="https://www.upes.ac.in/upes-privacy-policy" title="Terms and Conditions">Terms and Conditions</a> </li>
                                            <li> <a href="https://www.upes.ac.in/sitemap" title="Sitemap">Sitemap</a> </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="col-md-12 col-lg-6">
                                    <div class="d-flex align-items-center justify-content-center">
                                        <p class="mb-0">Copyright © 2023 UPES. All Rights Reserved.</p>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
    </footer>
    <div class="overlay text-center" id="UserProfileSectionDiv">
        <div id="loading-img">
            <span id="loading-img-span"></span>
            <img id="loading-img-src" src="~/assets/images/loader.gif" alt="">
        </div>
    </div>
    <input type="hidden" id="hdnotp" value="" />
    <input type="hidden" id="hdncreateaccountotp" value="" />
    <input type="hidden" value="indian" id="hdntype" name="typeofnation" />
    <input type="hidden" id="hdncid" name="cid" />
    <input type="hidden" id="hdnLSStatus" runat="server" />
    <input type="hidden" id="hdnLSID" runat="server" />
    <input id="hdntypenat_sfb" type="hidden" value="@Convert.ToString(Session["typeofnation"])" />
    <input type="hidden" name="ProspectID" id="ProspectID" value="NA" runat="server" />

</body>
</html>

