@{
    ViewBag.Title = "Academic History";
    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 2025 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/slick/slick.min.js" async></script>
    <script src="assets/js/lazysizes.min.js" async></script>
    <script src="assets/js/common.js" async></script>
    <script src="https://unpkg.com/&#64;lottiefiles/lottie-player@latest/dist/lottie-player.js" async></script>
    <script language="JavaScript" type="text/javascript" src="~/Scripts/sweet-alert.js"></script>
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
    <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.min.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 () {

        // Sample course streams data
        var streams = [
            'B.Tech',
            'LLB-5 Year',
            'BBA',
            'B.Des',
            'BA',
            'BCA',
            'B.Com',
            'B.Sc',
            'B.Pharma',
            'Integrated (B.Com (Hons.)) – (MBA)',
            'Integrated (BBA) – (MBA)',
            'LLB-3 Year',
            'B.Sc. (Hons.)',
            'BA (Hons.)'
        ];

        // Function to normalize strings by removing special characters, spaces, and handling casing
        function normalizeString(str) {
            return str.toLowerCase().replace(/[^a-z0-9]/g, '');  // Remove all non-alphanumeric characters and convert to lowercase
        }

        // Apply autocomplete to the input field
        $('#grdStream').autocomplete({
            source: function (request, response) {
                var term = normalizeString(request.term);  // Normalize the user input

                var matches = $.map(streams, function (stream) {
                    // Normalize stream names and check if they contain the normalized term
                    if (normalizeString(stream).indexOf(term) !== -1) {
                        return stream;  // Return the original stream name
                    }
                });

                response(matches);  // Pass the filtered streams to autocomplete
            },
            minLength: 2,  // Minimum length of input before autocomplete activates
            select: function (event, ui) {
                // Action on selecting a suggested item
                $('#grdStream').val(ui.item.value);
            }
        });





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

        $.when(initfunc()).done(function (a1) {
            debugger;
            var stage = @Session["stage"];
            var nationType = $('#hdntype').val();
            if (stage >= 3) {

                $('#personalDetailsNav').attr('href', '/PersonalDetails');

                if (nationType == 'indian') {
                    $("#tenthyearofpassing").val('@Session["tenpassyear"]').trigger('change');
                    $("#tenthper").val('@Session["tenmarks"]');
                    $("#tenthcountry").val('@Session["tenCountry"]').trigger('change');
                    $("#tenthstate").val('@Session["tenthState"]').trigger('change');

                    $("#tenthboard").val('@Session["tenboard"]').trigger('change');
                    $("#tenthcity").val('@Session["tenSchoolCity"]').trigger('change');

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

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

                    setTimeout(function () {
                       //12th
                        var apperaring12 = '@Session["twelveappear"]';

                        if (apperaring12 == 'Yes') {
                            $("#radtwyes").prop("checked", true).trigger("click");
                        }
                        else if (apperaring12 == 'No') {
                            $("#radtwno").prop("checked", true).trigger("click");
                            $("#radtwno").attr('disabled', 'disabled');
                            $("#twelveboard").val('@Session["twelveboard"]').trigger('change');
                        $("#twper").val('@Session["twelvemarks"]');
                        $("#twpcm").val('@Session["twelveotherstram"]');
                        $("#twelvecountry").val('@Session["twelveCountry"]').trigger('change');
                        $("#twelvestate").val('@Session["twelveState"]').trigger('change');

                        $("#twelvecity").val('@Session["twelveSchoolCity"]').trigger('change');

                        $("#twsclclg").val('@Session["twelvecollege"]');
                        }
                        $("#twyearofpassing").val('@Session["twelvepassyear"]').trigger('change');
                        $("#twelvestateboardname").val('@Session["twelvestateboardname"]');
                        $("#twelvestream").val('@Session["twelvestream"]');
                        $("#twyearofpassing").val("@Session["twelvepassyear"]").trigger('change');
                     }, 500);


                }
                else if (nationType == 'nri') {

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

                    //Highest Qualification - nri

                    $("#hiedcationunri").val('@Session["grdstram"]');
                    $("#nricountry").val('@Session["pcountry"]');
                    $("#nriclgname").val('@Session["twelvecollege"]');

                }


                //Graduation
                var level = $("#level").val();

                if (level == 'PG' || level == 'Integrated') {
                    var apperaringGrad = '@Session["grdappear"]';
                    if (apperaringGrad == 'yes') {
                        $("#radugyes").prop("checked", true).trigger("click");

                    }
                    else if (apperaringGrad == 'no') {
                        $("#radugno").prop("checked", true);

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

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

                        $("#grdcountry").val('@Session["grdCountry"]').trigger('change');

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

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

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

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

                         setTimeout(function () {
                             $("#grdstate").val('@Session["grdState"]').trigger('change');
                             if (nationType == 'indian') {
                            $("#grdcity").val('@Session["gradSchoolCity"]').trigger('change');
                            $(".grdcitydiv").show();
                        }
                        else if (nationType == 'nri') {
                            $("#grdnricity").val('@Session["gradSchoolCity"]');
                            $(".grdcitydiv").hide();
                             }
                             $("#grdschoolname").val('@Session["grdcollege"]');
                         }, 500);
                    }

                setTimeout(function () {
                     $("#pgyearofappearing").val('@Session["grdpassyear"]');
                }, 1250);

                }
                else {
                    $('.divpgper').hide();
                }

            }
            else {
                if (nationType == 'indian') {
                    $("#twelvecountry").val('111').trigger('change');
                    $('#tenthcountry').val('111').trigger('change');
                    if (level == 'PG' || level == 'Integrated') {
                        $('#grdcountry').val('111').trigger('change');
                    }
                    else {
                        $('.divpgper').hide();
                    }
                }


            }



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

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

            });

            $("select").change(function () {
                //debugger;
                var vall = $(this).val();
                if (vall != null && vall.length > 0 && vall != 0) {
                    $(this).removeClass('is-invalid');
                }

            });
        })

        $('.overlay').hide();
    })

    function initfunc() {
        var app_cat = '@Convert.ToString(Session["appcat"])';
        if (app_cat.length == 0) {
            $('.divAppcatPreview').hide();
        }


        var typenat = $('#hdntype').val();
        var course = $("#hdncourseid").val();
        //var typenat = 'indian';
        if (typenat == "nri") {

            //  alert(typenat);

            $('.divindian2page').css('display','none');
            $('.divnri2page').css('display', 'block');

            $('.div10thPreview').hide();
            $('.div12thPreview').hide();

        }
        else if (typenat == "indian") {
            $('.div10thPreview').show();
            $('.div12thPreview').show();
            //  alert(typenat);
            $('.divindian2page').css('display', 'block');;
            $('.divnri2page').css('display', 'none');

            $('#divtwelvecgpa').css('display', 'none');
            $('.twelvestatediv').css('display', 'none');
            $('.twelvecitydiv').css('display', 'none');
           // $('.twelvenricitydiv').css('display', 'none');
            $('.twelveschooldiv').css('display', 'none');
            $('#divtencgpa').css('display', 'none');
            $('.tenthstatediv').css('display', 'none');
            $('.tenthcitydiv').css('display', 'none');
            $('.tenthnricitydiv').css('display', 'none');
            $('.tenthschooldiv').css('display', 'none');
            $('.divstateboardname').css('display', 'none');
            $('.divtwelvestateboardname').css('display', 'none');


            if (course == "2" || course == "27" || course == "16") {
                $('.dvtwpcm').css('display', 'block');
            }
            else {
                $('.dvtwpcm').css('display', 'none');
                $('.dvtwpcm').removeClass('dvtw');

            }

            $('#tenthboard').on('change', function () {
                if ($(this).val() == 'StateBoard' || $(this).val() == 'Others') {
                    $('.divstateboardname').css('display', 'block');
                    $('#stateboardname').focus();
                }
                else {
                    $('.divstateboardname').css('display', 'none');
                    $('#stateboardname').val('');
                }
                $('#previewBoard10th').text($(this).val());
            });

            $('#twyearofpassing').on('change', function () {

                $('#previewYear12th').text($(this).val());

            });

            $('#twelveboard').on('change', function () {
                if ($(this).val() == 'StateBoard ' || $(this).val() == 'Others') {
                    $('.divtwelvestateboardname').css('display', 'block');
                    $('#twelvestateboardname').focus();
                }
                else {
                    $('.divtwelvestateboardname').css('display', 'none');
                    $('#twelvestateboardname').val('');
                }
                $('#previewBoard12th').text($(this).val());
            });


        }


        var level = $("#level").val();



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

                if (data != "") {

                    $("#tenthcountry").html(data);
                    $("#twelvecountry").html(data);
                    $("#grdcountry").html(data);
                    $("#nricountry").html(data);


                }

            }
        });



        //12th Section
        $("#twelvecountry").change(function () {

            var countryid = $("#twelvecountry").val();
            if (countryid == '111')//india
            {
                $('.twelveschooldiv').css('display', 'none');
                $('.twelvestatediv').css('display', 'block');
                $('.twelvecitydiv').css('display', 'none');
               // $('.twelvenricitydiv').css('display', 'none');
                var serviceURLstate = '/Home/bindstate';
                $.ajax({
                    url: serviceURLstate,
                    type: "GET",
                    dataType: "HTML",
                    data: {},
                    async: false,
                    success: function (data) {
                        if (data != "") {

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

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

                    }
                });
            }
            else {
                $('.twelvestatediv').css('display', 'none');
                $('.twelvecitydiv').css('display', 'none');
                //$('.twelvenricitydiv').css('display', 'block');
                //$('#twelvenricity').val('');
                $('.twelveschooldiv').css('display', 'block');
                $('#twelveschool').val('');

            }



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

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

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

                }
            });

        });
        $("#twelvecity").change(function () {
            $('.twelveschooldiv').css('display', 'block');
            $('#twsclclg').val('');
        });
        $('input[type=radio][name=twelvemarktype]').change(function () {

            if (this.value == 'Percentage') {
                $('#divtwelvecgpa').css('display', 'none');
                $('#divtwelveper').css('display', 'block');
            }
            else if (this.value == 'CGPA') {
                $('#divtwelvecgpa').css('display', 'block');
                $('#divtwelveper').css('display', 'none');
            }
        });

        //10th Section
        bindyear10(level);
        $("#tenthyearofpassing").change(function () {

            $('#previewYear10th').text($(this).val());

            var seltenyear = $("#tenthyearofpassing").val();

            if (seltenyear == "2023" && level == "UG") {
                $("#radtwyes").trigger('click');

                $("#radtwno").attr('disabled', 'disabled');
                //$("#radtwno").addClass('disbla');
            }
            else if (seltenyear != "2023" && level == "UG") {
                $('#radtwno').prop("disabled", false);
                $("#radtwno").trigger('click');
                //$("#radtwno").removeClass('disbla');

            }
            else {
                bindyear12('no', level);
            }

        });
        $("#tenthcountry").change(function () {

            var countryid = $("#tenthcountry").val();
            if (countryid == '111')//india
            {
                $('.tenthschooldiv').css('display', 'none');
                $('.tenthstatediv').css('display', 'block');
                $('.tenthcitydiv').css('display', 'none');
                $('.tenthnricitydiv').css('display', 'none');
                var serviceURLstate = '/Home/bindstate';
                $.ajax({
                    url: serviceURLstate,
                    type: "GET",
                    dataType: "HTML",
                    data: {},
                    async: false,
                    success: function (data) {
                        if (data != "") {

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

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

                    }
                });
            }
            else {
                $('.tenthstatediv').css('display', 'none');
                $('.tenthcitydiv').css('display', 'none');
                $('.tenthnricitydiv').css('display', 'block');
                $('#tenthnricity').val('');
                $('.tenthschooldiv').css('display', 'block');
                $('#tenthschoolname').val('');


            }



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

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

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

                }
            });

        });
        $("#tenthcity").change(function () {
            $('.tenthschooldiv').css('display', 'block');
            $('#tenthschoolname').val('');
        });
        $('input[type=radio][name=tenthmarktype]').change(function () {

            if (this.value == 'Percentage') {
                $('#divtencgpa').css('display', 'none');
                $('#divtenper').css('display', 'block');
            }
            else if (this.value == 'CGPA') {
                $('#divtencgpa').css('display', 'block');
                $('#divtenper').css('display', 'none');
            }
        });


        //if (level == 'PG' || level == 'Integrated') {
        if (level == 'PG') {
             $('.grddiv').css('display', 'block');
             //$('.grdstatediv').css('display', 'none');
            pgappearing1('nopg', '@Convert.ToString(Session["level"])');
            //Graduation Section
            $("#grdcountry").change(function () {

                var countryid = $("#grdcountry").val();
                if (countryid == '111')//india
                {
                    $('.grdschooldiv').css('display', 'none');
                    $('.grdstatediv').css('display', 'block');
                    $('.grdcitydiv').css('display', 'none');
                    $('.grdnricitydiv').css('display', 'none');
                    var serviceURLstate = '/Home/bindstate';
                    $.ajax({
                        url: serviceURLstate,
                        type: "GET",
                        dataType: "HTML",
                        data: {},
                        async: false,
                        success: function (data) {
                            if (data != "") {

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

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

                        }
                    });
                }
                else {
                    $('.grdstatediv').css('display', 'none');
                    $('.grdcitydiv').css('display', 'none');
                    $('.grdnricitydiv').css('display', 'block');
                    $('#grdnricity').val('');
                    $('.grdschooldiv').css('display', 'block');
                    $('#grdschoolname').val('');

                }



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

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

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

                    }
                });

            });
            $("#grdcity").change(function () {
                $('.grdschooldiv').css('display', 'block');
                $('#grdschoolname').val('');
            });
            $('input[type=radio][name=grdmarktype]').change(function () {

                if (this.value == 'Percentage') {
                    $('#divgrdcgpa').css('display', 'none');
                    $('#divgrdper').css('display', 'block');
                }
                else if (this.value == 'CGPA') {
                    $('#divgrdcgpa').css('display', 'block');
                    $('#divgrdper').css('display', 'none');
                }
            });
        }
        else {
            $('.grddiv').css('display', 'none');
        }
        }

    function bindyear10(ugpg) {
        var minyear = "2023";
        if (ugpg == "PG") {
            minyear = "2020";
            $("#radtwyes").prop('disabled', true);
        }
        else if (ugpg == "UG" || ugpg == "Integrated") {
            //minyear = "2016";
            $("#radtwyes").prop('disabled', false);
        }

        //console.log("APP" + typeofapp);
        var typeofapp = "tenth";
        var serviceURLyear10th = '/Home/bindyearnew';
        $.ajax({
            url: serviceURLyear10th,
            type: "GET",
            dataType: "HTML",
            data: {
                type: typeofapp,
                minyear: minyear
            },
            async: false,
            success: function (data) {
                // alert(data);

                if (data != "") {

                    $("#tenthyearofpassing").html(data);
                    //bindyear('no');
                }
                else {
                    console.log("Error:bindyearnew")
                }
                console.log("Error:bindyearnew2")

            }
        });
    }
    function checkperten(val) {
        //  alert(val);

        if (val == "per") {

            $("#divtenper").show();
            $("#divtencgpa").hide();
            $("#tenthcgpa").val('');

        }
        else if (val = "cgpa") {

            $("#divtenper").hide();
            $("#divtencgpa").show();
            $("#tenthper").val('');
        }
    }
    function bindyear12(typeofapp, ugpg) {
        if (typeofapp == 'yes') {

            //$("#dvtw").hide();
            $(".dvtw").hide();
            $("#twper").val("");

        }
        if (typeofapp == 'no') {

            //$("#dvtw").show();
            $(".dvtw").show();
            $("#twper").val("");
            $('.twelvecitydiv').hide();
            $('.twelveschooldiv').hide();
            //var markstype = $('input[name="twelvemarktype"]:checked').val();
            //if (markstype == 'Percentage') {
            //    $('#divtwelvecgpa').css('display', 'none');
            //    $('#divtwelveper').css('display', 'block');
            //}
            //else {
            //    $('#divtwelvecgpa').css('display', 'block');
            //    $('#divtwelveper').css('display', 'none');
            //}

            $('#divtwelvecgpa').css('display', 'none');
            $('#divtwelveper').css('display', 'block');
        }

        var seltenyear = $("#tenthyearofpassing").val();
        seltenyear = parseInt((seltenyear));
        if (seltenyear == 0) {
            if (ugpg == "UG") {
                seltenyear = 2018;
            }
            else {

                seltenyear = 2016;
            }
        }
        seltenyear = seltenyear + 2;
        var minyear = seltenyear;
        console.log(seltenyear);
        console.log(minyear);
        if (typeofapp == "no" && ugpg == "UG") {

            typeofapp = "noapplyingug";
        }

        else if (typeofapp == "no" && (ugpg == "PG" || ugpg == "Integrated")) {
            typeofapp = "noapplyingpg";
        }

        console.log(typeofapp)
        var serviceURLyear = '/Home/bindyearnew';
        $.ajax({
            url: serviceURLyear,
            type: "GET",
            dataType: "HTML",
            data: {
                type: typeofapp,
                minyear: minyear
            },
            /*async: false,*/
            success: function (data) {
                //  alert(data);

                if (data != "") {
                    console.log(data);
                    $("#twyearofpassing").html('');
                    $("#twyearofpassing").html(data);
                    console.log(data);
                    //sharthak//pgappearing1('yes')
                    // pgappearing1('nopg')

                }
                else {
                    //alert("Error");
                    console.log("Error bindyearnew");
                }
                //  alert(data);

            }
        });
    }
    function pgappearing1(val, ugpg) {
        var seltwyear = $("#twyearofpassing").val();
        seltwyear = parseInt((seltwyear));
        if (seltwyear == 0) {
            seltwyear = 2008;
        }
        seltwyear = seltwyear + 3;
        var minyear = seltwyear;
        pgappearingnew1(val, minyear, ugpg);

    }
    function pgappearingnew1(val, minyear, ugupg) {
        var typenat = $("#hdntype").val();
        if (typenat == "nri" && (ugupg == "PG" || ugupg == "Integrated")) {
            minyear = 2000;
        }
        var serviceURLyear = '/Home/bindyearnew';
        $.ajax({
            url: serviceURLyear,
            type: "GET",
            dataType: "HTML",
            data: {
                type: val,
                minyear: minyear
            },
            /*async: false,*/
            success: function (data) {
                if (data != "") {
                    if (val == "yes") {

                        //$("#divpgper").hide();
                        $(".divpgper").hide();

                        $("#pgpercentage").val('');
                    }
                    else if (val == "nopg") {
                        $(".divpgper").show();

                        //var markstype = $('input[name="grdmarktype"]:checked').val();
                        //if (markstype == 'Percentage') {
                        //    $('#divgrdcgpa').css('display', 'none');
                        //    $('#divgrdper').css('display', 'block');
                        //}
                        //else {
                        //    $('#divgrdcgpa').css('display', 'block');
                        //    $('#divgrdper').css('display', 'none');
                        //}
                        $('#divgrdcgpa').css('display', 'none');
                        $('#divgrdper').css('display', 'block');
                        if (typenat == "nri") {
                            $('.grdstatediv').css('display', 'none');
                            $('#grdstate').val('0');
                        }
                        else if (typenat == "indian") {
                            $('#grdstate').val('0');
                        }

                        $('.grdcitydiv').css('display', 'none');
                        $('.grdnricitydiv').css('display', 'none');
                        $('.grdschooldiv').css('display', 'none');
                    }
                    //console.log(data);
                    $("#pgyearofappearing").html('');
                    $("#pgyearofappearing").html(data);

                }
                else {
                    // alert("Error");
                }
                //  alert(data);

            }
        });
    }
    </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="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="javascript:void(0)">
                                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 active">
                        <a class="nav-link" href="">
                            Academic History
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#!" id="personalDetailsNav">
                            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-8 pb-5 pb-lg-0 pe-lg-3">
                                    <div class="form-wrap-v2">
                                        <input type="hidden" id="level" value="@Convert.ToString(Session["level"])" />
                                        <input type="hidden" id="hdncourseid" value="@Convert.ToInt32(Session["courseid"])" />
                                        <input type="hidden" id="hdnexammodeapp" value="@Convert.ToString(Session["appcat"])" />
                                        <input type="hidden" value="@Convert.ToString(Session["typeofnation"])" id="hdntype" name="typeofnation" />
                                        <input type="hidden" id="hdnexammode" value="@Convert.ToString(Session["examcat"])" />
                                        <input type="hidden" id="hdnstudytype" value="@Convert.ToString(Session["studytype"])" />
                                        <input type="hidden" id="hdnfeepayment" value="@Convert.ToString(Session["feepayment"])" />
                                        <input type="hidden" id="hdnpaymentdate" value="@Convert.ToString(Session["paymentdate"])" />
                                        <input type="hidden" id="hdnamount" value="@Convert.ToString(Session["amount"])" />
                                        <h1>Academic History</h1>
                                        <div class="accord-form">
                                            <div class="accord-form-item divindian2page">
                                                <div class="accord-form-header" role="button">
                                                    <p>10th Class details</p>
                                                </div>
                                                <div class="accord-form-content">
                                                    <div class="row">
                                                        <div class="col-md-6 lrSpace divindian2page">
                                                            <div class="form-group selectGroup">
                                                                <label for="tenthyearofpassing"><span class="redStar">*</span>Select passing year</label>
                                                                <div class="form-select">
                                                                    <select class="form-control" aria-label="form-select-sm example" id="tenthyearofpassing">
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 lrSpace divindian2page">
                                                            <div class="form-group selectGroup">
                                                                <label for="tenthboard"><span class="redStar">*</span>Board</label>
                                                                <div class="form-select">
                                                                    <select class="form-control" id="tenthboard" aria-label="form-select-sm example">
                                                                        <option value="" selected>Select Board</option>
                                                                        <option value="CBSE">CBSE</option>
                                                                        <option value="ICSE">ICSE</option>
                                                                        <option value="IB">IB</option>
                                                                        <option value="StateBoard">State Board</option>
                                                                        <option value="Others">Others</option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 lrSpace divindian2page divstateboardname">
                                                            <div class="form-group">
                                                                <label for="stateboardname"><span class="redStar">*</span>Board Name</label>
                                                                <input type="text" id="stateboardname" class="ah-input form-control" />
                                                            </div>
                                                        </div>

                                                        <div class="col-md-6 lrSpace divindian2page">
                                                            <div class="form-group checkBox-section">
                                                                <label class="headLabel"><span class="redStar">*</span>Marking Scheme</label>
                                                                <div class="form-group form-check form-check-inline radioBtn2 radiomain">
                                                                    <input class="form-check-input" type="radio" name="tenthmarktype"
                                                                           id="tenthmarktype1" value="Percentage" checked onclick="checkperten('per')">
                                                                    <label class="form-check-label" for="tenthmarktype1">Percentage</label>
                                                                </div>
                                                                <div class="form-group form-check form-check-inline radioBtn2 radiomain">
                                                                    <input class="form-check-input" type="radio" name="tenthmarktype"
                                                                           id="tenthmarktype2" value="CGPA" onclick="checkperten('cgpa')">
                                                                    <label class="form-check-label" for="tenthmarktype2">CGPA</label>
                                                                </div>

                                                            </div>
                                                        </div>

                                                        <div class="col-md-6 lrSpace divindian2page" id="divtenper">
                                                            <div class="form-group">
                                                                <label for="tenthper"><span class="redStar">*</span>Percentage</label>
                                                                <input type="text" onkeypress="return isNumberKey(event)" id="tenthper" class="ah-input form-control" maxlength="5" placeholder="Marks in Percentage *" />
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 lrSpace divindian2page" id="divtencgpa" style="display:none;">
                                                            <div class="form-group">
                                                                <label for="tenthcgpa"><span class="redStar">*</span>CGPA</label>
                                                                <input type="text" onkeypress="return isNumberKey(event)" id="tenthcgpa" class="ah-input form-control" maxlength="5" placeholder="Marks in CGPA *" />
                                                            </div>
                                                        </div>

                                                        <div class="col-md-6 lrSpace divindian2page">
                                                            <div class="form-group selectGroup">
                                                                <label for="tenthcountry"><span class="redStar">*</span>Country</label>
                                                                <div class="form-select">
                                                                    <select class="form-control" id="tenthcountry" aria-label="form-select-sm example">
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 lrSpace tenthstatediv divindian2page" style="display:none;">
                                                            <div class="form-group selectGroup">
                                                                <label for="tenthstate"><span class="redStar">*</span>State</label>
                                                                <div class="form-select">
                                                                    <select class="form-control" id="tenthstate" aria-label="form-select-sm example">
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="col-md-6 lrSpace tenthcitydiv divindian2page" style="display:none;">
                                                            <div class="form-group selectGroup">
                                                                <label for="tenthcity"><span class="redStar">*</span>City</label>
                                                                <div class="form-select">
                                                                    <select class="form-control" id="tenthcity" aria-label="form-select-sm example">
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="col-md-6 lrSpace tenthnricitydiv divindian2page" style="display:none;">
                                                            <div class="form-group">
                                                                <label for="tenthnricity"><span class="redStar">*</span>City</label>
                                                                <input type="text" id="tenthnricity" class="form-control ah-input" />
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 lrSpace tenthschooldiv divindian2page" style="display:none" ;>
                                                            <div class="form-group">
                                                                <label for="tenthschoolname"><span class="redStar">*</span>School name/institution</label>
                                                                <input type="text" name="" id="tenthschoolname" value="" class="form-control ah-input">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="accord-form-item divindian2page">
                                                <div class="accord-form-header" role="button">
                                                    <p>12th Class details</p>
                                                </div>
                                                <div class="accord-form-content">
                                                    <div class="row">
                                                        <div class="col-md-12 lrSpace divindian2page">
                                                            <div class="form-group checkBox-section">
                                                                <label class="headLabel"><span class="redStar">*</span>Are you appearing for exams this academic year?</label>
                                                                <div class="form-group form-check form-check-inline radioBtn2 radiomain">
                                                                    <input type="radio" id="radtwyes" value="Yes" class="form-check-input" name="radtwappear" onclick="bindyear12('yes','@Convert.ToString(Session["level"])');" />
                                                                    <label class="form-check-label" for="radtwyes">Yes</label>
                                                                </div>
                                                                <div class="form-group form-check form-check-inline radioBtn2 radiomain">
                                                                    <input type="radio" id="radtwno" value="No" class="form-check-input" name="radtwappear" checked onclick="bindyear12('no','@Convert.ToString(Session["level"])');" />
                                                                    <label class="form-check-label" for="radtwno">No</label>
                                                                </div>

                                                            </div>
                                                        </div>


                                                        <div class="col-md-6 lrSpace divindian2page dvtw">
                                                            <div class="form-group selectGroup">
                                                                <label for="twyearofpassing"><span class="redStar">*</span>Select passing year</label>
                                                                <div class="form-select">
                                                                    <select class="form-control" aria-label="form-select-sm example" id="twyearofpassing">
                                                                        <option value="0">Select Year *</option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 lrSpace divindian2page dvtw">
                                                            <div class="form-group selectGroup">
                                                                <label for="twelveboard"><span class="redStar">*</span>Board</label>
                                                                <div class="form-select">
                                                                    <select class="form-control" id="twelveboard" aria-label="form-select-sm example">
                                                                        <option value="" selected>Select Board</option>
                                                                        <option value="CBSE">CBSE</option>
                                                                        <option value="ICSE">ICSE</option>
                                                                        <option value="IB">IB</option>
                                                                        <option value="StateBoard">State Board</option>
                                                                        <option value="Others">Others</option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 lrSpace divindian2page divtwelvestateboardname">
                                                            <div class="form-group">
                                                                <label for="twelvestateboardname"><span class="redStar">*</span>Board Name</label>
                                                                <input type="text" id="twelvestateboardname" class="ah-input form-control" />
                                                            </div>
                                                        </div>


                                                        <div class="col-md-6 lrSpace dvtw">
                                                            <div class="form-group selectGroup divindian2page">
                                                                <label for="twelvestream"><span class="redStar">*</span>Stream</label>
                                                                <div class="form-select">
                                                                    <select class="form-control" id="twelvestream" aria-label="form-select-sm example">
                                                                        <option value="" selected>Select Stream</option>
                                                                        <option value="Arts">Arts</option>
                                                                        <option value="Commerce">Commerce</option>
                                                                        <option value="Humanities">Humanities</option>
                                                                        <option value="PCM">PCM</option>
                                                                        <option value="PCB">PCB</option>
                                                                        <option value="Science">Science</option>
                                                                        <option value="Others">Others</option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="col-md-6 lrSpace dvtw divindian2page" id="divtwelveper">
                                                            <div class="form-group">
                                                                <label for="twper"><span class="redStar">*</span>12th Percentage</label>
                                                                <input type="text" onkeypress="return isNumberKey(event)" id="twper" class="ah-input form-control" maxlength="5" placeholder="Marks in Percentage *" />
                                                            </div>
                                                        </div>

                                                        <div class="col-md-6 lrSpace dvtw divindian2page" id="divtwelvecgpa" style="display:none;">
                                                            <div class="form-group">
                                                                <label for="twelvecgpa"><span class="redStar">*</span>CGPA</label>
                                                                <input type="text" onkeypress="return isNumberKey(event)" id="twelvecgpa" class="ah-input form-control" maxlength="5" placeholder="Marks in CGPA *" />
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 lrSpace dvtw dvtwpcm divindian2page">
                                                            <div class="form-group">
                                                                <label for="tenthper"><span class="redStar">*</span>PCM/PCB Percentage</label>
                                                                <input type="text" onkeypress="return isNumberKey(event)" id="twpcm" class="ah-input form-control FormStyle" maxlength="5" placeholder="" />
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 lrSpace dvtw">
                                                            <div class="form-group selectGroup divindian2page">
                                                                <label for="twelvecountry"><span class="redStar">*</span>Country</label>
                                                                <div class="form-select">
                                                                    <select class="form-control" id="twelvecountry" aria-label="form-select-sm example">
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 lrSpace twelvestatediv divindian2page dvtw" style="display:none;">
                                                            <div class="form-group selectGroup">
                                                                <label for="twelvestate"><span class="redStar">*</span>State</label>
                                                                <div class="form-select">
                                                                    <select class="form-control" id="twelvestate" aria-label="form-select-sm example">
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="col-md-6 lrSpace twelvecitydiv divindian2page dvtw" style="display:none;">
                                                            <div class="form-group selectGroup">
                                                                <label for="twelvecity"><span class="redStar">*</span>City</label>
                                                                <div class="form-select">
                                                                    <select class="form-control" id="twelvecity" aria-label="form-select-sm example">
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="col-md-6 lrSpace twelveschooldiv divindian2page dvtw" style="display:none;">
                                                            <div class="form-group">
                                                                <label for="twsclclg"><span class="redStar">*</span>School name/institution</label>
                                                                <input type="text" name="" id="twsclclg" value="" class="form-control ah-input">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="accord-form-item divnri2page">
                                                <div class="accord-form-header" role="button">
                                                    <p>Highest educational qualification details</p>
                                                </div>
                                                <div class="accord-form-content">
                                                    <div class="row">
                                                        <div class="col-md-6 lrSpace divnri2page" style="display:none;">
                                                            <div class="form-group">
                                                                <label for="hiedcationunri"><span class="redStar">*</span>Highest Educational Qualification</label>
                                                                <input type="text" id="hiedcationunri" class="form-control ah-input" placeholder="Highest Educational Qualification" />
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 lrSpace divnri2page" style="display:none;">
                                                            <div class="form-group selectGroup">
                                                                <label for="nricountry"><span class="redStar">*</span>Select Country</label>
                                                                <div class="form-select">
                                                                    <select class="form-control" aria-label="form-select-sm example" id="nricountry">
                                                                        <option value="0">select country</option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 lrSpace divnri2page" style="display:none;">
                                                            <div class="form-group">
                                                                <label for="nriclgname"><span class="redStar">*</span>Name of School/College</label>
                                                                <input type="text" id="nriclgname" class="form-control ah-input" placeholder="Name of School/College" />
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="accord-form-item grddiv">
                                                <div class="accord-form-header" role="button">
                                                    <p>Graduation Details</p>
                                                </div>
                                                <div class="accord-form-content">
                                                    <div class="row">
                                                        <div class="col-md-12 lrSpace grddiv">
                                                            <div class="form-group checkBox-section">
                                                                <label class="headLabel"><span class="redStar">*</span>Are you appearing for exams this academic year?</label>
                                                                <div class="form-group form-check form-check-inline radioBtn2 radiomain">
                                                                    <input type="radio" value="yes" id="radugyes" class="form-check-input" name="radpgapp" onclick="pgappearing1('yes', '@Convert.ToString(Session["level"])');" />
                                                                    <label class="form-check-label" for="radugyes">Yes</label>
                                                                </div>
                                                                <div class="form-group form-check form-check-inline radioBtn2 radiomain">
                                                                    <input type="radio" value="no" id="radugno" class="form-check-input" name="radpgapp" checked onclick="pgappearing1('nopg','@Convert.ToString(Session["level"])');" />
                                                                    <label class="form-check-label" for="radugno">No</label>
                                                                </div>

                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 lrSpace grddiv divpgper">
                                                            <div class="form-group selectGroup">
                                                                <label for="pgyearofappearing"><span class="redStar">*</span>Select passing year</label>
                                                                <div class="form-select">
                                                                    <select class="form-control" aria-label="form-select-sm example" id="pgyearofappearing">
                                                                        <option value="0">Select Year *</option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>


                                                        <div class="col-md-6 lrSpace divpgper grddiv" id="divgrdper">
                                                            <div class="form-group">
                                                                <label for="grdper"><span class="redStar">*</span>Percentage</label>
                                                                <input type="text" onkeypress="return isNumberKey(event)" id="pgpercentage" class="form-control ah-input" maxlength="5" placeholder="Graduation Percentage (%)(XX.XX)" />
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 lrSpace divpgper" id="divgrdcgpa" style="display:none;">
                                                            <div class="form-group">
                                                                <label for="grdcgpa"><span class="redStar">*</span>CGPA</label>
                                                                <input type="text" onkeypress="return isNumberKey(event)" id="grdcgpa" class="form-control ah-input" maxlength="5" placeholder="Marks in CGPA *" />
                                                            </div>
                                                        </div>

                                                        <div class="col-md-6 lrSpace grddiv divpgper">
                                                            <div class="form-group">
                                                                <label for="grdStream"><span class="redStar">*</span>Course Stream</label>
                                                                <input type="text" name="" id="grdStream" value="" class="form-control" placeholder="Enter Course stream">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 lrSpace grddiv divpgper">
                                                            <div class="form-group selectGroup">
                                                                <label for="grdDuration"><span class="redStar">*</span>Course Duration</label>
                                                                <div class="form-select">
                                                                    <select class="form-control" id="grdDuration" aria-label="form-select-sm example">
                                                                        <option value="">Please select</option>
                                                                        <option value="3">3 years</option>
                                                                        <option value="4">4 years</option>
                                                                        <option value="5">5 years</option>
                                                                    </select>
                                                                </div>

                                                            </div>
                                                        </div>

                                                        <div class="col-md-6 lrSpace grddiv divpgper">
                                                            <div class="form-group selectGroup">
                                                                <label for="grdcountry"><span class="redStar">*</span>Country</label>
                                                                <div class="form-select">
                                                                    <select class="form-control" id="grdcountry" aria-label="form-select-sm example">
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 lrSpace grdstatediv divpgper" style="display:none;">
                                                            <div class="form-group selectGroup">
                                                                <label for="grdstate"><span class="redStar">*</span>State</label>
                                                                <div class="form-select">
                                                                    <select class="form-control" id="grdstate" aria-label="form-select-sm example">
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="col-md-6 lrSpace grdcitydiv divpgper" style="display:none;">
                                                            <div class="form-group selectGroup">
                                                                <label for="grdcity"><span class="redStar">*</span>City</label>
                                                                <div class="form-select">
                                                                    <select class="form-control" id="grdcity" aria-label="form-select-sm example">
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="col-md-6 lrSpace grdnricitydiv divpgper" style="display:none;">
                                                            <div class="form-group">
                                                                <label for="grdnricity"><span class="redStar">*</span>City</label>
                                                                <input type="text" id="grdnricity" class="form-control ah-input" />
                                                            </div>
                                                        </div>

                                                        <div class="col-md-6 lrSpace grdschooldiv divpgper" style="display:none;">
                                                            <div class="form-group">
                                                                <label for="grdschoolname"><span class="redStar">*</span>College name/University</label>
                                                                <input type="text" name="" id="grdschoolname" value="" class="form-control ah-input">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 lrSpace grddiv divpgper">
                                                            <div class="form-group selectGroup">
                                                                <label for="ddlworkExp">Work Experiance(if any)</label>
                                                                <div class="form-select">
                                                                    <select class="form-control" id="ddlworkExp" aria-label="form-select-sm example">
                                                                        <option value="">Select Work Experiance</option>
                                                                        <option value="1">0-1 year</option>
                                                                        <option value="2">1-2 years</option>
                                                                        <option value="3">2-3 years</option>
                                                                        <option value="5">3-5 years</option>
                                                                        <option value="99">>5 years</option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 lrSpace grddiv divpgper">
                                                            <div class="form-group">
                                                                <label for="workOrg">Organisation Name</label>
                                                                <input type="text" name="" id="workOrg" value="" class="form-control" placeholder="Enter Organisation Name">
                                                            </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-md-12 paymentBtnWrap">
                                                <a href="javascript:;" onclick="AddAcademicHistory();" title="Proceed" class="btn btn-primary max-w-input commonBlackBtn">Proceed</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 col-lg-4 ps-lg-3">
                                    <div class="rightSidePanel">
                                        <h2>Academic History</h2>
                                        <div class="row rightSideInfo">
                                            <div class="col-12">
                                                <p class="title">@(Convert.ToString(Session["fullname"]))</p>
                                                <div class="w-100 mb-3 div10thPreview">
                                                    <p class="titleDetail">10th Class details</p>
                                                    <div class="row">
                                                        <div class="col-6 d-flex justify-content-between"><p class="titleNameStrong">Year</p><p class="titleNameNormal year"><label id="previewYear10th"></label></p></div>
                                                        <div class="col-6 d-flex justify-content-between"><p class="titleNameStrong">Board</p><p class="titleNameNormal board"><label id="previewBoard10th"></label></p></div>
                                                    </div>
                                                </div>
                                                <div class="w-100 mb-3 div12thPreview">
                                                    <p class="titleDetail">12th Class details</p>
                                                    <div class="row">
                                                        <div class="col-6 d-flex justify-content-between"><p class="titleNameStrong">Year</p><p class="titleNameNormal year"><label id="previewYear12th"></label></p></div>
                                                        <div class="col-6 d-flex justify-content-between"><p class="titleNameStrong">Board</p><p class="titleNameNormal board"><label id="previewBoard12th"></label></p></div>
                                                    </div>
                                                </div>
                                                <div class="w-100 mb-3 div divAppcatPreview">
                                                    <p class="titleDetail">Mode Of Application</p>
                                                    <div class="row">
                                                        <div class="col-6 d-flex justify-content-between"><p class="titleNameStrong">Mode</p><p class="titleNameNormal year">Through @Convert.ToString(Session["appcat"])</p></div>
                                                    </div>
                                                </div>
                                                <div class="col-md-12">
                                                    <a href="javascript:;" class="btn btn-primary mt-0 w-100 commonBlackBtn" title="Proceed" onclick="AddAcademicHistory();">Proceed</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>
    <!-- Modal -->
    <div class="modal fade" id="EligibilityModel" tabindex="-1" role="dialog" aria-labelledby="EligibilityModelLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h6 class="modal-title" id="EligibilityModelLabel">Eligibility Criteria</h6>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true"><img src="assets/images/modal-close-icon.svg" alt="Close Icon" /></span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="eligibilityDetails">
                        <p><strong>Exam Pathway:</strong></p>
                        <ul>
                            <li>Minimum 50% marks at Higher and Senior Secondary level (X and XII) (Any Stream).</li>
                        </ul>
                    </div>
                    <div class="">
                        <p><strong>Non Exam Pathway:</strong></p>
                        <ul>
                            <li>
                                Board Merit: - Minimum 60% marks in class X and XII (Any Stream)<br />
                                OR <br />
                                JEE MAIN/UCEED/NIFT/NID: Minimum 50% marks in class X and XIl with valid JEE MAIN/UCEED/NIFT/NID scores.
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>


</body>
</html>



