@{
    ViewBag.Title = "Application Dashboard";
    Layout = null;
}


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>UPES</title>
    <meta name="robots" content="noindex,nofollow">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="UPES is one of the best Universities in Dehradun, Uttarakhand which offers various courses in Law, Management,
    Business, Engineering, Design sectors. Admission is open for the 2022 batch." />
    <meta name="keywords" content="upes admission, upes fee, upes program, upes btech, upes course, upes application form, upes college, upes mba, upes bba, upes bdes, upes mdes, upes llb" />
    <meta property="og:title" content="" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="" />
    <meta property="og:image" content="" />
    <meta property="og:description" content="" />
    <meta property="og:site_name" content="" />
    <meta name="twitter:site" content="" />
    <meta name="twitter:title" content="" />
    <meta name="twitter:description" content="" />
    <meta name="twitter:creator" content="" />
    <meta name="twitter:image:src" content="" />
    <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="assets/slick/slick.min.css" />
    <link rel="stylesheet" type="text/css" href="assets/css/style.css" />
    <link href="https://cdnjs.cloudflare.com/ajax/libs/slick-lightbox/0.2.12/slick-lightbox.css" rel="stylesheet" />
    <link rel="icon" type="image/png" href="assets/images/favicon.png" />
    <script src="assets/js/jquery-3.6.3.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <!-- <script src="assets/js/index.bundle.min.js"></script>  -->
    <script src="assets/slick/slick.min.js" async></script>
    <script src="assets/js/lazysizes.min.js" async></script>
    <script src="assets/js/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 href="https://cdn.jsdelivr.net/npm/sweetalert2@11.7.0/dist/sweetalert2.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.7.0/dist/sweetalert2.min.js"></script>

    <style>
        .swal2-confirm.accept-btn {
            background-color: #28a745; /* Green for Accept */
            color: #fff;
            font-size: 20px;
            border: none;
            margin-right: 10px;
            padding: 5px 20px;
            border-radius: 4px;
        }

        .swal2-cancel.decline-btn {
            background-color: #dc3545; /* Red for Decline */
            color: #fff;
            font-size: 20px;
            border: none;
            margin-right: 10px;
            padding: 5px 20px;
            border-radius: 4px;
        }
    </style>

    <script>
    $(function () {


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

        var isRegister = '@ViewBag.IsRegister';
        if (isRegister == '1') {
            $('#btnRegister').show();
        }
        else {
            $('#btnRegister').hide();
        }


         var isInvited = '@ViewBag.isInvited';
        if (isInvited == '1') {
           // $('.inviteTabdiv').show();
            $('.liEventInvitation').show();

        }
        else {
            //$('.inviteTabdiv').hide();
            $('.liEventInvitation').hide();
        }



        var isAllowedForExamSlotBooking = '@ViewBag.isAllowedForExamSlotBooking';
        if (isAllowedForExamSlotBooking == '1') {
            $('.liExamSlotBooking').css('display', 'block');
        }
        else {
            $('.liExamSlotBooking').css('display', 'none');
        }



        var currentStage = @ViewBag.CurrentStage;
        if (currentStage == 1) {
            $('.personalDetailsDiv').addClass('poor');
            $('.personalDetailsDiv').find('span.complete-span').text('0% Completed');
            $('.personalDetailsDiv').find('div.progress-bar').css('width', '0%');

            $('.academicHistoryDiv').addClass('poor');
            $('.academicHistoryDiv').find('span.complete-span').text('0% Completed');
            $('.academicHistoryDiv').find('div.progress-bar').css('width', '0%');

            $('.paymentDiv').addClass('poor');
            $('.paymentDiv').find('span.complete-span').text('0% Completed');
            $('.paymentDiv').find('div.progress-bar').css('width', '0%');

            $("#btnCompleteNow").attr("href", "/ApplicationPayment");
            //$("#btnCompleteNow").attr("onclick", "window.location.href='/ApplicationPayment'");
           // $("#btnEditApplication").css('display', 'none');
            $(".btnEditApplicationDiv").css('display', 'none');
            $("#btnPaymentCN").css('display', 'block');

        }
        else if (currentStage == 2) {
            $('.personalDetailsDiv').addClass('poor');
            $('.personalDetailsDiv').find('span.complete-span').text('0% Completed');
            $('.personalDetailsDiv').find('div.progress-bar').css('width', '0%');

            $('.academicHistoryDiv').addClass('poor');
            $('.academicHistoryDiv').find('span.complete-span').text('0% Completed');
            $('.academicHistoryDiv').find('div.progress-bar').css('width', '0%');

            $('.paymentDiv').addClass('excellent');
            $('.paymentDiv').find('span.complete-span').text('100% Completed');
            $('.paymentDiv').find('div.progress-bar').css('width', '100%');

            $("#btnCompleteNow").attr("href", "/AcademicHistory");
           // $("#btnCompleteNow").attr("href", "/PersonalDetails");
            //$("#btnCompleteNow").attr("onclick", "window.location.href='/PersonalDetails'");
            //$("#btnEditApplication").css('display', 'none');
            $(".btnEditApplicationDiv").css('display', 'none');

            $("#btnAcdHisCN").css('display', 'block');


        }
        else if (currentStage == 3) {
            $('.academicHistoryDiv').addClass('excellent');
            $('.academicHistoryDiv').find('span.complete-span').text('100% Completed');
            $('.academicHistoryDiv').find('div.progress-bar').css('width', '100%');

            $('.personalDetailsDiv').addClass('poor');
            $('.personalDetailsDiv').find('span.complete-span').text('0% Completed');
            $('.personalDetailsDiv').find('div.progress-bar').css('width', '0%');

            $('.paymentDiv').addClass('excellent');
            $('.paymentDiv').find('span.complete-span').text('100% Completed');
            $('.paymentDiv').find('div.progress-bar').css('width', '100%');

            $("#btnCompleteNow").attr("href", "/PersonalDetails");
            //$("#btnCompleteNow").attr("href", "/AcademicHistory");
            //$("#btnCompleteNow").attr("onclick", "window.location.href='/AcademicHistory'");
           // $("#btnEditApplication").css('display', 'none');
            $(".btnEditApplicationDiv").css('display', 'none');

            $("#btnAcdHisEdit").css('display', 'block');
            $("#btnComAppCN").css('display', 'block');
        }
        else if (currentStage == 4) {
            $('.personalDetailsDiv').addClass('excellent');
            $('.personalDetailsDiv').find('span.complete-span').text('100% Completed');
            $('.personalDetailsDiv').find('div.progress-bar').css('width', '100%');

            $('.academicHistoryDiv').addClass('excellent');
            $('.academicHistoryDiv').find('span.complete-span').text('100% Completed');
            $('.academicHistoryDiv').find('div.progress-bar').css('width', '100%');

            $('.paymentDiv').addClass('excellent');
            $('.paymentDiv').find('span.complete-span').text('100% Completed');
            $('.paymentDiv').find('div.progress-bar').css('width', '100%');

            //$("#btnCompleteNow").css('display','none');
            //$("#btnEditApplication").css('display', 'block');
            $(".btnCompleteNowDiv").css('display', 'none');
            $(".btnEditApplicationDiv").css('display', 'block');
            $("#btnEditApplication").attr("href", "/AcademicHistory");
            //$("#btnEditApplication").attr("onclick", "window.location.href='/AcademicHistory'");

            $("#btnAcdHisEdit").css('display', 'block');
            $("#btnComAppEdit").css('display', 'block');
        }

        var adminlock = '@Session["adminlock"]';
        if (adminlock == 'True') {
            $('#btnEditApplication').text("View Application");
        }
        else {
            $('#btnEditApplication').text("Edit Application");
        }

    });
    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 openinvitemodal() {

            var isActionRowVisible = false;
            var ActionRowKey = "Action Taken";
            var ActionRowValue = "";

            var isPdfRowVisible = false;
            var PdfRowKey = "Response Sheet";
            var PdfRowValue = "";



            var isAcceptVisible = true;  // Show Accept button if true
            var isRejectVisible = true; // Show Reject button if true
            var isAccepted = false; // Show "Accepted" text if true
            var isRejected = false; // Show "Rejected" text if true

            var inviteStatus = '@ViewBag.InviteStatus';
            if (inviteStatus === 'Invited') {

                isActionRowVisible = false;
                isPdfRowVisible = false;



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

                isActionRowVisible = true;
                ActionRowValue = "Accepted";

                isPdfRowVisible = true;

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


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

                isActionRowVisible = true; // Condition to show the extra row
                ActionRowValue = "Rejected"; // Value for the extra row

                isPdfRowVisible = false;

                isAcceptVisible = true;
                isRejectVisible = false;
                isAccepted = false; // S
                isRejected = true; // S
            }




            Swal.fire({
                title: 'Event Invitation Details',
                html: `
                      <div class="container-fluid">
                <div class="row">
                    <div class="col-12">
                        <table class="table table-bordered">
                            <tbody>
                                <tr>
                                    <td><strong>Event Type</strong></td>
                                    <td>@ViewBag.EventType</td>
                                </tr>
                                <tr>
                                    <td><strong>Event Name</strong></td>
                                    <td>@ViewBag.EventName</td>
                                </tr>
                                <tr>
                                    <td><strong>Event Date</strong></td>
                                    <td>@ViewBag.EventDate</td>
                                </tr>
                                <tr>
                                    <td><strong>Event Location</strong></td>
                                    <td>@ViewBag.EventLocation</td>
                                </tr>
                                    ${
                    isActionRowVisible
                                                            ? `<tr>
                                                                                 <td><strong>${ActionRowKey}</strong></td>
                                                                                 <td>${ActionRowValue}</td>
                                                                             </tr>`
                                                            : ""
                                                                      }
                                     ${
                    isPdfRowVisible
                                                            ? `<tr>
                                                                                                                     <td><strong>${PdfRowKey}</strong></td>
                                                                                                                     <td class='text-center'><a href='${PdfRowValue}' target="_blank" class="btn btn-primary" style='padding: 5px 30px !important;'>Download Response Sheet</a></td>
                                                                                                                 </tr>`
                                                            : ""
                                                                                                          }
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
                    `,
                icon: 'info',
                confirmButtonText: isAccepted ? 'Accepted' : 'Accept',
                showCancelButton: isRejectVisible, // Show Reject button if true
                cancelButtonText: isRejected ? 'Rejected' : 'Decline',
                showConfirmButton: isAcceptVisible, // Show Accept button if true
                width: '50%',
                customClass: {
                    popup: 'eligibility-popup',
                    title: 'eligibility-title',
                    content: 'eligibility-content',
                    confirmButton: isAccepted ? 'accepted-btn' : 'accept-btn',
                    cancelButton: isRejected ? 'rejected-btn' : 'decline-btn'
                }
            }).then((result) => {
                var serviceURL = '/Application/UpdateInvitationStatus';
                if (result.isConfirmed && isAcceptVisible) {
                    // Handle "Accept" action
                    $('.overlay').show();
                    $.ajax({
                        url: serviceURL,
                        type: "POST",
                        dataType: "json",
                        data: {
                            status: "Accept"
                        },
                        success: function (data) {
                            if (data == "true") {
                                Swal.fire('Accepted!', 'Thank you for accepting the invitation.', 'success')
                                    .then((ok) => {
                                        if (ok) {
                                            window.location.assign("/Application?area=user");
                                        }
                                    });
                            } 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.dismiss === Swal.DismissReason.cancel && isRejectVisible) {
                    // Handle "Reject" action
                    $('.overlay').show();
                    $.ajax({
                        url: serviceURL,
                        type: "POST",
                        dataType: "json",
                        data: {
                            status: "Reject"
                        },
                        success: function (data) {
                            if (data == "true") {
                                Swal.fire('Declined', 'You have declined the invitation.', 'error')
                                    .then((ok) => {
                                        if (ok) {
                                            window.location.assign("/Application?area=user");
                                        }
                                    });
                            } else {
                                console.log("Error" + data);
                                swal('Something went wrong. Contact us for further assistance.', {
                                    icon: "error",
                                    closeOnClickOutside: false
                                });
                            }
                        },
                        complete: function () {
                            $('.overlay').hide();
                        }
                    });
                }
            });
        }*@


        @*function openinvitemodal() {
            Swal.fire({
                title: 'Event Invitation Details',
                html: `
                      <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <table class="table table-bordered">

                        <tbody>
                            <tr>
                                <td><strong>Event Type</strong></td>
                                <td>@ViewBag.EventType</td>
                            </tr>
                            <tr>
                                <td><strong>Event Name</strong></td>
                                <td>@ViewBag.EventName</td>
                            </tr>
                            <tr>
                                <td><strong>Event Date</strong></td>
                                <td>@ViewBag.EventDate</td>
                            </tr>
                            <tr>
                                <td><strong>Event Location</strong></td>
                                <td>@ViewBag.EventLocation</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
                `,
                icon: 'info',
                confirmButtonText: 'Accept',
                showCancelButton: true, // Show the Decline button
                cancelButtonText: 'Decline',
                width: '50%',
                customClass: {
                    popup: 'eligibility-popup',
                    title: 'eligibility-title',
                    content: 'eligibility-content'
                },
                // Adding icons to the buttons
                buttonsStyling: false, // Remove default button styling
                customClass: {
                    confirmButton: 'accept-btn',
                    cancelButton: 'decline-btn'
                }
            }).then((result) => {
                var serviceURL = '/Application/UpdateInvitationStatus';
                if (result.isConfirmed) {

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

                        url: serviceURL,
                        type: "POST",
                        dataType: "json",

                        data: {
                            status: "Accept"
                        },
                        /*async: false,*/
                        success: function (data) {

                            if (data == "true") {
                                Swal.fire('Accepted!', 'Thank you for accepting the invitation.', 'success')
                                    .then((ok) => {
                                        if (ok) {
                                            window.location.assign("/Application?area=user");
                                        }
                                    })

                            }
                            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.dismiss === Swal.DismissReason.cancel) {
                    $('.overlay').show();
                    $.ajax({

                        url: serviceURL,
                        type: "POST",
                        dataType: "json",

                        data: {
                            status: "Reject"
                        },
                        /*async: false,*/
                        success: function (data) {

                            if (data == "true") {
                                Swal.fire('Declined', 'You have declined the invitation.', 'error')
                                    .then((ok) => {
                                        if (ok) {
                                            window.location.assign("/Application?area=user");
                                        }
                                    })

                            }
                            else {
                                console.log("Error" + data);
                                swal('Something went wrong. Contact us for further assistance.',
                                    {
                                        icon: "error",
                                        closeOnClickOutside: false
                                    });
                            }
                        },
                        complete: function () {
                            $('.overlay').hide();
                        }
                    });

                }
            });
        }*@
    </script>
    <script type="text/javascript">
        setTimeout(function () {
            (function (w, d, s, l, i) {
                w[l] = w[l] || []; w[l].push({
                    'gtm.start':
                        new Date().getTime(), event: 'gtm.js'
                }); var f = d.getElementsByTagName(s)[0],
                    j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
                        'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
            })(window, document, 'script', 'dataLayer', 'GTM-5QTLTJ');
        });
    </script>
</head>
<body>
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5QTLTJ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <header class="fixed">
        <div class="nav_section">
            <nav class="navbar">
                <div class="container">
                    <a href="https://www.upes.ac.in/"><img data-src="assets/images/UPES-logo.svg" alt="UPES" title="UPES" width="147" height="48" class="lazyload" /></a>
                    <button class="navbar-toggler" aria-label="Toggle navigation">
                        <span></span> <span></span> <span></span>
                    </button>
                    <div class="main-nav">
                        <ul class="nav justify-content-end mb-2 mb-lg-0">
                            @*<li class="nav-item"> <a class="nav-link active" aria-current="page" href="/Application">Dashboard</a> </li>
                            <li class="nav-item"> <a class="nav-link" 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 active" 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 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">
                <div class="w-100">
                    <div class="row justify-content-between">
                        <div class="col-md-3 col-lg-2">
                            <aside class="leftSidePanel">
                                <ul>
                                    <li class="active">
                                        <a href="/Application" title="Dashboard">Dashboard</a>
                                    </li>
                                    <li>
                                        <a href="javascript:;" title="Application Form">Application Form</a>
                                    </li>
                                    <li class="liExamSlotBooking" style="display:none;">
                                        <a href="/ExamSlotBooking" title="Exam Slot Booking">Exam Slot Booking</a>
                                    </li>
                                    <li class="liEventInvitation" style="display:none;">
                                        <a href="/EventInvitation" title="Event Invitation">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-md-9 col-lg-10">
                            <div class="form-wrap-v2">
                                <div class="row">
                                    <div class="col-md-10"><h1>Dashboard</h1></div>
                                    <div class="col-md-2 text-center">
                                        <a href="@ViewBag.RegisterUrl" class="btn btn-primary commonBlackBtn" id="btnRegister" style="display:none;margin-top:0px !important;">Register</a>
                                    </div>
                                </div>

                                <div class="application-details-section">
                                    <div class="application-details">
                                        <div class="row justify-content-between">
                                            <div class="col-md-4 col-lg-5">
                                                <div class="completeDetails">
                                                    <div class="topDetails">
                                                        <h2>@Convert.ToString(Session["fullname"])</h2>
                                                        <p>@ViewBag.ApplicationName</p>
                                                    </div>
                                                    <ul>
                                                        <li>
                                                            <strong>Application Number</strong>
                                                            <p>@ViewBag.appno</p>
                                                        </li>
                                                        <li>
                                                            <strong>Core</strong>
                                                            <p>@Convert.ToString(Session["core"])</p>
                                                        </li>
                                                        <li class="liAppcatPreview">
                                                            <strong>Mode</strong>
                                                            <p>Through @Convert.ToString(Session["appcat"])</p>
                                                        </li>
                                                    </ul>
                                                    <div class="row btnCompleteNowDiv">
                                                        <div class="col-md-12 completeNowBtn">
                                                            <a href="#!" class="btn btn-primary commonBlackBtn" id="btnCompleteNow">Complete Now</a>
                                                        </div>
                                                    </div>
                                                    <div class="row btnEditApplicationDiv">
                                                        <div class="col-md-12 completeNowBtn">
                                                            <a href="#!" class="btn btn-primary commonBlackBtn" id="btnEditApplication">Edit Application</a>
                                                        </div>
                                                    </div>
                                                    @*<a href="javascript:;" id="btnCompleteNow" class="btn btn-primary commonBlackBtn completeNow">Complete Now</a>*@
                                                </div>
                                            </div>
                                            <div class="col-md-7 col-lg-7">
                                                <div class="allPesonalDetails">

                                                    @*<div class="mobileBottom inviteTabdiv" style="display: none;">
                                                        <div class="processBar-section">
                                                            <div class="row justify-content-between">
                                                                <div class="col-8">
                                                                    <h4>Event Invitation</h4>
                                                                </div>
                                                                <div class="col-4 editBtnWrap">
                                                                    <a href="javascript: openinvitemodal();" class="editButton" title="View" id="btnPaymentCN">View</a>
                                                                </div>
                                                            </div>
                                                           
                                                        </div>
                                                    </div>*@




                                                    <div class="mobileBottom">
                                                        <div class="processBar-section">
                                                            <div class="row justify-content-between">
                                                                <div class="col-8">
                                                                    <h4>Payment</h4>
                                                                </div>
                                                                <div class="col-4 editBtnWrap">
                                                                    <a href="/ApplicationPayment" class="editButton" title="Complete Now" id="btnPaymentCN" style="display:none;">Complete Now</a>
                                                                </div>
                                                            </div>
                                                            <div class="progressWrap paymentDiv">
                                                                <span class="complete-span"></span>
                                                                <div class="progress">
                                                                    <div class="progress-bar"></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="mobileBottom">
                                                        <div class="processBar-section">
                                                            <div class="row justify-content-between">
                                                                <div class="col-8">
                                                                    <h4>Academic History</h4>
                                                                </div>
                                                                <div class="col-4 editBtnWrap">
                                                                    <a href="/AcademicHistory" class="editButton" title="Complete Now" id="btnAcdHisCN" style="display:none;">Complete Now</a>
                                                                    <a href="/AcademicHistory" class="editButton" title="Edit" id="btnAcdHisEdit" style="display:none;">Edit</a>
                                                                </div>
                                                            </div>
                                                            <div class="progressWrap academicHistoryDiv">
                                                                <span class="complete-span"></span>
                                                                <div class="progress">
                                                                    <div class="progress-bar"></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="mobileBottom">
                                                        <div class="processBar-section">
                                                            <div class="row justify-content-between">
                                                                <div class="col-8">
                                                                    <h4>Complete Application</h4>
                                                                </div>
                                                                <div class="col-4 editBtnWrap">
                                                                    <a href="/PersonalDetails" class="editButton" title="Complete Now" id="btnComAppCN" style="display:none;">Complete Now</a>
                                                                    <a href="/PersonalDetails" class="editButton" title="Edit" id="btnComAppEdit" style="display:none;">Edit</a>
                                                                </div>
                                                            </div>
                                                            <div class="progressWrap personalDetailsDiv">
                                                                <span class="complete-span"></span>
                                                                <div class="progress">
                                                                    <div class="progress-bar"></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </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>Contact Details</strong></p>
                            <p>
                                For registration-related queries only, reach out to allotted counsellor mentioned in registration portal between 09:30 AM to 05:30 PM.<br />
                                For any admission-related query contact on Toll Free: <a href="tel:18001028737">18001028737</a> (10:00 AM to 07:00 PM)<br />
                                Email Id: <a href="mailto:enrollments@upes.ac.in">enrollments@upes.ac.in</a><br />
                                For International Queries : <a href="mailto:international.admissions@upes.ac.in">international.admissions@upes.ac.in</a>

                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer-bottom">
                <div class="row justify-content-between align-items-center">
                    <div class="col-md-12 col-lg-4">
                        @*<div class="footer-follow-on">
                                <p>Follow on:</p>
                                <ul class="list-unstyled mb-0 d-flex justify-content-center justify-content-xl-start">
                                    <li> <a href="https://www.instagram.com/upes_dehradun/" target="_blank" class="d-flex justify-content-center align-items-center rounded-circle" aria-label="Follow Us on Instagram"> <span class="follow-icon"> <img src="/assets/images/icon-instagram-footer.svg" width="29" height="29" alt="UPES" /> </span> </a> </li>
                                    <li> <a href="https://www.linkedin.com/school/upesdehradun/" target="_blank" class="d-flex justify-content-center align-items-center rounded-circle" aria-label="Follow Us on LinkedIn"> <span class="follow-icon"> <img src="assets/images/icon-linkedin-footer.svg" width="29" height="29" alt="UPES" /> </span> </a> </li>
                                    <li> <a href="https://www.youtube.com/user/UPESUniversity/featured" target="_blank" class="d-flex justify-content-center align-items-center rounded-circle" aria-label="Follow Us on Youtube"> <span class="follow-icon"> <img src="assets/images/icon-youtube-footer.svg" width="29" height="29" alt="UPES" /> </span> </a> </li>
                                    <li> <a href="https://www.facebook.com/UPESddnuk" target="_blank" class="d-flex justify-content-center align-items-center rounded-circle" aria-label="Follow Us on Facebook"> <span class="follow-icon"> <img src="/assets/images/icon-facebook-footer.svg" width="29" height="29" alt="UPES" /> </span> </a> </li>
                                    <li> <a href="https://twitter.com/UPESDehradun" target="_blank" class="d-flex justify-content-center align-items-center rounded-circle" aria-label="Follow Us on Twitter"> <span class="follow-icon"> <img src="/assets/images/icon-twitter-footer.svg" width="29" height="29" alt="UPES" /> </span> </a> </li>
                                </ul>
                            </div>*@
                    </div>
                    <div class="col-md-12 col-lg-8">
                        <div class="row bottom-row">
                            <div class="col-md-12 col-lg-6">
                                <div class="footer-utility-links">
                                    <ul class="list-unstyled">
                                        <li> <a href="https://www.upes.ac.in/upes-privacy-policy" title="Terms and Conditions">Terms and Conditions</a> </li>
                                        <li> <a href="https://www.upes.ac.in/sitemap" title="Sitemap">Sitemap</a> </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-md-12 col-lg-6">
                                <div class="d-flex align-items-center justify-content-center">
                                    <p class="mb-0">Copyright © 2023 UPES. All Rights Reserved.</p>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>

</body>
</html>




