@{
    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="robots" content="noindex,nofollow">
    <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/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 willLogout() {
            swal({
                title: "Log out",
                text: "Are you sure you want to log out?",
                icon: "warning",
                buttons: true,
                confirmButtonColor: '#000',
                buttons: {

                    cancel: 'Cancel',
                    confirm: { text: 'Logout', className: 'btn-danger' },

                },
                dangerMode: true,
            }).then((willLogout) => {
                if (willLogout) {
                    window.location.href = 'Application/logout'
                }
            });
        }
    $(function () {

        $('#employeePhoto').change(function () {
            //$("#employeePhotoPreview").attr("src", "");
            const file = this.files[0];
            //console.log(file);
            if (file) {
                let reader = new FileReader();
                reader.onload = function (event) {
                    //console.log(event.target.result);
                    $('#employeePhotoPreview').attr('src', event.target.result);
                }
                reader.readAsDataURL(file);
            }
           // $('.ProfileUSer .close').show();
        });

        $("input.pd-input").keyup(function () {
            //debugger;
            if ($(this).val().length > 0) {
                $(this).removeClass('is-invalid');
            }

        });

        //$('.overlay').show();
        var serviceURLBloodGroup = '/Home/bindbloodgroup';
        $.ajax({
            url: serviceURLBloodGroup,
            type: "GET",
            dataType: "HTML",
            data: {},
            async: false,
            success: function (data) {

                if (data != "") {

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

            }
        });

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

                if (data != "") {

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

            }
        });

        $("#res_country").change(function () {

            var countryid = $("#res_country").val();
            if (countryid == '111')//india
            {
                $('.state_div').css('display','block');
                $('.city_div').css('display','block');
                $('#res_city_div').css('display','block');
                $('#res_nri_city').css('display','none');
                var serviceURLstate = '/Home/bindstate';
                $.ajax({
                    url: serviceURLstate,
                    type: "GET",
                    dataType: "HTML",
                    data: {},
                    async: false,
                    success: function (data) {
                        if (data != "") {

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

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

                    }
                });
            }
            else {
                $('.state_div').css('display','none');
                $('.city_div').css('display','block');
                $('#res_city_div').css('display','none');
                $('#res_nri_city').css('display','block');

            }



        });

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

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

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

                }
            });

        });

        $('#father_full_name,#mother_full_name,#house_num,#address_1,#address_2').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();
            }
        });

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

        var stage = @Session["stage"];

       // if (stage >= 3) {
        if (stage == 4) {

            /*$('#academicHistoryNav').attr('href', '/AcademicHistory')*/

            var imageurl = '@Session["imageurl"]';
            if (imageurl.length != 0) {
                var ProfileImgUrl = '../profileimages/' + imageurl;
                $('#employeePhotoPreview').attr('src', ProfileImgUrl);
            }


            // var nationType = $('#hdntype').val();
            @*var gender = '@Session["typeofgender"]';
            if (gender == 'Male') {
                $("#male").prop("checked", true).trigger("click");
            }
            else if (gender == 'Female') {
                $("#female").prop("checked", true).trigger("click");
            }
            else {
                $("#other").prop("checked", true).trigger("click");
            }*@

            var domicile = '@Session["domicile"]';
            if (domicile == 'Yes') {
                $("#domicileYes").prop("checked", true).trigger("click");
            }
            else if (domicile == 'No') {
                $("#domicileNo").prop("checked", true).trigger("click");
            }


            var caste = '@Session["caste"]';
            if (caste == '1') {
                $("#caste1").prop("checked", true).trigger("click");
            }
            else if (caste == '2') {
                $("#caste2").prop("checked", true).trigger("click");
            }
            else if (caste == '3') {
                $("#caste3").prop("checked", true).trigger("click");
            }
            else if (caste == '4') {
                $("#caste4").prop("checked", true).trigger("click");
            }
            else if (caste == '5') {
                $("#caste5").prop("checked", true).trigger("click");
            }




            $('#altnumber').val('@Session["altmobile"]');

            $('#bloodgroup').val('@Session["bloodgroup"]');

            $('#father_full_name').val('@Session["fathername"]');
            $('#father_mob_email').val('@Session["fathermobile"]');
            $('#mother_full_name').val('@Session["mothername"]');
            $('#mother_mob_email').val('@Session["mothermobile"]');


            $('#house_num').val('@Session["address_current1"]');
            $('#address_1').val('@Session["address_current2"]');
            $('#address_2').val('@Session["address_current3"]');
            $('#res_country').val('@Session["Ccountry"]').trigger('change');
            $('#res_state').val('@Session["Cstate"]').trigger('change');
            $('#res_city').val('@Session["Ccity"]');
            $('#res_nri_city').val('@Session["cnricity"]');
            $('#pincode').val('@Session["Cpincode"]');
        }
        else {
            var pcountry = '@Session["pcountry"]';
            var pstate = '@Session["pstate"]';
            var pcity = '@Session["pcity"]';
            $('#res_country').val(pcountry).trigger('change');

            if (pcountry == '111') {
                $('#res_state').val(pstate).trigger('change');
                $('#res_city').val(pcity);
            }
            else {

            }
        }

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

        //$('.overlay').hide();
    });
    </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>
    <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="/Application">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">
                        <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 active">
                        <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="/Application" 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>Personal & Residential 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>Personal Details</p>
                                                    </div>
                                                    <div class="accord-form-content">
                                                        <div class="row">
                                                            <div class="col-md-12 lrSpace text-center">
                                                                <div class="ProfileUSer">
                                                                    <span class="close"><i class="fa fa-close"></i></span>
                                                                    <img src="~/assets/images/UserProfile.png" alt="" id="employeePhotoPreview" style="height:175px;width:175px;">
                                                                </div>
                                                                <div class="loadBt p-0">
                                                                    <label class="btn btn-primary mt-3 mb-5 text-white">
                                                                        <input type="file" id="employeePhoto" accept="image/*" style="display:none;" />
                                                                        <i class="fa-solid fa-cloud-arrow-up"></i>
                                                                        Upload
                                                                    </label>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="form-group">
                                                                    <label for="full_name">Full Name</label>
                                                                    <input type="text" name="" id="full_name" value="@Convert.ToString(Session["fullname"])" class="form-control" disabled>
                                                                </div>
                                                            </div>

                                                            <div class="col-md-6">
                                                                <div class="form-group">
                                                                    <label for="full_name">Email</label>
                                                                    <input type="text" name="" id="email_id" value="@Convert.ToString(Session["email"])" class="form-control" disabled>
                                                                </div>
                                                            </div>


                                                            <div class="col-md-6">
                                                                <div class="form-group position-relative">
                                                                    <label for="mob_number">Mobile Number</label>
                                                                    <input type="text" name="" id="mob_number" value="@Convert.ToString(Session["mobile"])" disabled class="form-control" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')">

                                                                </div>
                                                            </div>

                                                            <div class="col-md-6">
                                                                <div class="form-group">
                                                                    <label for="altnumber">Alternate Mobile number</label>
                                                                    <input type="text" name="" id="altnumber" value="" class="form-control" onkeypress="return isNumberKey(event)" maxlength="10" minlength="10">
                                                                </div>
                                                            </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-md-6">
                                                                <div class="form-group selectGroup">
                                                                    <label for="blood_group"><span class="redStar">*</span>Blood group</label>
                                                                    <div class="form-select">
                                                                        <select class="form-control" aria-label="form-select-sm example" id="bloodgroup">
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="form-group checkBox-section">
                                                                    <label class="headLabel"><span class="redStar">*</span>Category</label>
                                                                    <div class="form-group form-check form-check-inline radioBtn2 radiomain">
                                                                        <input class="form-check-input" type="radio" name="caste"
                                                                               id="caste1" value="1" checked="">
                                                                        <label class="form-check-label" for="caste1">General</label>
                                                                    </div>
                                                                    <div class="form-group form-check form-check-inline radioBtn2 radiomain">
                                                                        <input class="form-check-input" type="radio" name="caste"
                                                                               id="caste5" value="5">
                                                                        <label class="form-check-label" for="caste5">Differently Abled</label>
                                                                    </div>
                                                                    <div class="form-group form-check form-check-inline radioBtn2 radiomain">
                                                                        <input class="form-check-input" type="radio" name="caste"
                                                                               id="caste3" value="3">
                                                                        <label class="form-check-label" for="caste3">OBC</label>
                                                                    </div>
                                                                    <div class="form-group form-check form-check-inline radioBtn2 radiomain">
                                                                        <input class="form-check-input" type="radio" name="caste"
                                                                               id="caste2" value="2">
                                                                        <label class="form-check-label" for="caste2">SC</label>
                                                                    </div>
                                                                    <div class="form-group form-check form-check-inline radioBtn2 radiomain">
                                                                        <input class="form-check-input" type="radio" name="caste"
                                                                               id="caste4" value="4">
                                                                        <label class="form-check-label" for="caste4">ST</label>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="form-group checkBox-section">
                                                                    <label class="headLabel"><span class="redStar">*</span>Are you a Domicile of Uttarakhand?</label>
                                                                    <div class="form-group form-check form-check-inline radioBtn2 radiomain">
                                                                        <input class="form-check-input" type="radio" name="domicileOptions"
                                                                               id="domicileYes" value="Yes">
                                                                        <label class="form-check-label" for="domicileYes">Yes</label>
                                                                    </div>
                                                                    <div class="form-group form-check form-check-inline radioBtn2 radiomain">
                                                                        <input class="form-check-input" type="radio" name="domicileOptions"
                                                                               id="domicileNo" value="No" checked="">
                                                                        <label class="form-check-label" for="domicileNo">No</label>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="accord-form-item">
                                                    <div class="accord-form-header" role="button">
                                                        <p>Family Details</p>
                                                    </div>
                                                    <div class="accord-form-content">
                                                        <div class="row">
                                                            <div class="col-md-6">
                                                                <div class="form-group">
                                                                    <label for="father_full_name"><span class="redStar">*</span>Father Name</label>
                                                                    <input type="text" name="" id="father_full_name" value="" class="form-control pd-input">
                                                                </div>
                                                            </div>

                                                            <div class="col-md-6">
                                                                <div class="form-group">
                                                                    <label for="father_mob_email"><span class="redStar">*</span>Mobile Number</label>
                                                                    <input type="text" name="" id="father_mob_email" value="" class="form-control pd-input" onkeypress="return isNumberKey(event)" maxlength="10">
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="form-group">
                                                                    <label for="mother_full_name"><span class="redStar">*</span>Mother Name</label>
                                                                    <input type="text" name="" id="mother_full_name" value="" class="form-control pd-input">
                                                                </div>
                                                            </div>

                                                            <div class="col-md-6">
                                                                <div class="form-group">
                                                                    <label for="mother_mob_email"><span class="redStar">*</span>Mobile Number</label>
                                                                    <input type="text" name="" id="mother_mob_email" value="" class="form-control pd-input" onkeypress="return isNumberKey(event)" maxlength="10">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="accord-form-item">
                                                    <div class="accord-form-header" role="button">
                                                        <p>Residential Details</p>
                                                    </div>
                                                    <div class="accord-form-content">
                                                        <div class="row">
                                                            <div class="col-md-6 lrSpace">
                                                                <div class="form-group">
                                                                    <label for="house_num"><span class="redStar">*</span>House Number</label>
                                                                    <input type="text" name="" id="house_num" value="" class="form-control pd-input">
                                                                </div>
                                                            </div>

                                                            <div class="col-md-6 lrSpace">
                                                                <div class="form-group">
                                                                    <label for="address_1"><span class="redStar">*</span>Address Line 1</label>
                                                                    <input type="text" name="" id="address_1" value="" class="form-control pd-input">
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6 lrSpace">
                                                                <div class="form-group">
                                                                    <label for="address_2"><span class="redStar">*</span>Address Line 2</label>
                                                                    <input type="text" name="" id="address_2" value="" class="form-control pd-input">
                                                                </div>
                                                            </div>

                                                            <div class="col-md-6 lrSpace ind_field">
                                                                <div class="form-group">
                                                                    <label><span class="redStar">*</span>Country</label>
                                                                    <div class="form-select">
                                                                        <select class="form-control" aria-label="form-select-sm example" id="res_country">
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="col-md-6 lrSpace ind_field state_div" style="display:none;">
                                                                <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="res_state">
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="col-md-6 lrSpace ind_field city_div" style="display:none;">
                                                                <div class="form-group">
                                                                    <label for="city"><span class="redStar">*</span>City</label>
                                                                    <input type="text" value="" class="form-control pd-input" id="res_nri_city" style="display:none;">
                                                                    <div class="form-select" style="display:none;" id="res_city_div">
                                                                        <select class="form-control" aria-label="form-select-sm example" id="res_city">
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="col-md-6 lrSpace">
                                                                <div class="form-group">
                                                                    <label for="pincode"><span class="redStar">*</span>Pincode</label>
                                                                    <input type="text" name="" id="pincode" value="" class="form-control pd-input" onkeypress="return isNumberKey(event)" maxlength="6">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-12 lrSpace">
                                                    <div class="form-group form-check customCheck divChkDeclare">
                                                        <input class="form-check-input" type="checkbox" value="" id="Chkdeclare">
                                                        <label class="form-check-label" for="Chkdeclare">
                                                            I declare that the information provided by me on this application form is true and correct to the best of my knowledge and belief. I have also read the <a style="text-decoration:underline;color:inherit;" target="_blank" href="/termsandconditions">terms & conditions </a>and understood the eligibility criteria and thereby confirm that I fulfill the criteria.

                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-6">
                                                    <a href="/AcademicHistory" class="btn btn-primary commonWhiteBtn mt-5 w-100">Back</a>
                                                </div>
                                                <div class="col-6">
                                                    <a href="javascript:;" onclick="AddPersonalDetails()" class="btn btn-primary commonBlackBtn mt-5 w-100">Submit</a>
                                                </div>
                                            </div>
                                        </div>
                                        <input type="text" id="hdnTypeNat" value="@Convert.ToString(Session["typeofnation"])" hidden />
                                        <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>Application submitted successfully!</p>
                                            </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>


</body>
</html>




