@{
    ViewBag.Title = "Apply Now";
    // Layout = "~/Views/Shared/_ApplicationLayout.cshtml";

    Crypt cr = new Crypt();

    Random r = new Random();
    string randomq = r.Next(100000, 999999).ToString();

    Layout = null;
}
@using upes_admission.Gutils;


<!doctype html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!--Style-->
    <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700,800,900" rel="stylesheet">
    <link href="../css/component.css" rel="stylesheet" />
    <link href="../css/main.css" rel="stylesheet" />
    <link href="../css/ApplicationTemplate.css" rel="stylesheet" />
    <!--Custom Css-->
    <title>UPES | Application Form</title>

    <style>
        .se-pre-con {
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 9999;
            background: #fff url(../img/application/loader.gif) center no-repeat;
        }
    </style>
    <script>
        function myFunction() {
          //  alert("Page is loaded");

            $(".se-pre-con").fadeOut("slow");
        }
    </script>

</head>

<body onload="myFunction();">
  

    <div class="se-pre-con"></div>


    <header class="position-relative">
        <section class="HeaderPanel HeaderBanner">
            <div class="plr70">
                <div class="headerInner">
                    <a href="/">
                        <img src="../img/application/upes logo.png" class="img-fluid" alt="Logo" />
                    </a>
                </div>
            </div>
            <!--Helpline Chat-->
            <div class="helplineChatPanel ">
                <div class="plr70">
                    <div class="helplineChatInner fontBold ">
                        <a href="javascript:void(0);">
                            <img src="../img/application/helpline.png" class="img-fluid" alt="helpline" />
                            <span>Helpline</span>
                        </a>
                        <a href="javascript:void(0);">
                            <img src="../img/application/chat.png" class="img-fluid" alt="helpline" />
                            <span>Chat</span>
                        </a>
                    </div>
                </div>
            </div>
        </section>

    </header>
    <main role="main" class="ApplicationTemplate">
        <section class="FormTemplate formBlkStyle">
            <div class="FormPosition">
                <div class="TitlePanel text-center">
                    <h1 class="fontExBold ApplicationTitle">Application Form</h1>
                    <p class="App_Text fontMedium">
                        Thank you for your interest in studying at the UPES.
                    </p>
                </div>
                <!--Form Panel-->
                <div class="FormPanel">
                    <div class="formDetailStrip">
                        <ul class="StripStyle">
                            <li class="active">
                                <div class="StepImg">
                                    <img src="../img/application/personal-1.png" class="img-fluid Icon-active" />
                                </div>
                                <p class="fontBold DetailText">Personal <span class="d-block">Details</span> </p>
                            </li>
                            <li>
                                <div class="StepImg">
                                    <img src="../img/application/academic-0.png" class="img-fluid Icon-noactive" />
                                    <img src="../img/application/academic-1.png" class="img-fluid Icon-active" />
                                </div>
                                <p class="fontBold DetailText">Academic  <span class="d-block"> History </span></p>
                            </li>
                            <li>
                                <div class="StepImg">
                                    <img src="../img/application/payment-0.png" class="img-fluid Icon-noactive" />
                                    <img src="../img/application/payment-1.png" class="img-fluid Icon-active" />
                                </div>
                                <p class="fontBold DetailText">Payment</p>
                            </li>
                            <li>
                                <div class="StepImg">
                                    <img src="../img/application/complete-0.png" class="img-fluid Icon-noactive" />
                                    <img src="../img/application/complete-1.png" class="img-fluid Icon-active" />
                                </div>
                                <p class="fontBold DetailText">Complete <span>Application</span></p>
                            </li>
                        </ul>
                    </div>

                    <!--PanelOne-->



                    <div class="FormPanelInner" id="FormPanelOne">


                        <p class="fontMedium form-text">Your Details</p>


                        <div class="form-group">
                            <input type="text" class="form-control FormStyle" id="txtfirstname" placeholder="First Name*" />

                            @*@Html.TextBoxFor(model => model.firstname, new { @class = "form-control", placeholder = "First Name*" })
                                @Html.ValidationMessageFor(model => model.firstname)*@
                        </div>
                        <div class="form-group">
                            <input type="text" class="form-control FormStyle" placeholder="Middle Name" id="middlename" />
                        </div>
                        <div class="form-group">
                            <input type="text" class="form-control FormStyle" placeholder="Last Name*" id="lastname" />
                        </div>
                        <div class="row FormRow no-gutters ">
                            <div class="col-sm-6 form-group">
                                <p class="form-text fontMedium">
                                    Date of Birth*
                                </p>
                                <div id="datepicker" class="input-group date" data-date-format="yyyy-mm-dd">
                                    <input class="form-control FormStyle" readonly placeholder="yyyy/mm/dd" id="datebind" />

                                    <span class="input-group-addon datepickicon"></span>
                                </div>
                            </div>
                            <!--nat-->
                            <div class="FormRadioOptions">
                                <p class="form-text fontMedium">Nationality?</p>
                                <div class="row radioInner">
                                    <label>
                                        <input type="radio" id="radnantionindian" value="indian" class="Radiostyle" name="nation" checked onclick="checknation('indian');" /><span>Indian Resident </span>
                                    </label>
                                    <label class="noPadding">
                                        <input type="radio" id="radnantionnri" value="nri" class="Radiostyle" name="nation" onclick="checknation('nri')" /><span>NRI/International Students</span>
                                    </label>
                                </div>



                                <select class="FormStyle" id="country">

                                    <option value="0">select country</option>
                                </select>

                                <div id="divindian">

                                    <select class="FormStyle" id="state">

                                        <option value="0">select state</option>
                                    </select>


                                    <select class="FormStyle" id="city">
                                        <option value="0">select city</option>
                                    </select>

                                    <div class="form-group" id="divindianphone">
                                        <input type="text" class="form-control FormStyle" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')" placeholder="Mobile Number*" id="phone" />


                                    </div>
                                </div>

                                <div id="divnri" style="display:none">

                                    <div class="col-sm-6 form-group">
                                        @*<p class="form-text fontMedium">
                        City
                    </p>*@
                                        <input placeholder="City" type="text" class="form-control FormStyle" id="nricity" />
                                    </div>

                                    <div class="form-group" id="divnriphone">
                                        <input type="text" class="form-control FormStyle" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')" placeholder="Mobile Number*" id="nriphone" />


                                    </div>
                                </div>

                                @*<input type="hidden" value="indian" id="hdntype" />*@
                                @*<input type="hidden" value="@Convert.ToString( Session["typeofnation"])" id="hdntype" name="typeofnation" />*@
                                <div class="form-group">
                                    <input type="text" class="form-control FormStyle" placeholder="Email ID*" id="email" />
                                </div>
                            </div>

                            <div class="FormRadioOptions">
                                <p class="form-text fontMedium">What would you like to study at UPES?</p>
                                <div class="row radioInner">
                                    <label>
                                        <input type="radio" id="radug" value="UG" class="Radiostyle" name="radstudy" checked onclick="bindcdata('UG');" /><span>Undergraduate (UG)</span>
                                    </label>
                                    <label class="noPadding">
                                        <input type="radio" id="radpg" value="PG" class="Radiostyle" name="radstudy" onclick="bindcdata('PG');" /><span>Postgraduate (PG)</span>
                                    </label>







                                </div>
                                <select class="FormStyle selectpickers" id="cource"></select>
                                <p class="form-MediumText fontMedium">You can choose specialisations of your choice in later step.</p>
                            </div>


                            <p class="form-text fontMedium">How did you know about UPES?</p>


                            <select class="FormStyle selectpickers" id="source"></select>
                            <select class="FormStyle selectpickers" style="display:none;" id="coachingcentre"></select>

                            <div class="FormRadioOptions" id="divindianexam" style="display:none">
                                <p class="fontMedium form-text">Your Mode of Application</p>
                                <div class="row radioInner RadioList no-gutters">
                                    <div class="col-6 RadioListStyle">
                                        <label class="noPadding">
                                            <input type="radio" value="exam" onclick="onappclick(1)" class="Radiostyle" name="radapplicationmade" checked /><span>Through UPES Entrance Exam</span>
                                        </label>
                                    </div>
                                    <div class="col-6 RadioListStyle" id="divpgmadeofexam" style="display:none">
                                        <label class="noPadding">
                                            <input type="radio" value="pgnonexam" onclick="onappclick(2)" class="Radiostyle" name="radapplicationmade" /><span>Through Non Exam</span>
                                        </label>
                                    </div>

                                    <div id="divugmadeofexam">
                                        <div class="col-6 RadioListStyle ne sd_22 sd_20 sd_19 sd_23 sd_12 sd_18 sd_6 sd_17 sd_15">


                                            <label class="noPadding">
                                                <input type="radio" value="non_exam_ug" onclick="onappclick(2)" class="Radiostyle" name="radapplicationmade" /><span>Through Non Exam</span>
                                            </label>
                                        </div>
                                        <div class="col-6 RadioListStyle ne sd_2">
                                            <label class="noPadding">
                                                <input type="radio" value="non_exam_jee" onclick="onappclick(2)" class="Radiostyle" name="radapplicationmade" /><span>Through IIT JEE Scores</span>
                                            </label>
                                        </div>

                                        <div class="col-6 RadioListStyle ne sd_8">
                                            <label class="noPadding">
                                                <input type="radio" value="non_exam_uceed" onclick="onappclick(2)" class="Radiostyle" name="radapplicationmade" /><span>Through UCEED/JEE mains Scores</span>
                                            </label>
                                        </div>

                                        @*<div class="col-6 RadioListStyle">
                        <label class="noPadding">
                            <input type="radio" value="non_exam_jee" onclick="onappclick(2)" class="Radiostyle" name="radapplicationmade" /><span>JEE mains</span>
                        </label>
                    </div>*@

                                        <div class="col-6 RadioListStyle ne sd_16">
                                            <label class="noPadding">
                                                <input type="radio" value="non_exam_clat" onclick="onappclick(2)" class="Radiostyle" name="radapplicationmade" /><span>Through CLAT Scores</span>
                                            </label>
                                        </div>

                                        <div class="col-6 RadioListStyle ne sd_3">
                                            <label class="noPadding">
                                                <input type="radio" value="non_exam_clat_lsat" onclick="onappclick(2)" class="Radiostyle" name="radapplicationmade" /><span>Through CLAT/LSAT Scores</span>
                                            </label>
                                        </div>


                                        <div class="col-6 RadioListStyle bm">
                                            <label class="noPadding">
                                                <input type="radio" value="non_exam_board_merit" onclick="onappclick(2)" class="Radiostyle bm" name="radapplicationmade" /><span>Through Board Merit</span>
                                            </label>
                                        </div>

                                    </div>


                                </div>
                                <div class="form-group" id="divappmade" style="display:none">
                                    <input type="text" id="jeescore" class="form-control FormStyle" placeholder="Enter Score" />
                                </div>
                            </div>
                        </div>

                        <div class="form-group" id="divotp" style="display:none">

                            <button type="button" class="btn btn-primary BtnStyle ForOTP" id="btnotp" onclick="getotp()">send otp</button>

                            <div id="innerotp" style="display:none">
                                @*<input type="text" class="form-control FormStyle" placeholder="OTP" id="otp" value="@Convert.ToString(Session["userotp"])" />*@
                                <input type="text" class="form-control FormStyle" placeholder="OTP" id="otp" value="" />
                                <p id="responseotp"></p>
                                <label id="otpmsg" style="color:green"></label>
                                @*<button type="button" class="btn btn-primary BtnStyle ForOTP" onclick="onverifyotp();">verify</button>*@
                                @*<button type="button" class="btn btn-primary BtnStyle ForOTP" id="resendotp" onclick="resendotp();">Resend OTP</button>*@
                            </div>

                        </div>

                        <p class="otpvalidation" style="color:red; margin-bottom:0px;display:none" id="otpcheckp">Please verify your mobile number with OTP</p>





                        <div class="clearfix"></div>
                        <div class="FormButtonStyle">
                            <div class="text-right">
                                <button class="btn btn-primary BtnStyle" type="button" onclick="gotoFormPanelTwo()">Next</button>
                            </div>
                        </div>
                    </div>



                    <!--PanelTwo-->
                    <div class="FormPanelInner" id="FormPanelTwo" style="display:none">


                        <div id="divindian2page">

                            <div class="FormRadioOptions">
                                <p class="fontMedium form-text">10th class Details</p>
                                <div class="row radioInner">
                                    <label>
                                        <input type="radio" class="Radiostyle" value="Percentage" name="tenthmarktype" checked onclick="checkperten('per')" /><span>Percentage</span>
                                    </label>
                                    <label class="noPadding">
                                        <input type="radio" class="Radiostyle" value="CGPA" name="tenthmarktype" onclick="checkperten('cgpa')" /><span>CGPA</span>
                                    </label>
                                </div>
                                <div class="ClassDetails row mlr">
                                    <div class="col-6 plr7">
                                        <select class="FormStyle" id="tenthyearofpassing"></select>
                                    </div>
                                    <div class="col-6 plr7" id="divtenper">
                                        <input type="text" onkeypress="return isNumberKey(event)" id="tenthper" class="form-control FormStyle" placeholder="Marks in Percentage " />
                                    </div>
                                    <div class="col-6 plr7" id="divtencgpa" style="display:none">
                                        <input type="text" onkeypress="return isNumberKey(event)" id="tenthcgpa" class="form-control FormStyle" placeholder="Marks in CGPA " />
                                    </div>

                                </div>
                            </div>
                            <div class="FormRadioOptions">
                                <p class="fontMedium form-text">12th class Details</p>
                                <p class="form-MediumText fontMedium">Are you appearing for exams this academic year?</p>
                                <div class="row radioInner">
                                    <label>
                                        <input type="radio" id="radtwyes" value="Yes" class="Radiostyle" name="radtwappear" onclick="bindyear('yes');" /><span>Yes</span>
                                    </label>
                                    <label class="noPadding">
                                        <input type="radio" id="radtwno" value="No" class="Radiostyle" name="radtwappear" checked onclick="bindyear('no');" /><span>No</span>
                                    </label>
                                </div>
                                <div class="ClassDetails row mlr">
                                    <div class="col-6 plr7">
                                        <select class="FormStyle" id="twyearofpassing">
                                            @*<option value="0">Year of Passing</option>
                                                <option>2019</option>*@

                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="FormRadioOptions">

                                <div id="dvtw">
                                    <p class="fontMedium form-text">Marks</p>
                                    @*<p class="form-MediumText fontMedium">Are you appearing for exams this academic year?</p>*@

                                    <div class="ClassDetails row mlr">
                                        <div class="col-6 plr7 ">
                                            <input type="text" onkeypress="return isNumberKey(event)" id=twper class="form-control FormStyle" placeholder="Marks in Percentage " />
                                        </div>
                                        <div class="col-6 plr7 ">
                                            <input type="text" onkeypress="return isNumberKey(event)" id=twpcm class="form-control FormStyle" placeholder="PCM/PCB Percentage" />
                                        </div>
                                    </div>
                                </div>

                            </div>


                            <div class="mt30">
                                <input type="text" id="twsclclg" class="form-control FormStyle" placeholder="Name of School/College " />
                            </div>

                        </div>

                        <div id="divnri2page" style="display:none">
                            <div class="mt30">
                                <input type="text" id="hiedcationunri" class="form-control FormStyle" placeholder="Highest Educational qualification" />
                            </div>

                            <select class="FormStyle" id="nricountry">

                                <option value="0">select country</option>
                            </select>

                            <div class="mt30">
                                <input type="text" id="nriclgname" class="form-control FormStyle" placeholder="Name of School/College " />
                            </div>

                        </div>




                        <div id="divpg" style="display:none">

                            <p class="form-text fontMedium">Graduation Appearing</p>
                            <div class="row radioInner">
                                <label>
                                    <input type="radio" value="yes" class="Radiostyle" name="radpgapp" onclick="pgappearing('yes');" /><span>Yes</span>
                                </label>
                                <label class="noPadding">
                                    <input type="radio" value="no" class="Radiostyle" name="radpgapp" checked onclick="pgappearing('no');" /><span>No</span>
                                </label>
                            </div>


                            <select class="FormStyle selectpickers" id="pgyearofappearing"></select>


                            <div class="form-group" id="divpgper" style="display:none">
                                <input type="text" class="form-control FormStyle" onkeypress="return isNumberKey(event)" placeholder="Graduation Percentage (%)(XX.XX)" id="pgpercentage" />
                            </div>


                        </div>




                        <div class="FormButtonStyle row no-gutters">
                            @*<div class="text-left col-6">
                                    <button class="btn btn-primary BtnStyle BtnStyleforBack" onclick="backtoFormPanelOne()">Back</button>
                                </div>*@
                            <div class="text-left col-6">
                                <button class="btn btn-primary BtnStyle" onclick="gotoFormPanelThree()">Next</button>
                            </div>
                        </div>
                    </div>
                    <!--PanelThree-->
                    @using (Html.BeginForm("Payment", "Home", FormMethod.Post, new { enctype = "multipart/form-data" }))
                    {
                        <div class="FormPanelInner" id="FormPanelThree" style="display:none">
                            <div class="Fees">
                                <p class="fontMedium form-text">Application Form Fees</p>

                                <span id="spncurrencyicon" class="fontBold feeText">&#8377; </span> <span id="spncurrency" class="fontBold feeText"></span>
                            </div>
                            <div class="FormRadioOptions">
                                <p class="fontMedium form-text">Choose a payment method</p>
                                <div class="row radioInner RadioList no-gutters">
                                    <div class="col-4 RadioListStyle">
                                        <label class="noPadding">
                                            <input type="radio" class="Radiostyle" name="value5" checked /><span>Credit Cards</span>
                                        </label>
                                    </div>
                                    <div class="col-4 RadioListStyle">
                                        <label class="noPadding">
                                            <input type="radio" class="Radiostyle" name="value5" /><span>Debit Cards</span>
                                        </label>
                                    </div>
                                    <div class="col-4 RadioListStyle">
                                        <label class="noPadding">
                                            <input type="radio" class="Radiostyle" name="value5" /><span>Net Banking</span>
                                        </label>
                                    </div>
                                    <div class="col-4 RadioListStyle">
                                        <label class="noPadding">
                                            <input type="radio" class="Radiostyle" name="value5" /><span>UPI</span>
                                        </label>
                                    </div>
                                    <div class="col-4 RadioListStyle">
                                        <label class="noPadding">
                                            <input type="radio" class="Radiostyle" name="value5" /><span>Digital Wallets</span>
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="FormButtonStyle row no-gutters">
                                <div class="text-left col-6">
                                    <button type="button" class="btn btn-primary BtnStyle BtnStyleforBack" onclick="backtoFormPanelTwo()">Back</button>
                                </div>
                                <div class="text-right col-6">
                                    <button type="submit" class="btn btn-primary BtnStyle" onclick="gotoFormPanelFour()">Next</button>
                                </div>
                            </div>
                        </div>
                    }


                   


                    @using (Html.BeginForm("Apply", "Home", FormMethod.Post, new { enctype = "multipart/form-data" }))
                    {
                        <input type="hidden" name="hdnstudentid" value="@Convert.ToString( ViewBag.student_id)" />
                            <input type="hidden" id="hdnotp" value="" />
                        <!--Panel Four-->
                            <div class="FormPanelInner noborder" id="FormPanelFour" style="display:none">
                                <div class="PaymentSuccessful">
                                    <h2 class="fontBold paymentText">
                                        <img src="../img/application/tick.png" class="img-fluid" alt="icon" />
                                        <span>Payment Successful</span>
                                    </h2>
                                </div>
                                <div class="confirmationPanel">
                                    <p class="fontMedium ">
                                        Confirmation has been sent to you Email ID
                                        <a href="mailto:@Convert.ToString(Session["email"])">@Convert.ToString(Session["email"])</a>
                                    </p>
                                    <p class="fontMedium ">
                                        and Phone Number
                                        <a href="tel:@Convert.ToString(Session["email"])">@Convert.ToString(Session["phone"])</a>
                                    </p>
                                    <div class="RememberPanel">
                                        <p class="form-MediumText">Things to Remember</p>
                                        <ul>
                                            <li>Refer the site for more information on important examination dates & course related information</li>
                                            <li>Get in in touch with us to change any details in your application form</li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="Pref_Spl CategoryPanel">
                                    <p class="fontMedium form-text">Preferred Specialisations (You can select upto 3)</p>
                                    <div class="SplList">
                                        <div class="FormRadioOptions Scroll">
                                            <div id="divbindheckbox" class="SplRadiostyle SplRadiostyleOne">

                                            </div>



                                            @*<div class="SplRadiostyle">
                        <label class="noPadding">
                            <input type="radio" class="Radiostyle" name="spl1" checked /><span>Computer Science</span>
                        </label>
                    </div>
                    <div class="SplRadiostyle">
                        <label class="noPadding">
                            <input type="checkbox" class="Radiostyle" name="spl1" checked /><span>Information Tech</span>
                        </label>
                    </div>
                    <div class="SplRadiostyle">
                        <label class="noPadding">
                            <input type="checkbox" class="Radiostyle" name="spl1" checked /><span>Data Science</span>
                        </label>
                    </div>
                    <div class="SplRadiostyle">
                        <label class="noPadding">
                            <input type="checkbox" class="Radiostyle" name="spl1" /><span>Cybersecurity Engineering</span>
                        </label>
                    </div>
                    Duplicate Datas
                    <div class="SplRadiostyle">
                        <label class="noPadding">
                            <input type="checkbox" class="Radiostyle" name="spl1" /><span>Cybersecurity Engineering</span>
                        </label>
                    </div>
                    <div class="SplRadiostyle">
                        <label class="noPadding">
                            <input type="checkbox" class="Radiostyle" name="spl1" /><span>Cybersecurity Engineering</span>
                        </label>
                    </div>
                    <div class="SplRadiostyle">
                        <label class="noPadding">
                            <input type="checkbox" class="Radiostyle" name="spl1" /><span>Cybersecurity Engineering</span>
                        </label>
                    </div>
                    <div class="SplRadiostyle">
                        <label class="noPadding">
                            <input type="checkbox" class="Radiostyle" name="spl1" /><span>Cybersecurity Engineering</span>
                        </label>
                    </div>
                    <div class="SplRadiostyle">
                        <label class="noPadding">
                            <input type="checkbox" class="Radiostyle" name="spl1" /><span>Cybersecurity Engineering</span>
                        </label>
                    </div>
                    <div class="SplRadiostyle">
                        <label class="noPadding">
                            <input type="checkbox" class="Radiostyle" name="spl1" /><span>Cybersecurity Engineering</span>
                        </label>
                    </div>
                    <div class="SplRadiostyle">
                        <label class="noPadding">
                            <input type="checkbox" class="Radiostyle" name="spl1" /><span>Cybersecurity Engineering</span>
                        </label>
                    </div>
                    <div class="SplRadiostyle">
                        <label class="noPadding">
                            <input type="checkbox" class="Radiostyle" name="spl1" /><span>Cybersecurity Engineering</span>
                        </label>
                    </div>
                    <div class="SplRadiostyle">
                        <label class="noPadding">
                            <input type="checkbox" class="Radiostyle" name="spl1" /><span>Cybersecurity Engineering</span>
                        </label>
                    </div>
                    <div class="SplRadiostyle">
                        <label class="noPadding">
                            <input type="checkbox" class="Radiostyle" name="spl1" /><span>Cybersecurity Engineering</span>
                        </label>
                    </div>*@
                                            <!--Duplicate Datas ends-->
                                        </div>
                                    </div>
                                </div>
                                <!--Photo and Decalaration-->
                                <div class="Pref_Spl CategoryPanel">
                                    <p class="fontMedium form-text">Your Photo and Declaration</p>
                                    <div class="drag_dropPanel">
                                        <div class="form-group">
                                            <!--drapDropStyle-->
                                            <label class="sr-only" for="inputFile">File Upload</label>
                                            <div id="inputFile">
                                                <input type="file" class="form-control-file" onchange="ValidateSize(this)"
                                                       data-title="upload files" id="filephoto" name="filephoto" accept="image/jpeg,image/jpg,image/png">
                                                @*<p class="selectFiles">Select files</p>*@
                                                <h5>
                                                    [We only support JPG and PNG images no larger than 50 KB]
                                                </h5>
                                            </div>
                                        </div>
                                    </div>

                                    @if (TempData["uploadphoto"] != null && (bool)TempData["uploadphoto"])
                                    {
                                        <p style="color:red">Please upload image file</p>
                                    }
                                    @if (TempData["uploadphotosize"] != null && (bool)TempData["uploadphotosize"])
                                    {
                                        <p style="color:red">Please upload image before 30 KB</p>
                                    }
                                    <p class="fontMedium form-text">Select Exam City</p>
                                    <label>preference1</label>
                                    <select class="FormStyle selectpickers" id="examcity1" name="examcity1"></select>

                                    <label>preference2</label>
                                    <select class="FormStyle selectpickers" id="examcity2" name="examcity2"></select>

                                    @*<div class="row radioInner declartionText">
                <label>
                    <input type="radio" id="declare" class="Radiostyle" name="dec1" /><span>
                        I have read and understood the eligibility criteria and thereby confirm that I fulfill the criteria.
                    </span>
                </label>
            </div>*@
                                </div>

                                <div id="divpage4indian">




                                    <div class="FormRadioOptions CategoryPanel">
                                        <p class="fontMedium form-text">Category</p>
                                        <div class="row radioInner RadioList no-gutters">
                                            <div class="col-4 RadioListStyle">
                                                <label class="noPadding">
                                                    <input type="radio" class="Radiostyle" name="caste" checked value="1" /><span>General</span>
                                                </label>
                                            </div>
                                            <div class="col-4 RadioListStyle">
                                                <label class="noPadding">
                                                    <input type="radio" class="Radiostyle" name="caste" value="5" /><span>Differently Abled</span>
                                                </label>
                                            </div>
                                            <div class="col-4 RadioListStyle">
                                                <label class="noPadding">
                                                    <input type="radio" class="Radiostyle" name="caste" value="3" /><span>OBC</span>
                                                </label>
                                            </div>
                                            <div class="col-4 RadioListStyle">
                                                <label class="noPadding">
                                                    <input type="radio" class="Radiostyle" name="caste" value="2" /><span>SC</span>
                                                </label>
                                            </div>
                                            <div class="col-4 RadioListStyle">
                                                <label class="noPadding">
                                                    <input type="radio" class="Radiostyle" name="caste" value="4" /><span>ST</span>
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="FormRadioOptions CategoryPanel">
                                        <p class="form-text fontMedium">Are you a Domicile of Uttarakhand?</p>
                                        <div class="row radioInner RadioList no-gutters">
                                            <div class="col-4 RadioListStyle">
                                                <label class="noPadding">
                                                    <input type="radio" value="Yes" class="Radiostyle" name="domicile" /><span>Yes</span>
                                                </label>
                                            </div>
                                            <div class="col-4 RadioListStyle">
                                                <label class="noPadding">
                                                    <input type="radio" value="No" class="Radiostyle" name="domicile" checked /><span>No</span>
                                                </label>
                                            </div>
                                        </div>
                                        <p class="form-text fontMedium">Enter your Address</p>
                                        <div class="form-group  ">
                                            <input type="text" id="address1" name="address1" class="form-control FormStyle" placeholder="Address Line 1 " />
                                        </div>
                                        <div class="form-group">
                                            <input type="text" id="address2" name="address2" class="form-control FormStyle" placeholder="Address Line 2 " />
                                        </div>
                                        <div class="form-group">
                                            <input type="text" id="address3" name="address3" class="form-control FormStyle" placeholder="Address Line 3 " />
                                        </div>
                                        <div class="form-group col-6 noPadding">
                                            <input type="text" name="pincode" id="pincode" maxlength="6" class="form-control FormStyle" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')" placeholder="Pincode " onkeypress="return isNumber(event);" />
                                        </div>

                                        @*<div class="form-group col-6 noPadding">
                    <select class="FormStyle" id="pstate" name="pstate"></select>
                </div>*@

                                        <label id="statefinal">@Convert.ToString(ViewBag.state)</label>


                                        <div class="form-group col-6 noPadding">

                                            @*<select class="FormStyle" id="pcity" name="pcity">

                    <option value="0">Select City</option>
                    </select>*@

                                            <label id="statefinal">@Convert.ToString(ViewBag.city)</label>


                                        </div>
                                    </div>

                                </div>


                                <div id="divpage4nri" style="display:none;">

                                    <div class="form-group">
                                        <input type="text" id="nriaddress" class="form-control FormStyle" placeholder="Address Line" name="nriaddress" />
                                    </div>

                                </div>


                                @*<div class="FormRadioOptions ">
            <p class="fontMedium form-text">Your Mode of Application</p>
            <div class="row radioInner RadioList no-gutters">
                <div class="col-6 RadioListStyle">
                    <label class="noPadding">
                        <input type="radio" value="entrance" onclick="onappclick(1)" class="Radiostyle" name="radapplicationmade" checked /><span>Through UPES Entrance Exam</span>
                    </label>
                </div>
                <div class="col-6 RadioListStyle">
                    <label class="noPadding">
                        <input type="radio" value="nonentrance" onclick="onappclick(2)" class="Radiostyle" name="radapplicationmade" /><span>Through IIT JEE Test Scores</span>
                    </label>
                </div>


                <div class="form-group" id="divappmade" style="display:none">
                    <input type="text" id="jeescore" class="form-control FormStyle" placeholder="Scores" />
                </div>



            </div>
        </div>*@
                                <div class="row radioInner declartionText">
                                    <label>
                                        <input type="radio" id="declare" class="Radiostyle" name="dec1" /><span>

                                            I declare that the information provided by me on this application form is true and correct to the best of my knowledge and belief. I have also read the terms & conditions and understood the eligibility criteria and thereby confirm that I fulfill the criteria.
                                        </span>
                                    </label>
                                </div>

                                <input type="hidden" id="hdncid" name="cid" />
                                <input type="hidden" value="@Convert.ToString( Session["typeofnation"])" id="hdntype" name="typeofnation" />
                                <input type="hidden" id="hdncourseid" value="@Convert.ToInt32(Session["courseid"])" />
                                <div class="FormButtonStyle row no-gutters">
                                    <div class="text-left col-6">
                                        <button type="button" class="btn btn-primary BtnStyle BtnStyleforBack" onclick="backtoFormPanelThree()">Back</button>
                                    </div>
                                    <div class="text-right col-6">
                                        <button type="submit" class="btn btn-primary BtnStyle" onclick="return gotoThankyou()">Finish</button>
                                    </div>
                                </div>
                            </div>

                    }
                </div>

            </div>
        </section>
    </main>
   
    <!--Footer-->
    <footer>
        <section class="FooterPanel">
            <div class="foot_Btm foot_Btm_Height">
                <div class="plr70">
                    <div class="footBtmRow foot_Btm_Height row align-items-center no-gutters">
                        <div class="col-sm-6 copyRights">
                            <h5 class="text-uppercase fontBold">
                                &copy; @DateTime.Now.Year The
                                University of Petroleum & Energy Studies
                            </h5>
                        </div>
                        <div class="col-sm-6 SocialIcon d-flex justify-content-end align-items-center">
                            <p class="text-uppercase fontBold">Follow Us On:</p>
                            <div class="social_icon_menus">
                                <a href="https://www.facebook.com/UniversityofPetroleumandEnergyStudies" target="_blank">
                                    <img src="../img/application/facebook-black.png" class="img-fluid" />
                                </a>
                                <a href="https://twitter.com/UPESDehradun" target="_blank">
                                    <img src="../img/application/twitter-black.png" class="img-fluid" />
                                </a>
                                <a href="https://www.instagram.com/upes_dehradun/" target="_blank">
                                    <img src="../img/application/insta-black.png" class="img-fluid" />
                                </a>
                                <a href="https://www.youtube.com/user/UPESUniversity/featured" target="_blank">
                                    <img src="../img/application/youtube-black.png" class="img-fluid" />
                                </a>
                                <a href="https://www.linkedin.com/school/university-of-petroleum-and-energy-studies/" target="_blank">
                                    <img src="../img/application/linkedin-black.png" class="img-fluid" />
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </footer>

   


    <script type="text/javascript" src="../scripts/component.js?qr=@DateTime.Now.Ticks"></script>
    <script type="text/javascript" src="../scripts/loader-min.js?qr=@DateTime.Now.Ticks"></script>
    <script type="text/javascript" src="../scripts/upes-appliaction.js?qr=@DateTime.Now.Ticks"></script>


    <script>


        $(document).ready(function () {
          
            var d = new Date();
            var year = d.getFullYear() -16;
            d.setFullYear(year);
            $('#datebind').datepicker({
                changeYear: true,
                changeMonth: true,
                yearRange: '1920:' + year + '',
                defaultDate:"2003-10-01",
                dateFormat: 'yy-mm-dd'
            });

            $('.datepickicon').click(function () {
                $('#datepicker input').datepicker('show');
            });



        });

    </script>

    <script defer type="text/javascript">

        function readUrl(input) {
            if (input.files && input.files[0]) {
                let reader = new FileReader();
                reader.onload = (e) => {
                    let imgData = e.target.result;
                    let imgName = input.files[0].name;
                    input.setAttribute("data-title", imgName);
                    console.log(e.target.result);
                }
                reader.readAsDataURL(input.files[0]);
            }

        }
    </script>




    @if (Session["stage"] != null)
    {
        <input type="hidden" id="hdnstage" value="@Convert.ToInt32(Session["stage"])" />
    }
    else
    {
        <input type="hidden" id="hdnstage" value="0" />
    }



    <script type="text/javascript">

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

            $("#coachingcentre").hide();
            var selSource = $("#source").val();
            if (selSource == "3") {
                $("#coachingcentre").show();

            }
            else {

                $("#coachingcentre").hide();
              
                $('#coachingcentre [value=0]').attr('selected', 'true');
            }

        });


        function bindExamCity() {

            //bind ExamCity
            var serviceURL = '/Home/bindexamcity';
            $.ajax({
                url: serviceURL,
                type: "GET",
                dataType: "HTML",
                async: false,
                success: function (data) {
                    //  alert(data);

                    if (data != "") {


                        $("#examcity1").html(data);
                        $("#examcity2").html(data);
                    }
                    else {
                        alert("Error");
                    }
                    //  alert(data);

                }
            });


        }




          //bind coaching institute
        function bindcoaching() {
            var serviceURL = '/Home/bindcoaching';
            $.ajax({
                url: serviceURL,
                type: "GET",
                dataType: "HTML",
                async: false,
                success: function (data) {
                    //  alert(data);

                    if (data != "") {


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

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

                }
            });
        }
       



        $(document).ready(function () {



            callcurrency('inr');

            bindcdata('UG');
            loadcountry('indian');
            var c_id = $("#hdncourseid").val();
            pgappearing('no');

            bindcheckbox(c_id);
            bindcoaching();
            bindExamCity();
            var studytype =@Convert.ToInt32(Session["studytype"]);



            if (studytype == 1) {
                bindcdata('UG');
                document.getElementById('radug').checked = true;


                 }
            else if (studytype == 2)
            {
                bindcdata('PG');
                document.getElementById('radpg').checked = true;
                }

            var updatestage =@Convert.ToInt32(Session["stage"]);

            var typenat = $("#hdntype").val();


            checknation(typenat);



            if (updatestage == 1) {

               // alert(stage);
                $('#FormPanelTwo').show();
                $('#FormPanelOne').hide();
                $('.StripStyle li:nth-child(2)').addClass('active');
                $('.StripStyle li:nth-child(1)').addClass('active-border');
                $('.StripStyle li:first-child p').hide();

                if (typenat == "nri") {

                  //  alert(typenat);

                    $('#divindian2page').hide();
                    $('#divnri2page').show();

                }
                else if (typenat == "indian") {
                 //  alert(typenat);
                    $('#divindian2page').show();
                    $('#divnri2page').hide();
                }


                //old
            }

            else if (updatestage == 2) {


                $('#FormPanelTwo').hide();
                $('#FormPanelOne').hide();
                $('#FormPanelThree').show();
                $('#FormPanelFour').hide();
                $('.StripStyle li:last-child').removeClass('active');
                $('.StripStyle li p').hide();
                $('.StripStyle li:nth-child(1)').addClass('active-border');
                $('.StripStyle li:nth-child(2)').addClass('active-border');
                $('.StripStyle li:nth-child(3)').addClass('active');
                $('.StripStyle li:nth-child(3) p').show();





            }

            if (updatestage == 3) {


                $('#FormPanelFour').show();
                $('#FormPanelThree').hide();
                $('#FormPanelTwo').hide();
                $('#FormPanelOne').hide();
                $('.StripStyle li').addClass('active');
                $('.StripStyle li').addClass('active-border');
                $('.StripStyle li:last-child').addClass('active');
                $('.StripStyle li p').hide();
                $('.StripStyle li:last-child p').show();


                if (typenat == "nri") {

                   // alert(typenat);

                    $('#divpage4indian').hide();
                    $('#divpage4nri').show();

                }
                else if (typenat == "indian") {
                   // alert(typenat);
                    $('#divpage4indian').show();
                    $('#divpage4nri').hide();
                }

               // divpage4indian

               // divpage4nri
            }

            if(updatestage == 4) {



                window.location.href = "/thankyou";
            }



        });


        $(document).ready(function () {



            //bind bindenquirysource
            var serviceURL = '/Home/bindenquirysource';
            $.ajax({
                url: serviceURL,
                type: "GET",
                dataType: "HTML",
                async: false,
                success: function (data) {
                  //  alert(data);

                    if (data != "") {


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

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

                }
            });



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

                    if (data != "") {

                       // $("#pstate").html(data);
                        $("#state").html(data);

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

                }
            });


            //$("#pstate").change(function () {



            //    var stateid = $("#pstate").val();



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

            //            if (data != "") {

            //                $("#pcity").html(data);

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

            //        }
            //    });

            //});



            //indian state 1 first page
            $("#state").change(function () {



                var stateid = $("#state").val();



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

                        if (data != "") {

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

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

                    }
                });

            });



    //bind year 12th

            bindyear('no');

       //bind year 10th


            bindyear10th();




        });




        function bindyear10th() {
            var serviceURLyear10th = '/Home/bindyear10';
            $.ajax({
                url: serviceURLyear10th,
                type: "GET",
                dataType: "HTML",
                async: false,
                success: function (data) {
                     // alert(data);

                    if (data != "") {

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

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

                }
            });
        }

        function bindyear(typeofapp) {

            if (typeofapp == 'yes') {

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

            }
            if (typeofapp == 'no') {

                $("#dvtw").show();
                $("#twper").val("");
            }
          //  alert(typeofapp);
            var serviceURLyear = '/Home/bindyear';
            $.ajax({
                url: serviceURLyear,
                type: "GET",
                dataType: "HTML",
                data: {
                    type: typeofapp
                },
                async: false,
                success: function (data) {
                    //  alert(data);

                    if (data != "") {

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

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

                }
            });
        }


        function bindcdata(type) {

           // alert(type);




            var serviceURLcourse = '/Home/bindcourse';

            $.ajax({
                url: serviceURLcourse,
                type: "GET",
                dataType: "HTML",
                data: {
                    type: type
                },
                async: false,
                success: function (data) {
                    //  alert(data);

                    if (data != "") {

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


                        if (type == "PG") {

                            $("#divpg").show();

                            $("#divpgmadeofexam").show();
                            $("#divugmadeofexam").hide();

                            //pgappearing

                            //pgyearofappearing

                            //radpgapp

                        }

                        else if (type == "UG") {

                            $("#divappmade").hide();
                            $("#jeescore").val('');
                            $("#divpg").hide();
                            $("#divpgmadeofexam").hide();
                            $("#divugmadeofexam").show();




                        }

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

                }
            });

        }


        function pgappearing(val) {


           var serviceURLyear = '/Home/bindyear';
            $.ajax({
                url: serviceURLyear,
                type: "GET",
                dataType: "HTML",
                data: {
                    type: val
                },
                async: false,
                success: function (data) {
                    if (data != "") {
                        if (val == "yes") {

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

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


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

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

                }
            });



        }

        function checknation(val) {


            var serviceURLcountry = '/Home/bindnricountry';

            if (val == "indian") {

                loadcountry(val);
                $("#divindianphone").show();
                $("#divindian").show();
                $("#divnri").hide();
                $("#hdntype").val('indian');

                $("#divnriphone").hide();
                $("#nriphone").val('');

                $("#divindianexam").hide();
                callcurrency('inr');


              //  nriphone





            }

            else if (val == "nri") {

              //  alert("ddd");
                $("#divnriphone").show();
                $("#divindianphone").hide();
                $("#divindian").hide();
                $("#divnri").show();
                $("#hdntype").val('nri');
                $("#state").val('0');
                $("#city").val('0');
                $("#divotp").hide();
                $("#divindianexam").hide();

                $("#jeescore").val('');
                $("#otpcheckp").hide();

                loadcountry(val);
                callcurrency('usd');
            }
        }


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

                    if (data != "") {

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

                        if (val == "nri") {
                            $("#nricountry").html(data);

                        }

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

                }
            });


        }



        //$('#cource').on('change', function () {



        //   // alert(selected_course);
        //});



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


            var mobile = this.value;



            var mobileValidate = /^[6-9]\d{9}$/;
            if (!(mobileValidate.test(mobile))) {


                $(".validation").remove();
                $('#phone').focus();
                $('#phone').after("<p class='validation' style='color:red;margin-bottom:0px;'>Please Enter  Valid Phone number</p>");
                return false;
            }

            else {
                $(".validation").remove();

              //  $("#")

                $("#divotp").show();


               // alert(mobile);
               // genotp(mobile);



            }



        });


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


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

            var cuotp = $("#otp").val();

            if (cuotp == "") {
                $(".validation").remove();
                $('#otp').focus();
                $('#otp').after("<p class='validation' style='color:red;margin-bottom:0px;'>Please Enter otp</p>");
                return false;

            }


            if (hdnotp != cuotp) {
                $(".validation").remove();
                $('#otp').focus();
                $('#otp').after("<p class='validation' style='color:red;margin-bottom:0px;'>Please Enter correct otp</p>");
                return false;

            }

            $(".validation").remove();
            $('#otp').focus();
            $('#otp').after("<p class='validation' style='color:green;margin-bottom:0px;'>OTP verified</p>");

            $("#responseotp").html('');



        });



        function getotp() {

            var mobile = $("#phone").val();
            var otpfirl = $("#otp").val();


            $("#otpcheckp").hide();




            var mobileValidate = /^[6-9]\d{9}$/;
            if (!(mobileValidate.test(mobile))) {


                $(".validation").remove();
                $('#phone').focus();
                $('#phone').after("<p class='validation' style='color:red;margin-bottom:0px;'>Please Enter  Valid Phone number</p>");
                return false;
            }

            else {
                $(".validation").remove();

                ////  $("#")

                //$("#divotp").show();


                //// alert(mobile);
                //// genotp(mobile);


                genotp(mobile);

                $("#innerotp").show();

                $("#btnotp").text("Resend OTP");



            }





        }



        //function onverifyotp() {



        //}


        //function resendotp() {

        //    var phone = $("#phone").val();

        //    genotp(phone);



        //}


        function genotp(phone) {

          //  alert(phone);

            var serviceURLotp = '/Home/generateotp';


           // var phone = $("#phone").val();

            $.ajax({

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

                data: {
                    phone: phone
                },

                async: false,
                success: function (data) {

                  //  alert(data);

                    if (data != "") {
                        data = data.split("###");

                       // alert(data[0]);




                        if (data[0] == "otp not send") {

                            $("#responseotp").show();
                            $("#responseotp").html(data[0]);

                            $("#hdnotp").val('');


                        }
                        else if (data[0] == "Enter OTP sent to your mobile number") {

                            $("#responseotp").show();
                            $("#responseotp").html(data[0]);
                            $("#hdnotp").val(data[1]);
                        }



                    }
                    else {
                       // $("#otp").val('');
                        $("#responseotp").html('');
                    }
                    //  alert(data);

                }
            });
        }





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

            var typent = $("#hdntype").val();

            if (typent == "indian") {

                $("#divindianexam").show();


            }
            else if (typent == "nri") {
                $("#divindianexam").hide();
            }


            $(".ne").hide();
            var c_id = $("#cource").val();

            if (c_id != "0") {

                bindcheckbox(c_id);
            }

            var selected_course = $("#cource :selected").text();

            var study = $("input[name='radstudy']:checked").val();

            if (study == "UG") {


                //if (selected_course == "B.Tech") {

                //    alert(selected_course);
                //}
                //else if (selected_course == "B.Des") {
                //    alert(selected_course);
                //}

                //else if (selected_course == "B.Tech LLB") {

                //    alert(selected_course);
                //}

                //else if (selected_course == "LLB") {

                //    alert(selected_course);
                //}

                //else if (selected_course == "LLB") {

                //    alert(selected_course);
                //}

                //else if (selected_course == "B.Sc") {

                //    alert(selected_course);
                //}

                //else {
                //    alert(selected_course);
                //    $("input[value='non_exam_ug']").show();

                //}
                $(".ne").hide();
                $(".bm").hide();
                $(".sd_" + this.value).show();
                var selid = this.value;
                if (selid == "8" || selid == "3" || selid == "20" ) {
                    $(".bm").show();

                }


            }
            else if (study = "PG") {

               // alert(study + selected_course);
            }

        });


        function onappclick(val) {

            //alert(val);

            if (val == 1) {
                $("#divappmade").hide();
                $("#jeescore").val('');
            }
            else if (val == 2) {

                var examode = $("input[name='radapplicationmade']:checked").val();



                if (examode == "pgnonexam") {
                    // alert(examode);
                    $("#divappmade").hide();
                    $("#jeescore").val('');

                }

                else if (examode == "non_exam_ug")
                {
                    //alert('www');
                    $("#divappmade").hide();
                    $("#jeescore").val('');
                }
                else if (examode == "non_exam_board_merit") {
                    //alert('www');
                    $("#divappmade").hide();
                    $("#jeescore").val('');
                }



                //else if (examode = "non_exam_ug")
                //{
                //    $("#divappmade").hide();
                //    $("#jeescore").val('');

                //}

                else {
                    $("#divappmade").show();
                    $("#jeescore").val('');
                }



            }

        }



        function bindcheckbox(c_id) {
          //  alert(c_id);

            var serviceURLcheckbox = '/Home/bindprogram';



            $.ajax({

                url: serviceURLcheckbox,
                type: "GET",
                dataType: "HTML",

                data: {
                    c_id: c_id
                },

                async: false,
                success: function (data) {

                    //  alert(data);

                    if (data != "") {

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

                        var limit = 3;
                        $('input.single-checkbox').click(function () {
                            if ($(this).siblings(':checked').length >= limit) {
                                this.checked = false;

                            }
                        });


                       // checkpgm();

                    }
                    else {
                        $("#divbindheckbox").html('');
                    }
                    //  alert(data);

                }
            });


        }


        function checkpgm() {

            var textappend = "";
            var i, chks = document.getElementsByName('chk[]');


            for (i = 0; i < chks.length; i++) {



                if (chks[i].checked) {

                   // console.log(chks[i].value);
                    textappend += textappend + ",";

                    return true;
                }

                else {
                    alert('No item selected');
                    //console.log(chks[i].value);
                    return false;
                }
            }








        }

        //limit checkbox




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

            if (val == "per") {

                $("#divtenper").show();
                $("#divtencgpa").hide();



                $("#tenthcgpa").val('');





            }
            else if (val = "cgpa") {


                $("#divtenper").hide();
                $("#divtencgpa").show();

                $("#tenthper").val('');
            }



        }

        function callcurrency(currency) {

            // alert(currency);

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

                    if (data != "") {

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

                    //  alert(data);

                }
            });

        }

    </script>

</body>

</html>