<!--@{
    ViewBag.Title = "Create Account";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<section class="section-py">
    <div class="container formContainer">

        <ul class="nav form-head-nav residential-nav">

            <li class="nav-item active">
                <a class="nav-link" href="/CreateAccountView">
                    Create an Account
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="/PaymentSuccess">
                    Payment
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="/Application?area=User">
                    Complete Application
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="/PersonalDetails">
                    Personal & Residential Details
                </a>
            </li>
            <li class="nav-item ">
                <a class="nav-link" href="/AcademicHistory">
                    Academic History
                </a>
            </li>
        </ul>
        <div class="row justify-content-end">
            <div class="col-md-12">
                <div class="form_rounded_box createBox bg-white">
                    <div class="form-head">
                        <h1>Create an Account</h1>
                        <p>The information below will be provided to the admissions offices at the programs to which you apply. <br />Please provide complete and accurate information.</p>
                    </div>
                    <div class="form_title createAccoutnHead">
                        <h2>Name and contact details</h2>
                    </div>

                    <div class="row">
                        <div class="col-md-12 lrSpace">
                            <div class="form-group">
                                <label for="state">Applying Year</label>
                                <div class="form-select">
                                    <select class="form-control" aria-label="form-select-sm example" id="VwSessionYear" disabled>
                                        <option value="2024">2024</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 lrSpace">
                            <div class="form-group">
                                <label for="txtfirstname">First Name</label>
                                <input type="text" name="" id="Vwtxtfirstname" value="@ViewBag.fname" class="form-control" disabled>
                            </div>
                        </div>

                        <div class="col-md-6 lrSpace">
                            <div class="form-group">
                                <label for="middlename">Middle Name</label>
                                <input type="text" name="" id="Vwmiddlename" value="@ViewBag.mname" class="form-control" disabled>
                            </div>
                        </div>

                        <div class="col-md-6 lrSpace">
                            <div class="form-group">
                                <label for="lastname">Last Name</label>
                                <input type="text" name="" id="Vwlastname" value="@ViewBag.lname" class="form-control" disabled>
                            </div>
                        </div>

                        <div class="col-md-6 lrSpace">
                            <div class="form-group">
                                <label for="datepicker">Date of birth</label>
                                <div class="date">
                                    <input type="date" class="form-control" value="" id="Vwdob" min="1970-01-01" max="2008-12-31" disabled />
                                </div>
                            </div>
                        </div>

                        <div class="col-md-6 lrSpace">
                            <div class="form-group">
                                <label for="phone">Mobile Number</label>
                                <input type="text" name="" id="Vwphone" value="@ViewBag.mobile" class="form-control" disabled>
                            </div>
                        </div>

                        <div class="col-md-6 lrSpace">
                            <div class="form-group">
                                <label for="email">Email ID</label>
                                <input type="text" name="" id="Vwemail" value="@ViewBag.email" class="form-control" disabled>
                            </div>
                        </div>

                        <div class="col-md-6 lrSpace">
                            <div class="form-group">
                                <label for="nationality">Nationality</label>
                                <div class="">
                                    <div class="form-group form-check form-check-inline radioBtn2 radiomain">
                                        <input class="form-check-input" type="radio" name="VwinlineRadioOptions" id="Vwrd_ntn_ind" value="indian" checked="" disabled>
                                        <label class="form-check-label" for="Vwrd_ntn_ind">Indian</label>
                                    </div>
                                    <div class="form-group form-check form-check-inline radioBtn2 radiomain">
                                        <input class="form-check-input" type="radio" name="VwinlineRadioOptions" id="Vwrd_ntn_nri" value="nri" disabled>
                                        <label class="form-check-label" for="Vwrd_ntn_nri">NRI/International Students</label>
                                    </div>
                                </div>
                            </div>
                        </div>-->
@*Indian section*@

<!--<div class="col-md-6 lrSpace vw_ind_field hidden">
    <div class="form-group">
        <label><span class="redStar">*</span>Country</label>
        <input type="text" value="India" class="form-control" disabled>
    </div>
</div>

<div class="col-md-6 lrSpace vw_ind_field hidden">
    <div class="form-group">
        <label for="state"><span class="redStar">*</span>State</label>
        <div class="form-select">
            <select class="form-control" aria-label="form-select-sm example" id="Vwstate">
            </select>
        </div>
    </div>
</div>

<div class="col-md-6 lrSpace vw_ind_field hidden">
    <div class="form-group">
        <label for="city"><span class="redStar">*</span>City</label>
        <div class="form-select">
            <select class="form-control" aria-label="form-select-sm example" id="Vwcity">
                <option selected>Select City</option>
            </select>
        </div>
    </div>
</div>-->
@*NRI*@

<!--<div class="col-md-6 lrSpace vw_nri_field hidden">
                            <div class="form-group">
                                <label for="email"><span class="redStar">*</span>Country</label>
                                <div class="form-select">
                                    <select class="form-control" aria-label="form-select-sm example" id="Vwcountry">
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-6 lrSpace vw_nri_field hidden">
                            <div class="form-group">
                                <label for="nricity"><span class="redStar">*</span>City</label>
                                <input type="text" name="" id="Vwnricity" value="@ViewBag.Pnricity" class="form-control">
                            </div>
                        </div>

                        <div class="col-md-6 lrSpace">
                            <div class="form-group">
                                <label for="nricity">Course</label>
                                <input type="text" name="" id="VwCourse" value="@ViewBag.ApplicationName" class="form-control" disabled>
                            </div>
                        </div>

                        <div class="col-md-8 lrSpace" id="divprogram">
                            <div class="form-group">
                                <label for="middle_name"><span class="redStar">*</span>Program interested to pursue (select upto 2)</label>

                                <div id="divbindheckboxEdit" 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-8 lrSpace" id="divindianexam">
                            <label><span class="redStar">*</span>Mode of application</label>
                            <div class="radioWrap">
                                <div class="form-group form-check form-check-inline radioBtn2 radiomain examradioviewdiv">
                                    <input class="form-check-input" type="radio" name="Vwradapplicationmade" id="upes" value="exam">
                                    <label class="form-check-label" for="upes">UPES Entrance Exam</label>
                                </div>
                                <div class="form-group form-check form-check-inline radioBtn2 radiomain">
                                    <input class="form-check-input" type="radio" name="Vwradapplicationmade" id="nonexam" value="non_exam">
                                    <label class="form-check-label" for="nonexam">Non Exam</label>
                                </div>

                            </div>
                        </div>

                    </div>
                </div>

                <div class="row">
                    <div class="col-md-12 createAccountBtn">
                        <a href="#!" class="btn btn-primary createBtn" onclick="UpdateAccount()">Update</a>
                    </div>
                </div>


            </div>
        </div>

    </div>
</section>
<div class="overlay text-center">
    <div id="loading-img">
        <span id="loading-img-span"></span>
        <img id="loading-img-src" src="~/assets/images/loader.gif" alt="">
    </div>
</div>

<script src="assets/js/jquery-3.6.3.min.js"></script>
<script>
    $(function () {

        $('.overlay').show();

        $("input[name=Vwradapplicationmade][value=" + '@ViewBag.applicationmade' + "]").attr('checked', 'checked');

        var dob = new Date('@ViewBag.dob');
        const formattedDOB = dob.getFullYear() + '-' + ("0" + (dob.getMonth() + 1)).slice(-2) + '-' + ("0" + dob.getDate()).slice(-2);

        $('#Vwdob').val(formattedDOB);

        var typenat = '@ViewBag.nationality';

        if (typenat == "nri") {
            $("#Vwrd_ntn_nri").prop("checked", true).trigger("click");
            $('.vw_ind_field').hide();
            $('.vw_nri_field').show();

        }
        else if (typenat == "indian") {
            $("#Vwrd_ntn_ind").prop("checked", true).trigger("click");
            $('.vw_ind_field').show();
            $('.vw_nri_field').hide();
        }

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

                if (data != "") {

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

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

            }
        });

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

                        $("#Vwcity").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 != "") {

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

            }
        });

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

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

        var c_id = '@ViewBag.couseId';
        var serviceURLcheckbox = '/Home/bindprogramedit';
        $.ajax({

            url: serviceURLcheckbox,
            type: "GET",
            dataType: "HTML",

            data: {
                c_id: c_id
            },

            async: false,
            success: function (data) {

                //alert(data);

                if (data != "") {

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

                    var limit = 3;
                    $('input.single-checkbox').click(function () {
                        if ($("input[name='Vwchkpgm']:checked").length >= limit) {
                            this.checked = false;
                        }
                    });
                    $('input.single-checkbox').removeAttr('checked');
                    var pg1 = '@ViewBag.program1';
                    var pg2 = '@ViewBag.program2';
                    $("input[name=Vwchkpgm][value=" + pg1 + "]").attr('checked', 'checked');
                    $("input[name=Vwchkpgm][value=" + pg2 + "]").attr('checked', 'checked');

                }
                else {
                    $("#divbindheckbox").html('');
                }

            }
        });


        $(window).on('load', function () {

            var cid = '@ViewBag.couseId';
            if (cid == '12' || cid == '13' || cid == '17' || cid == '19' || cid == '20' || cid == '6' || cid == '35' || cid == '36' || cid == '39' || cid == '40' || cid == '23' || cid == '30' || cid == '1') {
                //hide upes entrance exam radio button
                $('.examradioviewdiv').hide();
            }
            else {
                $('.examradioviewdiv').show();
            }
            $("#Vwstate").val('@ViewBag.Pstate').trigger('change');
            $("#Vwcity").val('@ViewBag.Pcity');
            $("#Vwcountry").val('@ViewBag.Pcountry');

            var value = '@ViewBag.level';
            $("input[name=programRadioOptions][value=" + value + "]").attr('checked', 'checked');

            var adminlock = '@Session["adminlock"]';
            if (adminlock == 'True') {
                $('input').attr("disabled", "disabled");
                $('select').attr("disabled", "disabled");
                $('.createBtn').hide();
            }
            $('.overlay').hide();
        });
    });

