@{
    ViewBag.Title = "Exam Slot Booking";
    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 AddInterviewDates() {

             
            var ExamDates= $('#ddlExamDates').val();
            var Pref1= $("#ddlPref1").val();
            var Pref2= $("#ddlPref2").val();
            if (ExamDates == "") {
                $(".validation").remove();
                $("#ddlExamDates").focus();
                $("#ddlExamDates").closest('div').after("<p class='validation' style='color:red;margin-bottom:0px;'>Please Select Exam Date</p>");

              //  $('#ddlExamDates').closest('.accord-form-item').find('.accord-form-header').trigger('click');
                return false;
            }
            if (Pref1 == "") {
                $(".validation").remove();
                $("#ddlPref1").focus();
                $("#ddlPref1").closest('div').after("<p class='validation' style='color:red;margin-bottom:0px;'>Please Select Preference 1</p>");

               // $('#ddlPref1').closest('.accord-form-item').find('.accord-form-header').trigger('click');
                return false;
            }

            var courseid = $('#hdncourseid').val();
            if (courseid === '5' ||
                courseid === '7' ||
                courseid === '21' ||
                courseid === '31'
            ) {

            }
            else {
                if (Pref2 == "") {
                    $(".validation").remove();
                    $("#ddlPref2").focus();
                    $("#ddlPref2").closest('div').after("<p class='validation' style='color:red;margin-bottom:0px;'>Please Select Preference 2</p>");

                    //$('#ddlPref2').closest('.accord-form-item').find('.accord-form-header').trigger('click');
                    return false;
                }
            }


           

            if (document.getElementById('Chkdeclare').checked == false) {
                $(".validation").remove();
                $('#Chkdeclare').focus();
                $(".divChkDeclare").after("<p class='validation' style='color:red;margin-bottom:0px;'>Please check to accept.</p>");
                return false;
            }
            else {
                $(".validation").remove();
            }




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

                url: '/Home/AddInterviewDates',
                type: "POST",
                dataType: "json",

                data: {
                    ExamDates: $('#ddlExamDates').val(),
                    Pref1: $("#ddlPref1").val(),
                    Pref2: $("#ddlPref2").val()
                },
                /*async: false,*/
                success: function (data) {

                    if (data == "true") {
                        window.location.assign("/SlotBookingThankyou");

                    }
                    else {
                        console.log("Error" + data);
                        swal('Something went wrong. Contact us for further assistance.',
                            {
                                icon: "error",
                                closeOnClickOutside: false
                            });
                    }
                },
                complete: function () {
                    $('.overlay').hide();
                }
            });
        }
        function validateDropdowns() {
            var pref1 = $('#ddlPref1').val();
            var pref2 = $('#ddlPref2').val();
            var isValid = true;

            // Reset validation styles
            $('#ddlPref1, #ddlPref2').removeClass('is-invalid');

            // Check if both dropdowns have the same value
            if (pref1 && pref2 && pref1 === pref2) {
                alert('The same option cannot be selected in both preferences!');
                $('#ddlPref1, #ddlPref2').addClass('is-invalid');
                isValid = false;
            }

            // Enable or disable the Submit button
            if (isValid) {
                $('.commonBlackBtn').removeClass('disabled').prop('disabled', false);
            } else {
                $('.commonBlackBtn').addClass('disabled').prop('disabled', true);
            }
        }
    $(function () {

        var courseid = $('#hdncourseid').val();
        //alert(courseid);
        if (courseid === '5' ||
            courseid === '7' ||
            courseid === '21' ||
            courseid === '31') {

            $(".divDllPref2").css('display', 'none');

        }
        else {
            $(".divDllPref2").css('display', 'block');
        }
        
        
        $('#ddlPref1, #ddlPref2').on('change', function () {
            validateDropdowns();
        });
        

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

        $.when(initfunc()).done(function (a1) {
           
            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 urlexamdates = '/Home/bindexamdates';
            $.ajax({
                url: urlexamdates,
                type: "GET",
                dataType: "HTML",
                data: {

                },
                async: false,
                success: function (data) {
                    // alert(data);

                    if (data != "") {

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

                }
            });

            var urlpreferences = '/Home/bindpreferences';
            $.ajax({
                url: urlpreferences,
                type: "GET",
                dataType: "HTML",
                data: {

                },
                async: false,
                success: function (data) {
                    // alert(data);

                    if (data != "") {

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

                }
            });
        }

    </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>*@
                            <li class="nav-item">
                                <a class="nav-link" href="/Application" title="Dashboard">Dashboard</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="/Application" title="Application Form">Application Form</a>
                            </li>
                            <li class="nav-item">

                                <a class="nav-link active" href="/ExamSlotBooking" title="Exam Slot Booking">Exam Slot Booking</a>
                            </li>
                            @*<li class="nav-item liEventInvitation" style="display:none;">
                                <a class="nav-link" href="/EventInvitation" title="Event Invitation">Interview Slot Booking</a>
                            </li>*@
                            <li class="nav-item">
                                <a class="nav-link" href="https://campuswalkins.upes.ac.in/" title="Book Campus Visit">Book Campus Visit</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="/Application/PrintForm" title="Download Admission Form">Print Application</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="https://www.upes.ac.in/admissions/downloads" title="Download Brochure">Download Brochure</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="javascript:willLogout()" title="Sign Out">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="#">
                            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>
                                        <a href="javascript:;" title="Application Form">Application Form</a>
                                    </li>
                                    <li class="active">
                                        <a href="/ExamSlotBooking" title="Exam Slot Booking">Exam Slot Booking</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: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>Exam Slot Booking</h1>
                                        <div class="accord-form">
                                            <div class="accord-form-item divindian2page">
                                                <div class="accord-form-header" role="button">
                                                    <p></p>
                                                </div>
                                                <div class="accord-form-content">
                                                    <div class="row">

                                                        <div class="col-md-12 lrSpace divindian2page">
                                                            <div class="form-group selectGroup">
                                                                <label for="ddlExamDates"><span class="redStar">*</span>Select Exam Date</label>
                                                                <div class="form-select">
                                                                    <select class="form-control" aria-label="form-select-sm example" id="ddlExamDates">
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>


                                                        <div class="col-md-12 lrSpace divindian2page">
                                                            <div class="form-group selectGroup">
                                                                <label for="ddlPref1"><span class="redStar">*</span>Select Preference 1</label>
                                                                <div class="form-select">
                                                                    <select class="form-control" aria-label="form-select-sm example" id="ddlPref1">
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-12 lrSpace divindian2page divDllPref2">
                                                            <div class="form-group selectGroup">
                                                                <label for="ddlPref2"><span class="redStar">*</span>Select Preference 2</label>
                                                                <div class="form-select">
                                                                    <select class="form-control" aria-label="form-select-sm example" id="ddlPref2">
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <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">
                                                                    All the information submitted by me in the UPES Application Form is correct and true to the best of my knowledge and belief. If any information is found out to be false at later stages or during physical verification of documents, UPES reserves the right to cancel my admission immediately. I also understand that the refund of fee policy as mandated by UGC will not be applicable in such a case and my fee paid will be liable to be forfeited.

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



                                                    </div>
                                                    </div>
                                            </div>
                                        </div>
                                      
                                        <div class="row">
                                            <div class="col-md-12 paymentBtnWrap">
                                                <a href="javascript:;" onclick="AddInterviewDates();" title="Submit" class="btn btn-primary max-w-input commonBlackBtn">Submit</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 col-lg-4 ps-lg-3">
                                    <div class="rightSidePanel">
                                        <h2>Exam Slot Booking</h2>
                                        <div class="row rightSideInfo">
                                            <div class="col-12">
                                                <p class="title">@(Convert.ToString(Session["fullname"]))</p>
                                                <div class="w-100 mb-3 div10thPreview">
                                                    <div class="row">
                                                        <div class="col-10 d-flex justify-content-between"><p class="titleDetail">Date of Birth</p><p class="titleNameStrong mt-2">@Session["sfb_dob"].ToString()</p></div>
                                                    </div>
                                                </div>
                                                <div class="w-100 mb-3 div12thPreview">
                                                    <div class="row">
                                                        <div class="col-10 d-flex justify-content-between"><p class="titleDetail">Course</p><p class="titleNameStrong mt-2">@Session["sfb_coursename"].ToString()</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>



