@{
    ViewBag.Title = "Event Invitation";
    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 AddInviteResponse(result) {
            var serviceURL = '/Application/UpdateInvitationStatus';
            if (result == 'Accept') {
                // Handle "Accept" action
                $('.overlay').show();
                $.ajax({
                    url: serviceURL,
                    type: "POST",
                    dataType: "json",
                    data: {
                        status: "Accept",
                        eventid: $('#ddlEvents').val()
                    },
                    success: function (data) {
                        if (data == "true") {
                            swal('Accepted!', 'Thank you for accepting the invitation.', 'success')
                                .then((ok) => {
                                    if (ok) {
                                        window.location.assign("/EventInvitation");
                                    }
                                });
                        } else {
                            console.log("Error" + data);
                            swal('Something went wrong. Contact us for further assistance.', {
                                icon: "error",
                                closeOnClickOutside: false
                            });
                        }
                    },
                    complete: function () {
                        $('.overlay').hide();
                    }
                });
            } else if (result == 'Reject') {
                // Handle "Reject" action
                $('.overlay').show();
                $.ajax({
                    url: serviceURL,
                    type: "POST",
                    dataType: "json",
                    data: {
                        status: "Reject",
                        eventid: $('#ddlEvents').val()
                    },
                    success: function (data) {
                        if (data == "true") {
                            swal('Declined', 'You have declined the invitation.', 'error')
                                .then((ok) => {
                                    if (ok) {
                                        window.location.assign("/EventInvitation");
                                    }
                                });
                        } else {
                            console.log("Error" + data);
                            swal('Something went wrong. Contact us for further assistance.', {
                                icon: "error",
                                closeOnClickOutside: false
                            });
                        }
                    },
                    complete: function () {
                        $('.overlay').hide();
                    }
                });
            }
        }

    $(function () {

        var courseid = $('#hdncourseid').val();

        //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');
                }

            });


            $("#ddlEvents").change(function () {
                var eventid = $('#ddlEvents').val();
                var urlexamdates = '/Home/bindEventDetails';
                $.ajax({
                    url: urlexamdates,
                    type: "GET",
                    dataType: 'json',
                    data: {
                        eventid: eventid
                    },
                    async: false,
                    success: function (data) {
                        //console.log(data);
                        if (data != "") {
                            //alert(data.EventDetailsEventType);
                            $('#EventDetailsEventType').text(data.EventDetailsEventType);
                            $('#EventDetailsEventLocation').text(data.EventDetailsEventLocation);
                            $('#EventDetailsEventName').text(data.EventDetailsEventName);
                            $('#EventDetailsEventDate').text(data.EventDetailsEventDate);



                            // var $('.isActionRowVisible').css('display', 'none');
                            $('#ActionRowKey').text("Action Taken");
                            $('#ActionRowValue').text("");

                       // var $('.isPdfRowVisible').css('display', 'none');
                            $('#PdfRowKey').text("Response Sheet");
                            $('#PdfRowValue').attr('href',"");




                        var isAccepted = false; // Show "Accepted" text if true
                        var isRejected = false; // Show "Rejected" text if true

                            var inviteStatus = data.EventDetailsInviteStatus;
                        if (inviteStatus === 'Invited') {

                            $('.isActionRowVisible').css('display', 'none');

                            $('.isPdfRowVisible').css('display', 'none');

                            $('#divAccept').css('display', '');
                            $('#divReject').css('display', '');

                            isAccepted = false; // S
                            isRejected = false; // S

                            $('#divAcceptedDetails').css('display', 'none');
                            $('#divAcceptedDetails').html('');
                        }
                        else if (inviteStatus === 'Accepted') {

                            $('.isActionRowVisible').css('display', '');
                            $('#ActionRowValue').text("Accepted");
                            $('#ActionRowValue').removeClass("text-danger");
                            $('#ActionRowValue').addClass("text-success");

                            $('.isPdfRowVisible').css('display', '');

                            var courseName = '@Session["sfb_coursename"].ToString()';
                            if (courseName === "MBA") {
                                $('#PdfRowValue').attr('href', "https://admission.upes.ac.in/Pdf/ResponseSheets/MBA - Response Sheet AY 2025.pdf");
                            }
                            else if (courseName === "B.Des") {
                                $('#PdfRowValue').attr('href', "https://admission.upes.ac.in/Pdf/ResponseSheets/B.Des Response Sheet AY 2025.pdf");
                            }
                            else if (courseName === "M.Des") {
                                $('#PdfRowValue').attr('href', "https://admission.upes.ac.in/Pdf/ResponseSheets/M.Des Response Sheet AY2025.pdf");
                            }



                            $('#divAccept').css('display', 'none');
                            $('#divReject').css('display', 'none');

                            $('#divAcceptedDetails').css('display', '');
                            $('#divAcceptedDetails').html(data.AcceptedDetails);

                            isAccepted = true; // S
                            isRejected = false; // S
                        }
                        else if (inviteStatus === 'Rejected') {

                            $('.isActionRowVisible').css('display', ''); // Condition to show the extra row
                            $('#ActionRowValue').text("Rejected"); // Value for the extra row
                            $('#ActionRowValue').addClass("text-danger");
                            $('#ActionRowValue').removeClass("text-success");

                            $('.isPdfRowVisible').css('display', 'none');

                            $('#divAccept').css('display', '');
                            $('#divReject').css('display', 'none');
                            isAccepted = false; // S
                            isRejected = true; // S

                            $('#divAcceptedDetails').css('display', 'none');
                            $('#divAcceptedDetails').html('');
                        }



                            $('.eventDetailsDiv').css('display', '');
                        }
                        else {
                            $('.eventDetailsDiv').css('display', 'none');
                            console.log("Error:bindyearnew")
                        }
                        console.log("Error:bindyearnew2")

                    }
                });

            });

            var selectedEvents = '@ViewBag.isAlreadyResponded';
            if (selectedEvents == '1') {
                // Select a specific value (e.g., "Event2")
                $("#ddlEvents").val("@ViewBag.evntD");

                // Trigger the change event
                $("#ddlEvents").change();

                var status = '@ViewBag.status';
                if (status === 'Accepted') {
                    $("#ddlEvents").prop("disabled", true);


                }
                else if (status === 'Rejected') {
                    $("#ddlEvents").prop("disabled", false);
                }
                
            }
            else {
                $("#ddlEvents").prop("disabled", false);
               
            }

        })

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

        function initfunc() {

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

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

                    if (data != "") {

                        $("#ddlEvents").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 liExamSlotBooking" style="display:none;">

                                <a class="nav-link" href="/ExamSlotBooking" title="Exam Slot Booking">Exam Slot Booking</a>
                            </li>*@
                            <li class="nav-item">
                                <a class="nav-link active" href="/EventInvitation" title="Interview Slot Booking">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>
                                        <a href="/ExamSlotBooking" title="Exam Slot Booking">Exam Slot Booking</a>
                                    </li>*@
                                    <li class="liEventInvitation active" >
                                        <a href="/EventInvitation" title="Interview Slot Booking">Interview 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>Interview 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="ddlEvents"><span class="redStar">*</span>Select Event</label>
                                                                <div class="form-select">
                                                                    <select class="form-control" aria-label="form-select-sm example" id="ddlEvents">
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="col-md-12 lrSpace divindian2page eventDetailsDiv" style="display:none;">
                                                            <table class="table table-bordered">
                                                                <tbody>
                                                                    <tr>
                                                                        <td><strong>Event Type</strong></td>
                                                                        <td><label id="EventDetailsEventType"></label></td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td><strong>Event Name</strong></td>
                                                                        <td><label id="EventDetailsEventName"></label></td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td><strong>Event Date</strong></td>
                                                                        <td><label id="EventDetailsEventDate"></label></td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td><strong>Event Location</strong></td>
                                                                        <td><label id="EventDetailsEventLocation"></label></td>
                                                                    </tr>


                                                                    <tr style="display:none;" class="isActionRowVisible">
                                                                        <td><strong><label id="ActionRowKey"></label></strong></td>
                                                                        <td><strong><label id="ActionRowValue"></label></strong></td>
                                                                    </tr>
                                                                   
                                                                    <tr style="display:none;" class="isPdfRowVisible">
                                                                        <td><strong><label id="PdfRowKey"></label></strong></td>


                                                                        <td><a id="PdfRowValue" href='' target="_blank" class="link-primary" style="text-decoration: underline;">Download Response Sheet</a></td>
                                                                    </tr>

                                                                    <tr>
                                                                        <td colspan="2">
                                                                            <div id="divAcceptedDetails" style="display:none;"></div>
                                                                        </td>
                                                                    </tr>

                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                    </div>
                                            </div>
                                        </div>
                                      
                                        <div class="row">

                                            <div class="col-md-6 paymentBtnWrap" id="divReject" style="display:none;">
                                                <a href="javascript:;" onclick="AddInviteResponse('Reject');" title="Submit" class="btn btn-danger max-w-input commonBlackBtn">Reject</a>
                                            </div>
                                            <div class="col-md-6 paymentBtnWrap" id="divAccept" style="display:none;">
                                                <a href="javascript:;" onclick="AddInviteResponse('Accept');" title="Submit" class="btn btn-success max-w-input commonBlackBtn">Accept</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 col-lg-4 ps-lg-3">
                                    <div class="rightSidePanel">
                                        <h2>Interview 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">Appno</p><p class="titleNameStrong mt-2">@Session["appno"].ToString()</p></div>
                                                    </div>
                                                </div>
                                                <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>