</script>-->




@{
    ViewBag.Title = "Personal Details";
    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" />
</head>
<body>
    <header class="fixed">
        <div class="nav_section">
            <nav class="navbar">
                <div class="container">
                    <a href="https://www.upes.ac.in/"><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" aria-current="page" href="/Application">Dashboard</a> </li>
                            <li class="nav-item"> <a class="nav-link active" href="javascript:;">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>
                    <a href="javascript:willLogout()" class="logoutBtn">
                        <img src="assets/images/logout-icon.svg" width="21" height="24" alt="Logout" title="Logout" aria-label="Logout" />
                        <span>Logout</span>
                    </a>
                </div>
            </nav>
        </div>
    </header>

    <main>
        <section class="section-py">
            <div class="container">
                <ul class="nav form-head-nav residential-nav">
                    @*<li class="nav-item">
                            <a class="nav-link" href="index.html">
                                Personal Details
                            </a>
                        </li>*@
                    <li class="nav-item active">
                        <a class="nav-link" href="#">
                            Program Details
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/ApplicationPayment">
                            Payment
                        </a>
                    </li>
                    <li class="nav-item ">
                        <a class="nav-link" href="/AcademicHistory">
                            Academic History
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="">
                            Complete Application
                        </a>
                    </li>
                </ul>
                <div class="w-100 px-lg-3">
                    <div class="row justify-content-between">
                        <div class="col-12  col-lg-3">
                            <aside class="leftSidePanel">
                                <ul>
                                    <li>
                                        <a href="/Application" title="Dashboard">Dashboard</a>
                                    </li>
                                    <li class="active">
                                        <a href="" title="Application Form">Application Form</a>
                                    </li>
                                    <li>
                                        <a href="https://campuswalkins.upes.ac.in/" title="Book Campus Visit">Book Campus Visit</a>
                                    </li>
                                    <li>
                                        <a href="/Application/PrintForm" title="Download Admission Form">Print Application</a>
                                    </li>
                                    <li>
                                        <a href="https://www.upes.ac.in/admissions/downloads" title="Download Brochure">Download Brochure</a>
                                    </li>
                                    @*<li>
            <a href="javascript:;" title="My Profile">My Profile</a>
        </li>*@
                                    <li>
                                        <a href="javascript:willLogout()" title="Sign Out">Sign Out</a>
                                    </li>
                                </ul>
                            </aside>
                        </div>
                        <div class="col-12 col-lg-9">
                            <div class="d-flex justify-content-between flex-wrap flex-lg-nowrap">
                                <div class="col-12 col-lg-10 pb-5 pb-lg-0 pe-lg-3">
                                    <div class="form-wrap-v2">
                                        <div class="w-100">
                                            <h1>Profile & Program Details</h1>
                                            @*<label class="pb-2">Complete your personal & residential details to complete application.</label>*@
                                            <div class="accord-form">
                                                <div class="accord-form-item">
                                                    <div class="accord-form-header" role="button">
                                                        <p>Profile Details</p>
                                                    </div>
                                                    <div class="accord-form-content">
                                                        <div class="row">
                                                            <div class="col-md-12 lrSpace">
                                                                <div class="form-group">
                                                                    <label for="state">Applying Year</label>
                                                                    <div class="form-select">
                                                                        <select class="form-control" aria-label="form-select-sm example" id="VwSessionYear" disabled>
                                                                            <option value="2024">2024</option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6 lrSpace">
                                                                <div class="form-group">
                                                                    <label for="txtfirstname">First Name</label>
                                                                    <input type="text" name="" id="Vwtxtfirstname" value="@ViewBag.fname" class="form-control" disabled>
                                                                </div>
                                                            </div>

                                                            <div class="col-md-6 lrSpace">
                                                                <div class="form-group">
                                                                    <label for="middlename">Middle Name</label>
                                                                    <input type="text" name="" id="Vwmiddlename" value="@ViewBag.mname" class="form-control" disabled>
                                                                </div>
                                                            </div>

                                                            <div class="col-md-6 lrSpace">
                                                                <div class="form-group">
                                                                    <label for="lastname">Last Name</label>
                                                                    <input type="text" name="" id="Vwlastname" value="@ViewBag.lname" class="form-control" disabled>
                                                                </div>
                                                            </div>

                                                            <div class="col-md-6 lrSpace">
                                                                <div class="form-group">
                                                                    <label for="datepicker">Date of birth</label>
                                                                    <div class="date">
                                                                        <input type="date" class="form-control" value="" id="Vwdob" min="1970-01-01" max="2008-12-31" disabled />
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="col-md-6 lrSpace">
                                                                <div class="form-group">
                                                                    <label for="phone">Mobile Number</label>
                                                                    <input type="text" name="" id="Vwphone" value="@ViewBag.mobile" class="form-control" disabled>
                                                                </div>
                                                            </div>

                                                            <div class="col-md-6 lrSpace">
                                                                <div class="form-group">
                                                                    <label for="email">Email ID</label>
                                                                    <input type="text" name="" id="Vwemail" value="@ViewBag.email" class="form-control" disabled>
                                                                </div>
                                                            </div>

                                                            <div class="col-md-6 lrSpace">
                                                                <div class="form-group">
                                                                    <label for="nationality">Nationality</label>
                                                                    <div class="">
                                                                        <div class="form-group form-check form-check-inline radioBtn2 radiomain">
                                                                            <input class="form-check-input" type="radio" name="VwinlineRadioOptions" id="Vwrd_ntn_ind" value="indian" checked="" disabled>
                                                                            <label class="form-check-label" for="Vwrd_ntn_ind">Indian</label>
                                                                        </div>
                                                                        <div class="form-group form-check form-check-inline radioBtn2 radiomain">
                                                                            <input class="form-check-input" type="radio" name="VwinlineRadioOptions" id="Vwrd_ntn_nri" value="nri" disabled>
                                                                            <label class="form-check-label" for="Vwrd_ntn_nri">NRI/International Students</label>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6 lrSpace vw_ind_field hidden">
                                                                <div class="form-group">
                                                                    <label><span class="redStar">*</span>Country</label>
                                                                    <input type="text" value="India" class="form-control" disabled>
                                                                </div>
                                                            </div>

                                                            <div class="col-md-6 lrSpace vw_ind_field hidden">
                                                                <div class="form-group">
                                                                    <label for="state"><span class="redStar">*</span>State</label>
                                                                    <div class="form-select">
                                                                        <select class="form-control" aria-label="form-select-sm example" id="Vwstate">
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="col-md-6 lrSpace vw_ind_field hidden">
                                                                <div class="form-group">
                                                                    <label for="city"><span class="redStar">*</span>City</label>
                                                                    <div class="form-select">
                                                                        <select class="form-control" aria-label="form-select-sm example" id="Vwcity">
                                                                            <option value="0" selected>Select City</option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            @*NRI*@
                                                            <div class="col-md-6 lrSpace vw_nri_field hidden">
                                                                <div class="form-group">
                                                                    <label for="email"><span class="redStar">*</span>Country</label>
                                                                    <div class="form-select">
                                                                        <select class="form-control" aria-label="form-select-sm example" id="Vwcountry">
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="col-md-6 lrSpace vw_nri_field hidden">
                                                                <div class="form-group">
                                                                    <label for="nricity"><span class="redStar">*</span>City</label>
                                                                    <input type="text" name="" id="Vwnricity" value="@ViewBag.Pnricity" class="form-control">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="accord-form-item">
                                                    <div class="accord-form-header" role="button">
                                                        <p>Program Details</p>
                                                    </div>
                                                    <div class="accord-form-content">
                                                        <div class="row">
                                                            <div class="col-md-6 lrSpace">
                                                                <div class="form-group">
                                                                    <label for="nricity">Course</label>
                                                                    <input type="text" name="" id="VwCourse" value="@ViewBag.ApplicationName" class="form-control" disabled>
                                                                </div>
                                                            </div>

                                                            <div class="col-md-8 lrSpace" id="divprogram">
                                                                <div class="form-group">
                                                                    <label for="middle_name"><span class="redStar">*</span>Program interested to pursue (select upto 2)</label>

                                                                    <div id="divbindheckboxEdit" 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-8 lrSpace" id="divindianexam">
                                                                <label><span class="redStar">*</span>Mode of application</label>
                                                                <div class="radioWrap">
                                                                    <div class="form-group form-check form-check-inline radioBtn2 radiomain examradioviewdiv">
                                                                        <input class="form-check-input" type="radio" name="Vwradapplicationmade" id="upes" value="Exam">
                                                                        <label class="form-check-label" for="upes">Through UPES Entrance Exam</label>
                                                                    </div>
                                                                    <div class="form-group form-check form-check-inline radioBtn2 radiomain">
                                                                        <input class="form-check-input" type="radio" name="Vwradapplicationmade" id="nonexam" value="Non Exam">
                                                                        <label class="form-check-label" for="nonexam">Through Non Exam</label>
                                                                    </div>

                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-6">
                                                    @*<a href="" class="btn btn-primary commonWhiteBtn mt-5 w-100">Back</a>*@
                                                </div>
                                                <div class="col-6">
                                                    <a href="javascript:;" onclick="UpdateAccount()" class="btn btn-primary commonBlackBtn mt-5 w-100">Update</a>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <div class="overlay text-center">
            <div id="loading-img">
                <span id="loading-img-span"></span>
                <img id="loading-img-src" src="~/assets/images/loader.gif" alt="">
            </div>
        </div>
    </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 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>Corporate Office</strong></p>
                                <p>
                                    Toll Free : <a href="tel:18001028737">18001028737</a><br />
                                    Email : <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>
            <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>
    <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/bootstrap-datepicker.min.js"></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 language="JavaScript" type="text/javascript" src="~/Scripts/sweet-alert.js"></script>
    <script>
    $(function () {

        $('.overlay').show();

        var appmode = '@ViewBag.applicationmade';

        if (appmode == 'Exam') {
            $('#upes').trigger('click');
            $('#upes').trigger('change');
        }
        else {
            $('#nonexam').trigger('click');
            $('#nonexam').trigger('change');
        }

        //var appmodeStrselector = "input[name=Vwradapplicationmade][value=" + '@ViewBag.applicationmade' + "]";

       // $().attr('checked', 'checked');

        var dob = new Date('@ViewBag.dob');
        const formattedDOB = dob.getFullYear() + '-' + ("0" + (dob.getMonth() + 1)).slice(-2) + '-' + ("0" + dob.getDate()).slice(-2);

        $('#Vwdob').val(formattedDOB);

        var typenat = '@ViewBag.nationality';

        if (typenat == "nri") {
            $("#Vwrd_ntn_nri").prop("checked", true).trigger("click");
            $('.vw_ind_field').hide();
            $('.vw_nri_field').show();

        }
        else if (typenat == "indian") {
            $("#Vwrd_ntn_ind").prop("checked", true).trigger("click");
            $('.vw_ind_field').show();
            $('.vw_nri_field').hide();
        }

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

                if (data != "") {

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

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

            }
        });

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

                        $("#Vwcity").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 != "") {

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

            }
        });

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

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

        var c_id = '@ViewBag.couseId';
        var serviceURLcheckbox = '/Home/bindprogramedit';
        $.ajax({

            url: serviceURLcheckbox,
            type: "GET",
            dataType: "HTML",

            data: {
                c_id: c_id
            },

            async: false,
            success: function (data) {

                //alert(data);

                if (data != "") {

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

                    var limit = 3;
                    $('input.single-checkbox').click(function () {
                        if ($("input[name='Vwchkpgm']:checked").length >= limit) {
                            this.checked = false;
                        }
                    });
                    $('input.single-checkbox').removeAttr('checked');
                    var pg1 = '@ViewBag.program1';
                    var pg2 = '@ViewBag.program2';
                    $("input[name=Vwchkpgm][value=" + pg1 + "]").attr('checked', 'checked');
                    $("input[name=Vwchkpgm][value=" + pg2 + "]").attr('checked', 'checked');

                }
                else {
                    $("#divbindheckbox").html('');
                }

            }
        });


        $(window).on('load', function () {

            var cid = '@ViewBag.couseId';
            if (cid == '12' || cid == '13' || cid == '17' || cid == '19' || cid == '20' || cid == '6' || cid == '35' || cid == '36' || cid == '39' || cid == '40' || cid == '23' || cid == '30' || cid == '1') {
                //hide upes entrance exam radio button
                $('.examradioviewdiv').hide();
            }
            else {
                $('.examradioviewdiv').show();
            }
            $("#Vwstate").val('@ViewBag.Pstate').trigger('change');
            $("#Vwcity").val('@ViewBag.Pcity');
            $("#Vwcountry").val('@ViewBag.Pcountry');

            var value = '@ViewBag.level';
            $("input[name=programRadioOptions][value=" + value + "]").attr('checked', 'checked');

            var adminlock = '@Session["adminlock"]';
            if (adminlock == 'True') {
                $('input').attr("disabled", "disabled");
                $('select').attr("disabled", "disabled");
                $('.createBtn').hide();
            }
            $('.overlay').hide();
        });
    });

    </script>
</body>
</html>
