Conversion_Kitchen_Code/kitchen_counter/institutional/templates/institutional/affstudentReg.html

2272 lines
98 KiB
HTML
Executable File

{%extends "mnfapp/base.html"%} {%load static%} {%block content%}
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<style>
@import url("https://fonts.googleapis.com/css2?family=Lato&family=Poppins:wght@100;300;400;500;600;700&display=swap");
body{
background: #FFF !important;
font-family: "Poppins", sans-serif !important;
margin-top: 100px !important;
}
#affiliated_student_institute_name{
word-wrap: normal;
font-size: 15px;
padding-left: 15px;
color: rgb(33, 37, 41);
font-family: Helvetica;
}
form input[type="radio"] {
display: initial;
margin:0px 4px;
}
.filetype {
padding: 0px;
}
.marginleft{
margin-left:70px;
}
.container .title {
font-size: 30px;
font-weight: 900;
}
select {
width: 250px;
margin-bottom: 15px;
height: 35px;
margin-top: 10px;
border-radius: 5px;
outline: none;
border: 1px solid #ccc;
font-size: 12px !important;
background: #FAFAFA;
}
.container .heading-2 {
display: flex;
justify-content: center;
align-self: center;
width: auto;
color: #252525;
border-radius: 5px;
letter-spacing: 1px;
margin-top: 25px;
font-size: 16px;
font-weight: 600;
pointer-events: none;
}
.container form .row {
display: flex;
flex-wrap: wrap;
/* justify-content: space-between; */
margin: 10px 0 10px 0;
}
form .row .input-box {
width: calc(100% / 2 - 20px);
margin-bottom: 15px;
}
.row {
flex-wrap: wrap;
}
.row .input-box .details {
display: block;
font-weight: 500;
margin-bottom: 5px;
}
.row .input-box input {
height: 35px;
width: 250px;
border-radius: 5px;
outline: none;
border: 1px solid #ccc !important;
padding-left: 20px;
font-size: 12px;
background: #FAFAFA;
}
form .input-box span.details {
display: block;
font-weight: 500;
margin-bottom: 5px;
}
form .button input {
border-radius: 8px;
outline: none;
color: #fff;
background: #EE3C4D;
border: none;
font-size: 18px;
letter-spacing: 1px;
font-weight: 500;
}
@media(max-width: 584px) {
.container {
max-width: 100%;
}
}
@media (max-width: 500px) {
.row .input-box .details {
font-size: small;
}
}
@media (min-width: 950px) and (max-width: 986px) {
.content form .user-details {
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: space-between;
margin: 20px 0 12px 0;
}
.main-row-details {
display: flex;
flex-direction: column;
}
}
@media (min-width: 908px) and (max-width: 950px) {
.content form .user-details {
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: space-between;
margin: 20px 0 12px 0;
}
.main-row-details {
display: flex;
flex-direction: column;
}
}
@media (min-width: 767px) and (max-width: 908px) {
.content form.user-details {
display: inline-block;
}
.main-row-details {
display: flex;
flex-direction: column;
}
.container .heading-2 {
font-size:16px;
pointer-events: none;
}
}
@media (min-width: 701px) and (max-width: 767px) {
.content form .user-details {
display: inline-block;
}
.main-row-details {
display: flex;
flex-direction: column;
}
.container .heading-2 {
font-size: 16px;
}
}
@media (min-width: 585px) and (max-width: 700px) {
.content form .user-details {
display: inline-block;
}
.main-row-details {
display: flex;
flex-direction: column;
}
.container .heading-2 {
font-size: 16px;
}
}
@media (max-width: 584px) {
.content form .user-details {
max-height: 300px;
overflow-y: scroll;
}
.main-row-details {
display: flex;
flex-direction: column;
}
.row .input-box input {
width: 200px;
}
.container .heading-2 {
font-size: 14px;
}
}
@media (min-width: 427px) and (max-width: 500px) {
.content form .user-details {
display: inline-block;
}
}
@media (min-width: 322px) and (max-width: 426px) {
.content form .user-details {
display: inline-block;
}
}
@media screen and (max-width: 321px) {
.content form .user-details {
display: inline-block;
}
}
.other1 {
height: 100px;
position: relative;
left: 71%;
transform: translateX(-50%);
}
.button_btn {
background: #ee3c4d;
color: white;
font-size: 20px;
width: 88px;
margin: 20px auto;
border: none;
border-radius: 7px;
}
.stylebutton1 {
background: #33B0CA;
color: #FFFF;
padding: 4px 14px 4px 14px;
margin: 20px auto;
border: none;
border-radius: 7px;
position: relative;
left: 33%;
transform: translateX(-50%);
font-size: 14px;
font-weight: 500;
letter-spacing: 0em;
}
#SubButton:hover{
-webkit-box-shadow: 0px 4px 18px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 4px 18px 0px rgba(0,0,0,0.25);
box-shadow: 0px 4px 18px 0px rgba(0,0,0,0.25);
}
.new_Insti-name {
margin: 10px 0;
}
/* styling for links at the bottom */
div#bottomText {
text-align: center;
font-size: 17px;
margin-bottom: 50px;
height: 200px;
justify-content: end;
transform: translateY(-1px);
}
.heading-coming {
margin: 31px 80px;
position: absolute;
padding: 100px;
color: rgb(238, 60, 77);
}
/* styling for Institute Section starts here */
.utility_for_institute {
margin: 8px 10px;
}
.centered-header {
color: rgb(238, 60, 77);
border-radius: 5px;
font-size: 28px;
font-weight: 600;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 50px;
pointer-events: none;
}
#student_name:focus,
#student_institute_email:focus,
#student_email:focus,
#student_primary_phone_number:focus,
#affiliated_student_institute_name:focus,
#student_m_inst_type_readonly:focus,
#student_m_inst_addresh_readonly:focus,
#student_m_inst_pin_readonly:focus,
#student_m_country01_readonly:focus,
#student_m_region012_readonly:focus,
#student_m_city01_readonly:focus,
#student_end_date:focus,
#country:focus,
#citysssss:focus,
#region:focus,
#corporate_contact_person_support_phone_number_country_code:focus,
#corporate_contact_person_phone_number_country_code:focus,
#student_primary_phone_number_country_code:focus,
#student_secondary_phone_number_country_code:focus,
#student_secondary_phone_number:focus,
#firstDocument:focus,
#student_kyc:focus,
#Institution_nature:focus,
#institution_admin_country_code:focus,
#country1:focus,
#region1:focus,
#city1:focus,
#institution_kyc:focus,
#Institution_country_code:focus{
border: 3px solid #33B0CA;
border-radius:4px;
transition:all 0.2s;
}
#SubButtonCorporate:hover,
#SubButtonCorporate:focus,
#SubButton:focus,
#SubButton:focus,
#affiliated_student:focus,
#SubButtonInstitute:focus,
#waiting_student:focus{
-webkit-box-shadow: 2px 2px 11px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 11px 1px rgba(0,0,0,0.75);
box-shadow: 2px 2px 11px 1px rgba(0,0,0,0.75);
}
/* --------------------------------------------Responsive CSS for mobile---------------------------------------------------------- */
@media only screen and (max-width: 424px) and (min-width: 320px) {
#corporate .container {
max-width: 990px;
}
#base-navbar-hamburger {
top: 5px;
}
.studentcheck {
margin-right: 80px;
display: block;
position: relative;
left: 11px;
}
form .row .input-box {
width: 100%;
margin-bottom: 15px;
}
.row .input-box input {
width: 228px;
font-size: 12px;
height: 27px;
}
#student_primary_phone_number,
#student_secondary_phone_number,
#corporate_contact_person_support_phone_number {
max-width: 145px;
}
#student_primary_phone_number_country_code,
#student_secondary_phone_number_country_code,
#corporate_contact_person_support_phone_number_country_code,
#corporate_contact_person_phone_number_country_code {
height: 27px;
max-width: 83px;
}
.input-box {
text-align: center;
}
.padBot {
margin-bottom: 15px;
}
select {
word-wrap: normal;
height: 27px;
max-width: 228px;
}
#corporate_contact_person_support_phone_number {
max-width: 228px;
}
.input-file {
left: 70%;
transform: translateX(-50%);
}
.centered-header {
color: rgb(238, 60, 77);
border-radius: 5px;
font-size: 20px;
font-weight: 600;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 50px;
pointer-events: none;
margin-bottom: 50px;
padding-bottom: 50px;
}
#Institution_admin_phone_number,
#Institution_phone_number {
width: 142px;
}
}
@media only screen and (max-width: 575px) and (min-width: 425px) {
#base-navbar-hamburger {
top: 5px;
}
.studentcheck {
margin-right: 80px;
display: block;
position: relative;
left: 11px;
}
form .row .input-box {
width: 100%;
margin-bottom: 15px;
}
.row .input-box input {
width: 244px;
font-size: 12px;
height: 35px;
}
#student_primary_phone_number,
#student_secondary_phone_number,
#corporate_contact_person_support_phone_number,
#corporate_contact_person_phone_number,
#Institution_phone_number,
#Institution_admin_phone_number {
max-width: 228px;
}
#student_primary_phone_number_country_code,
#student_secondary_phone_number_country_code {
height: 35px;
}
.input-box {
text-align: center;
}
.row .input-box input {
width: 320px;
}
.input-file {
left: 70%;
transform: translateX(-50%);
}
select {
width: 320px;
}
}
@media only screen and (max-width: 767px) and (min-width: 576px) {
#base-navbar-hamburger {
top: 5px;
}
.studentcheck {
margin-right: 80px;
display: block;
position: relative;
left: 11px;
}
form .row .input-box {
width: 100%;
margin-bottom: 15px;
}
.row .input-box input {
width: 288px;
font-size: 12px;
height: 35px;
}
#student_primary_phone_number,
#student_secondary_phone_number,
#corporate_contact_person_support_phone_number,
#corporate_contact_person_phone_number,
#Institution_phone_number,
#Institution_admin_phone_number {
max-width: 200px;
}
#student_primary_phone_number_country_code,
#student_secondary_phone_number_country_code {
height: 35px;
}
.input-box {
text-align: center;
}
.input-file {
left: 70%;
transform: translateX(-50%);
}
select {
width: 275px;
margin-bottom: 15px;
height: 35px;
margin-top: 10px;
border-radius: 5px;
outline: none;
border: 1px solid #ccc;
font-size: 12px !important;
}
}
@media only screen and (max-width:1023px) and (min-width: 768px) {
.container form .row {
display: flex;
flex-wrap: wrap;
margin: 10px 0 10px 0;
position: relative;
left: 70%;
transform: translateX(-60%);
}
#base-navbar-hamburger {
top: 5px;
}
.studentcheck {
margin-right: 80px;
display: block;
position: relative;
left: 11px;
}
form .row .input-box {
width: 100%;
margin-bottom: 15px;
}
.row .input-box input {
width: 330px;
font-size: 12px;
height: 35px;
}
#student_primary_phone_number,
#student_secondary_phone_number,
#corporate_contact_person_support_phone_number,
#corporate_contact_person_phone_number,
#Institution_phone_number,
#Institution_admin_phone_number {
max-width: 244px;
}
#student_primary_phone_number_country_code,
#student_secondary_phone_number_country_code {
height: 35px;
}
select {
width: 330px;
font-size: 12px !important;
}
.input-box {
text-align: left;
}
}
@media only screen and (max-width:1440px) and (min-width: 1024px) {
.container form .row {
display: flex;
flex-wrap: wrap;
/* justify-content: space-between; */
margin: 10px 0 10px 0;
position: relative;
left: 70%;
transform: translateX(-60%);
}
#base-navbar-hamburger {
top: 5px;
}
.studentcheck {
margin-right: 80px;
display: block;
position: relative;
left: 11px;
}
form .row .input-box {
width: 100%;
margin-bottom: 15px;
}
.row .input-box input {
width: 488px;
font-size: 12px;
height: 35px;
}
#student_primary_phone_number,
#student_secondary_phone_number,
#corporate_contact_person_support_phone_number,
#corporate_contact_person_phone_number,
#Institution_phone_number,
#Institution_admin_phone_number {
max-width: 398px;
}
#student_primary_phone_number_country_code,
#student_secondary_phone_number_country_code {
height: 35px;
}
.input-box {
text-align: left;
}
.input-file {
left: 50%;
transform: translateX(-50%);
}
select {
width: 487px;
font-size:12px !important;
height: 35px;
}
}
.disabled {
color: black;
background-color: #808080;
}
.waiting {
background-color: rgba(255, 255, 255, 0.3); /* White color with 70% opacity */
backdrop-filter: blur(2px); /* Apply blur effect */
display: flex;
justify-content: center;
align-items: center;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 9999999999999999999999999999; /* Make sure it's above other content */
}
@keyframes rotate {
from {
transform: rotate(0deg);
transition:all;
}
to {
transform: rotate(360deg);
transition:all;
}
}
.rotate-element {
animation: rotate 1.1s infinite linear;
transform: scale(2);
width: 100px;
height: 100px;
display: flex;
justify-content: center;
align-items: center;
}
.imageheight{
width: 100px;
height: 100px;
}
.hidden{
display:none;
}
#student_end_date{
width: 165px;
color:#616161
}
#navi-li__button6{
background-color:#33B0CA !important;
color:#fff !important;
}
#navi-li__button6 span{
color:#fff !important;
}
#navi-li__button1{
background-color:#9A9A9A !important;
color:#fff !important;
}
#navi-li__button1:hover{
box-shadow: none !important;
}
#navi-li__button6:hover{
-webkit-box-shadow: 0px 4px 18px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 4px 18px 0px rgba(0,0,0,0.25);
box-shadow: 0px 4px 18px 0px rgba(0,0,0,0.25);
}
#student_email{
border: 1px solid #ccc;
}
form .button {
margin: 25px 0;
height:34px !important;
}
.accordion-button:hover{
background: #33B0CA !important;
color: #FFF !important;
}
#accordbutton:focus,
#accordbutton2:focus,
#accordbutton3:focus,
#accordbutton4:focus,
#accordbutton5:focus{
background: #33B0CA !important;
color: #FFF !important;
}
.selectedB {
background-color: #33B0CA !important;
color: #FFF !important;
}
</style>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Student</title>
</head>
<style>
/* #footer_mulitligule{
position: relative;
bottom: 1px;
z-index:99;
} */
</style>
<body>
{% comment %} Loader added {% endcomment %}
<div id="waiting" class="waiting"style="display:none;">
<div class="rotate-element">
<img class="imageheight" loading="lazyloading" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEHElEQVR4nO3XfUwaZxzA8ceaZptuc0mzZmu7dIt2bbKZiXcgBwiWcVgrKk2hus0FyjK2YI1ou/qH86Vu0yW1rbTNJhraASad2E3IGKIrkCUFX+K6QgN17YBkBbXBZmnSbHXL8iw1sTG8bLGAheQ+//Lcj+d7l3A8ABAIBEIsOqEw8zKtc+c47cwWkG681IMcFya/Zad2QDNFAXWo2noOHXkJpIPbNH6uDxPfc2FyuBIwTFZDFaKf0Al1mSDVhehVHX6aGIYHnEMMUFFoRUCqW6RXfhEr4DRiLY92zSSl/tmx/GamblcnoshTPJHUDU6R218wFSiejx1QIYoWoEIMSyeRH18MX+9BRW0TJNl9c/5ROLSrEw7knggdf+VLQcI3Po/VbvZQZZZJais0U3rh16jGeP6NkefC10GhMNOHiW1RnkBz+NogVVDvIYvgBKkOPgzIOwF7tiv/btmioSU0IEg/MHwdk8GVgCFUC/sR00C0tTOIdKOT2iC3UzsMo5TewYuIem+0dQFsvy9qwMtK2LpVeyFhm4cAZARpB+5FBnw/96gzQ7TKZ4KYAMYK+HjroBsk0hy9OhAeoCw0XYvrplAFv8d+AoNjiQ2g1TRGBKAmSTwzA1SBNlZAy7bBOpBobkz27mRR66iZ3GvUIdq4fykCZP4mNypyhgcc367UCUEavPQe8LNET9pJMsno6x/1D+3sPKXM7amEAGYsf0ggPGZOytFttqLuEl2BKuZfh5Tlw8SfXsEO/2Mr6oYjqPJPNfnb90G6CDF4b/poB+HP2BH4IEBP7odq9Ju/zpJseeu1hwC3qWVWoDVPSa6ja774DqPikygB8AxiFYF1cJdZviPIbYSzAi2clrjH1zzgDr3qg2gBpwstbLAOgggvK8CV+5YD3vO0rXnAPI5nezHx7OqAr9CLlnbQviEpO45iHj+c7alWvwoelReR5lzBjrRaKV1aPapsUOSZkntSIhAIyeflNOe42J/xHfhAhY2lexqkkwXm2/leVkPAxe6CExwVvFRq9Bm4P63bmzlu88U1l70lcrgqABrKpo3xzoWgfUMAbzp1g993w1lr6ZuRzmyMf7cRXwIyFhhv3Q8P0O+ZCsU7e7GYtz/IbYI39/VBZ60V2j8MxHXOjmmhuMYdEVA27Yh37iK9UrI6wCG9JQfJMEevLvOyGpZWAn7gGv/Q751ixlofRKRZV0s+L3Xg5+n/dcb9jSp8Kog32pYD3rFMzki9OSBZbu6Wv+bc3XXMwVG1jXO+2xFr3V0yf5OfdegXF7sb2nENHC21DP/fQT3IU2aBVLHI4Lf5WYfgSoB5jwUOl7uLQbpYZPB7IgLKrvFAurhNqyrws+qWHgaUXvpVg1/NBunEz6wnudhdJ+245tgYPrb5ce+HQCCA1PMvzVGYsEzh7ZsAAAAASUVORK5CYII=">
</div>
</div>
{% comment %} Loader ended {% endcomment %}
{% include 'StudentRegistration/institutionalnavbar.html'%}
<div class="row " id="hidden">
<div class="col-sm-4 my-5 mx-3" id="accordianNew">
<div class="container sticky-top">
<div class="accordion" id="accordionExample">
<div class="accordion-item">
<h2 class="accordion-header" id="headingTwo">
<button id="accordbutton" class="button accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo" style="color:#252525;font-size:12px;background: #FAFAFA;">
Different types of Membership's that we offer </button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
data-bs-parent="#accordionExample" style="">
<div class="accordion-body">
<ol style="font-size: 12px;color: #616161;">
<li> Institutional: If you register as an institute, then you can use it as a film educational
institute for your students and will be provided with a dashboard from where you can
see/add/remove/update the details of your affiliated students. </li>
<li> Corporate: If you register as a corporate, then you can use it for commercial purposes. You can
choose plans according to your needs. </li>
<li>Student: If you register as a student, then you would be working under the institution and will
get free membership for the first month. </li>
</ol>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button id="accordbutton2" class="button accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne" style="color:#252525;font-size:12px;background: #FAFAFA;">
What are the benefits of Student Membership? </button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse" aria-labelledby="headingOne"
data-bs-parent="#accordionExample" style="">
<div class="accordion-body"> Following are the benefits if you register as a student: <ol style="font-size: 12px;color: #616161;">
<li> Subscription privileges will be the same as normal with a 50% discount monthly/annually </li>
<li> You will get 250 Initial credits for paid services valid for one month after the registration.
</li>
<li> The membership for the first month will be free of cost. </li>
<li> The activation period will start from the same date you registered which will be verified by MNF
(Email Address would be verified too.) </li>
<li> You can avail 15% discount on all services.</li>
</ol>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingThree">
<button id="accordbutton3" class="button accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"
style="color:#252525;font-size:12px;background: #FAFAFA;"> How does it work? </button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree"
data-bs-parent="#accordionExample" style="">
<div class="accordion-body">
<ol style="font-size: 12px;color: #616161;">
<li> You will log in/register. </li>
<li> After registering, you will get an option to choose between prepaid and postpaid plans. </li>
</ol>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingFive">
<button id="accordbutton4" class="button accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive" style="color:#252525;font-size:12px;background: #FAFAFA;">
How Login would be different for every user? </button>
</h2>
<div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive"
data-bs-parent="#accordionExample">
<div class="accordion-body" style="font-size: 12px;color: #616161;"> Log-in would not be different for any user. </div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingFour">
<button id="accordbutton5" class="button accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour" style="color:#252525;font-size:12px;background: #FAFAFA;">
Are there any other added benefits ? </button>
</h2>
<div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<ol style="font-size: 12px;color: #616161;">
<li> Initial Credits are valid for a month after the registration. </li>
</ol>
</div>
</div>
</div>
</div>
<p
style="font-size:12px;text-align:center; margin-top: 1rem;padding: 0.8rem;border-radius: 10px;color: #616161;">
For any further query email us - <span>
<b>
<a href="mailto:support@mynextfilm.ai" style="color: #33B0CA;font-size:12px;font-weight:500;">support@mynextfilm.ai</a>
</b>
</span>
</p>
</div>
</div>
<div class="col-sm-7 mx-auto">
<div class="container" style="max-width: 900px">
<form onsubmit="return false;" enctype="multipart/form-data" autocomplete="off" id="student-registration-form">
{% csrf_token %}
<!--Student Division-->
<div id="student" class="user-details">
<div class="heading-2">Student Registration</div>
<div class="row main-row-details">
<div class="input-box">
<span class="details">Student Name <span style="color: #EE3C4D;">*</span>
</span>
{% if user.is_active %}
<input type="text" name="name" id="student_name" placeholder="Enter Student Name"
value="{{user.username}}" required readonly>
{% else %}
<input type="text" name="name" id="student_name" placeholder="Enter Student Name" required>
{% endif %}
</div>
<div class="input-box" style="margin-right:20px">
<span class="details">Email Id provided by the Institution<span style="color: #EE3C4D;">*</span>
</span>
{% if user.is_active %}
<input class="email_validation" type="email" name="email" id="student_institute_email"
placeholder="Enter Email Id provided by the Institution" value="{{user.email}}" required readonly>
{% else %}
<input class="email_validation" type="email" name="email" id="student_institute_email"
placeholder="Enter Email Id provided by the Institution" required>
{% endif %}
</div>
<div class="input-box" style="margin-right:20px">
<span class="details">Alternative Email Id<span style="color: #EE3C4D;">*</span>
</span>
{% if user.is_active %}
<input class="email_validation" type="email" name="email" id="student_email" placeholder="Enter Your Alternative Email Id"
value="" required>
{% else %}
<input class="email_validation" type="email" name="email" id="student_email" placeholder="Enter your email" required>
{% endif %}
</div>
<div class="input-box">
<span class="details">Phone Number<span style="color: #EE3C4D;">*</span>
</span>
<select id="student_primary_phone_number_country_code" name="code"
style="max-width: 85px; border-radius:4px;" required="">
<option data-countrycode="IN" value="91">India (+91)</option>
<option data-countrycode="DZ" value="213">Algeria (+213)</option>
<option data-countrycode="AD" value="376">Andorra (+376)</option>
<option data-countrycode="AO" value="244">Angola (+244)</option>
<option data-countrycode="AI" value="1264">Anguilla (+1264)</option>
<option data-countrycode="AG" value="1268">Antigua &amp; Barbuda (+1268) </option>
<option data-countrycode="AR" value="54">Argentina (+54)</option>
<option data-countrycode="AM" value="374">Armenia (+374)</option>
<option data-countrycode="AW" value="297">Aruba (+297)</option>
<option data-countrycode="AU" value="61">Australia (+61)</option>
<option data-countrycode="AT" value="43">Austria (+43)</option>
<option data-countrycode="AZ" value="994">Azerbaijan (+994)</option>
<option data-countrycode="BS" value="1242">Bahamas (+1242)</option>
<option data-countrycode="BH" value="973">Bahrain (+973)</option>
<option data-countrycode="BD" value="880">Bangladesh (+880)</option>
<option data-countrycode="BB" value="1246">Barbados (+1246)</option>
<option data-countrycode="BY" value="375">Belarus (+375)</option>
<option data-countrycode="BE" value="32">Belgium (+32)</option>
<option data-countrycode="BZ" value="501">Belize (+501)</option>
<option data-countrycode="BJ" value="229">Benin (+229)</option>
<option data-countrycode="BM" value="1441">Bermuda (+1441)</option>
<option data-countrycode="BT" value="975">Bhutan (+975)</option>
<option data-countrycode="BO" value="591">Bolivia (+591)</option>
<option data-countrycode="BA" value="387">Bosnia Herzegovina (+387)</option>
<option data-countrycode="BW" value="267">Botswana (+267)</option>
<option data-countrycode="BR" value="55">Brazil (+55)</option>
<option data-countrycode="BN" value="673">Brunei (+673)</option>
<option data-countrycode="BG" value="359">Bulgaria (+359)</option>
<option data-countrycode="BF" value="226">Burkina Faso (+226)</option>
<option data-countrycode="BI" value="257">Burundi (+257)</option>
<option data-countrycode="KH" value="855">Cambodia (+855)</option>
<option data-countrycode="CM" value="237">Cameroon (+237)</option>
<option data-countrycode="CA" value="1">Canada (+1)</option>
<option data-countrycode="CV" value="238">Cape Verde Islands (+238)</option>
<option data-countrycode="KY" value="1345">Cayman Islands (+1345)</option>
<option data-countrycode="CF" value="236">Central African Republic (+236) </option>
<option data-countrycode="CL" value="56">Chile (+56)</option>
<option data-countrycode="CN" value="86">China (+86)</option>
<option data-countrycode="CO" value="57">Colombia (+57)</option>
<option data-countrycode="KM" value="269">Comoros (+269)</option>
<option data-countrycode="CG" value="242">Congo (+242)</option>
<option data-countrycode="CK" value="682">Cook Islands (+682)</option>
<option data-countrycode="CR" value="506">Costa Rica (+506)</option>
<option data-countrycode="HR" value="385">Croatia (+385)</option>
<option data-countrycode="CU" value="53">Cuba (+53)</option>
<option data-countrycode="CY" value="90392">Cyprus North (+90392)</option>
<option data-countrycode="CY" value="357">Cyprus South (+357)</option>
<option data-countrycode="CZ" value="42">Czech Republic (+42)</option>
<option data-countrycode="DK" value="45">Denmark (+45)</option>
<option data-countrycode="DJ" value="253">Djibouti (+253)</option>
<option data-countrycode="DM" value="1809">Dominica (+1809)</option>
<option data-countrycode="DO" value="1809">Dominican Republic (+1809) </option>
<option data-countrycode="EC" value="593">Ecuador (+593)</option>
<option data-countrycode="EG" value="20">Egypt (+20)</option>
<option data-countrycode="SV" value="503">El Salvador (+503)</option>
<option data-countrycode="GQ" value="240">Equatorial Guinea (+240)</option>
<option data-countrycode="ER" value="291">Eritrea (+291)</option>
<option data-countrycode="EE" value="372">Estonia (+372)</option>
<option data-countrycode="ET" value="251">Ethiopia (+251)</option>
<option data-countrycode="FK" value="500">Falkland Islands (+500)</option>
<option data-countrycode="FO" value="298">Faroe Islands (+298)</option>
<option data-countrycode="FJ" value="679">Fiji (+679)</option>
<option data-countrycode="FI" value="358">Finland (+358)</option>
<option data-countrycode="FR" value="33">France (+33)</option>
<option data-countrycode="GF" value="594">French Guiana (+594)</option>
<option data-countrycode="PF" value="689">French Polynesia (+689)</option>
<option data-countrycode="GA" value="241">Gabon (+241)</option>
<option data-countrycode="GM" value="220">Gambia (+220)</option>
<option data-countrycode="GE" value="7880">Georgia (+7880)</option>
<option data-countrycode="DE" value="49">Germany (+49)</option>
<option data-countrycode="GH" value="233">Ghana (+233)</option>
<option data-countrycode="GI" value="350">Gibraltar (+350)</option>
<option data-countrycode="GR" value="30">Greece (+30)</option>
<option data-countrycode="GL" value="299">Greenland (+299)</option>
<option data-countrycode="GD" value="1473">Grenada (+1473)</option>
<option data-countrycode="GP" value="590">Guadeloupe (+590)</option>
<option data-countrycode="GU" value="671">Guam (+671)</option>
<option data-countrycode="GT" value="502">Guatemala (+502)</option>
<option data-countrycode="GN" value="224">Guinea (+224)</option>
<option data-countrycode="GW" value="245">Guinea - Bissau (+245)</option>
<option data-countrycode="GY" value="592">Guyana (+592)</option>
<option data-countrycode="HT" value="509">Haiti (+509)</option>
<option data-countrycode="HN" value="504">Honduras (+504)</option>
<option data-countrycode="HK" value="852">Hong Kong (+852)</option>
<option data-countrycode="HU" value="36">Hungary (+36)</option>
<option data-countrycode="IS" value="354">Iceland (+354)</option>
<option data-countrycode="ID" value="62">Indonesia (+62)</option>
<option data-countrycode="IR" value="98">Iran (+98)</option>
<option data-countrycode="IQ" value="964">Iraq (+964)</option>
<option data-countrycode="IE" value="353">Ireland (+353)</option>
<option data-countrycode="IL" value="972">Israel (+972)</option>
<option data-countrycode="IT" value="39">Italy (+39)</option>
<option data-countrycode="JM" value="1876">Jamaica (+1876)</option>
<option data-countrycode="JP" value="81">Japan (+81)</option>
<option data-countrycode="JO" value="962">Jordan (+962)</option>
<option data-countrycode="KZ" value="7">Kazakhstan (+7)</option>
<option data-countrycode="KE" value="254">Kenya (+254)</option>
<option data-countrycode="KI" value="686">Kiribati (+686)</option>
<option data-countrycode="KP" value="850">Korea North (+850)</option>
<option data-countrycode="KR" value="82">Korea South (+82)</option>
<option data-countrycode="KW" value="965">Kuwait (+965)</option>
<option data-countrycode="KG" value="996">Kyrgyzstan (+996)</option>
<option data-countrycode="LA" value="856">Laos (+856)</option>
<option data-countrycode="LV" value="371">Latvia (+371)</option>
<option data-countrycode="LB" value="961">Lebanon (+961)</option>
<option data-countrycode="LS" value="266">Lesotho (+266)</option>
<option data-countrycode="LR" value="231">Liberia (+231)</option>
<option data-countrycode="LY" value="218">Libya (+218)</option>
<option data-countrycode="LI" value="417">Liechtenstein (+417)</option>
<option data-countrycode="LT" value="370">Lithuania (+370)</option>
<option data-countrycode="LU" value="352">Luxembourg (+352)</option>
<option data-countrycode="MO" value="853">Macao (+853)</option>
<option data-countrycode="MK" value="389">Macedonia (+389)</option>
<option data-countrycode="MG" value="261">Madagascar (+261)</option>
<option data-countrycode="MW" value="265">Malawi (+265)</option>
<option data-countrycode="MY" value="60">Malaysia (+60)</option>
<option data-countrycode="MV" value="960">Maldives (+960)</option>
<option data-countrycode="ML" value="223">Mali (+223)</option>
<option data-countrycode="MT" value="356">Malta (+356)</option>
<option data-countrycode="MH" value="692">Marshall Islands (+692)</option>
<option data-countrycode="MQ" value="596">Martinique (+596)</option>
<option data-countrycode="MR" value="222">Mauritania (+222)</option>
<option data-countrycode="YT" value="269">Mayotte (+269)</option>
<option data-countrycode="MX" value="52">Mexico (+52)</option>
<option data-countrycode="FM" value="691">Micronesia (+691)</option>
<option data-countrycode="MD" value="373">Moldova (+373)</option>
<option data-countrycode="MC" value="377">Monaco (+377)</option>
<option data-countrycode="MN" value="976">Mongolia (+976)</option>
<option data-countrycode="MS" value="1664">Montserrat (+1664)</option>
<option data-countrycode="MA" value="212">Morocco (+212)</option>
<option data-countrycode="MZ" value="258">Mozambique (+258)</option>
<option data-countrycode="MN" value="95">Myanmar (+95)</option>
<option data-countrycode="NA" value="264">Namibia (+264)</option>
<option data-countrycode="NR" value="674">Nauru (+674)</option>
<option data-countrycode="NP" value="977">Nepal (+977)</option>
<option data-countrycode="NL" value="31">Netherlands (+31)</option>
<option data-countrycode="NC" value="687">New Caledonia (+687)</option>
<option data-countrycode="NZ" value="64">New Zealand (+64)</option>
<option data-countrycode="NI" value="505">Nicaragua (+505)</option>
<option data-countrycode="NE" value="227">Niger (+227)</option>
<option data-countrycode="NG" value="234">Nigeria (+234)</option>
<option data-countrycode="NU" value="683">Niue (+683)</option>
<option data-countrycode="NF" value="672">Norfolk Islands (+672)</option>
<option data-countrycode="NP" value="670">Northern Marianas (+670)</option>
<option data-countrycode="NO" value="47">Norway (+47)</option>
<option data-countrycode="OM" value="968">Oman (+968)</option>
<option data-countrycode="PW" value="680">Palau (+680)</option>
<option data-countrycode="PA" value="507">Panama (+507)</option>
<option data-countrycode="PG" value="675">Papua New Guinea (+675)</option>
<option data-countrycode="PY" value="595">Paraguay (+595)</option>
<option data-countrycode="PE" value="51">Peru (+51)</option>
<option data-countrycode="PH" value="63">Philippines (+63)</option>
<option data-countrycode="PL" value="48">Poland (+48)</option>
<option data-countrycode="PT" value="351">Portugal (+351)</option>
<option data-countrycode="PR" value="1787">Puerto Rico (+1787)</option>
<option data-countrycode="QA" value="974">Qatar (+974)</option>
<option data-countrycode="RE" value="262">Reunion (+262)</option>
<option data-countrycode="RO" value="40">Romania (+40)</option>
<option data-countrycode="RU" value="7">Russia (+7)</option>
<option data-countrycode="RW" value="250">Rwanda (+250)</option>
<option data-countrycode="SM" value="378">San Marino (+378)</option>
<option data-countrycode="ST" value="239">Sao Tome &amp; Principe (+239) </option>
<option data-countrycode="SA" value="966">Saudi Arabia (+966)</option>
<option data-countrycode="SN" value="221">Senegal (+221)</option>
<option data-countrycode="CS" value="381">Serbia (+381)</option>
<option data-countrycode="SC" value="248">Seychelles (+248)</option>
<option data-countrycode="SL" value="232">Sierra Leone (+232)</option>
<option data-countrycode="SG" value="65">Singapore (+65)</option>
<option data-countrycode="SK" value="421">Slovak Republic (+421)</option>
<option data-countrycode="SI" value="386">Slovenia (+386)</option>
<option data-countrycode="SB" value="677">Solomon Islands (+677)</option>
<option data-countrycode="SO" value="252">Somalia (+252)</option>
<option data-countrycode="ZA" value="27">South Africa (+27)</option>
<option data-countrycode="ES" value="34">Spain (+34)</option>
<option data-countrycode="LK" value="94">Sri Lanka (+94)</option>
<option data-countrycode="SH" value="290">St. Helena (+290)</option>
<option data-countrycode="KN" value="1869">St. Kitts (+1869)</option>
<option data-countrycode="SC" value="1758">St. Lucia (+1758)</option>
<option data-countrycode="SD" value="249">Sudan (+249)</option>
<option data-countrycode="SR" value="597">Suriname (+597)</option>
<option data-countrycode="SZ" value="268">Swaziland (+268)</option>
<option data-countrycode="SE" value="46">Sweden (+46)</option>
<option data-countrycode="CH" value="41">Switzerland (+41)</option>
<option data-countrycode="SI" value="963">Syria (+963)</option>
<option data-countrycode="TW" value="886">Taiwan (+886)</option>
<option data-countrycode="TJ" value="7">Tajikstan (+7)</option>
<option data-countrycode="TH" value="66">Thailand (+66)</option>
<option data-countrycode="TG" value="228">Togo (+228)</option>
<option data-countrycode="TO" value="676">Tonga (+676)</option>
<option data-countrycode="TT" value="1868">Trinidad &amp; Tobago (+1868) </option>
<option data-countrycode="TN" value="216">Tunisia (+216)</option>
<option data-countrycode="TR" value="90">Turkey (+90)</option>
<option data-countrycode="TM" value="7">Turkmenistan (+7)</option>
<option data-countrycode="TM" value="993">Turkmenistan (+993)</option>
<option data-countrycode="TC" value="1649">Turks &amp; Caicos Islands (+1649) </option>
<option data-countrycode="TV" value="688">Tuvalu (+688)</option>
<option data-countrycode="UG" value="256">Uganda (+256)</option>
<option data-countrycode="GB" value="44">UK (+44)</option>
<option data-countrycode="UA" value="380">Ukraine (+380)</option>
<option data-countrycode="AE" value="971">United Arab Emirates (+971) </option>
<option data-countrycode="UY" value="598">Uruguay (+598)</option>
<option data-countrycode="US" value="1">USA (+1)</option>
<option data-countrycode="UZ" value="7">Uzbekistan (+7)</option>
<option data-countrycode="VU" value="678">Vanuatu (+678)</option>
<option data-countrycode="VA" value="379">Vatican City (+379)</option>
<option data-countrycode="VE" value="58">Venezuela (+58)</option>
<option data-countrycode="VN" value="84">Vietnam (+84)</option>
<option data-countrycode="VG" value="84">Virgin Islands - British (+1284) </option>
<option data-countrycode="VI" value="84">Virgin Islands - US (+1340) </option>
<option data-countrycode="WF" value="681">Wallis &amp; Futuna (+681) </option>
<option data-countrycode="YE" value="969">Yemen (North)(+969)</option>
<option data-countrycode="YE" value="967">Yemen (South)(+967)</option>
<option data-countrycode="ZM" value="260">Zambia (+260)</option>
<option data-countrycode="ZW" value="263">Zimbabwe (+263)</option>
</select>
<input onkeypress="return restrictAlphabets(event)" type="tel" id="student_primary_phone_number"
name="phonenumber" placeholder="Enter your number" required minlength="8"maxlength="16" oninvalid="this.setCustomValidity('Please enter number')" oninput="setCustomValidity('')" style="border: 1px solid #ccc;">
</div>
<div class="input-box">
<span class="details">Alternative Phone Number<span style="color: #EE3C4D;">*</span></span>
<select id="student_secondary_phone_number_country_code" name="code2"
style="max-width: 85px; border-radius:4px;">
<option data-countrycode="IN" value="91">India (+91)</option>
<option data-countrycode="DZ" value="213">Algeria (+213)</option>
<option data-countrycode="AD" value="376">Andorra (+376)</option>
<option data-countrycode="AO" value="244">Angola (+244)</option>
<option data-countrycode="AI" value="1264">Anguilla (+1264)</option>
<option data-countrycode="AG" value="1268">Antigua &amp; Barbuda (+1268) </option>
<option data-countrycode="AR" value="54">Argentina (+54)</option>
<option data-countrycode="AM" value="374">Armenia (+374)</option>
<option data-countrycode="AW" value="297">Aruba (+297)</option>
<option data-countrycode="AU" value="61">Australia (+61)</option>
<option data-countrycode="AT" value="43">Austria (+43)</option>
<option data-countrycode="AZ" value="994">Azerbaijan (+994)</option>
<option data-countrycode="BS" value="1242">Bahamas (+1242)</option>
<option data-countrycode="BH" value="973">Bahrain (+973)</option>
<option data-countrycode="BD" value="880">Bangladesh (+880)</option>
<option data-countrycode="BB" value="1246">Barbados (+1246)</option>
<option data-countrycode="BY" value="375">Belarus (+375)</option>
<option data-countrycode="BE" value="32">Belgium (+32)</option>
<option data-countrycode="BZ" value="501">Belize (+501)</option>
<option data-countrycode="BJ" value="229">Benin (+229)</option>
<option data-countrycode="BM" value="1441">Bermuda (+1441)</option>
<option data-countrycode="BT" value="975">Bhutan (+975)</option>
<option data-countrycode="BO" value="591">Bolivia (+591)</option>
<option data-countrycode="BA" value="387">Bosnia Herzegovina (+387)</option>
<option data-countrycode="BW" value="267">Botswana (+267)</option>
<option data-countrycode="BR" value="55">Brazil (+55)</option>
<option data-countrycode="BN" value="673">Brunei (+673)</option>
<option data-countrycode="BG" value="359">Bulgaria (+359)</option>
<option data-countrycode="BF" value="226">Burkina Faso (+226)</option>
<option data-countrycode="BI" value="257">Burundi (+257)</option>
<option data-countrycode="KH" value="855">Cambodia (+855)</option>
<option data-countrycode="CM" value="237">Cameroon (+237)</option>
<option data-countrycode="CA" value="1">Canada (+1)</option>
<option data-countrycode="CV" value="238">Cape Verde Islands (+238)</option>
<option data-countrycode="KY" value="1345">Cayman Islands (+1345)</option>
<option data-countrycode="CF" value="236">Central African Republic (+236) </option>
<option data-countrycode="CL" value="56">Chile (+56)</option>
<option data-countrycode="CN" value="86">China (+86)</option>
<option data-countrycode="CO" value="57">Colombia (+57)</option>
<option data-countrycode="KM" value="269">Comoros (+269)</option>
<option data-countrycode="CG" value="242">Congo (+242)</option>
<option data-countrycode="CK" value="682">Cook Islands (+682)</option>
<option data-countrycode="CR" value="506">Costa Rica (+506)</option>
<option data-countrycode="HR" value="385">Croatia (+385)</option>
<option data-countrycode="CU" value="53">Cuba (+53)</option>
<option data-countrycode="CY" value="90392">Cyprus North (+90392)</option>
<option data-countrycode="CY" value="357">Cyprus South (+357)</option>
<option data-countrycode="CZ" value="42">Czech Republic (+42)</option>
<option data-countrycode="DK" value="45">Denmark (+45)</option>
<option data-countrycode="DJ" value="253">Djibouti (+253)</option>
<option data-countrycode="DM" value="1809">Dominica (+1809)</option>
<option data-countrycode="DO" value="1809">Dominican Republic (+1809) </option>
<option data-countrycode="EC" value="593">Ecuador (+593)</option>
<option data-countrycode="EG" value="20">Egypt (+20)</option>
<option data-countrycode="SV" value="503">El Salvador (+503)</option>
<option data-countrycode="GQ" value="240">Equatorial Guinea (+240)</option>
<option data-countrycode="ER" value="291">Eritrea (+291)</option>
<option data-countrycode="EE" value="372">Estonia (+372)</option>
<option data-countrycode="ET" value="251">Ethiopia (+251)</option>
<option data-countrycode="FK" value="500">Falkland Islands (+500)</option>
<option data-countrycode="FO" value="298">Faroe Islands (+298)</option>
<option data-countrycode="FJ" value="679">Fiji (+679)</option>
<option data-countrycode="FI" value="358">Finland (+358)</option>
<option data-countrycode="FR" value="33">France (+33)</option>
<option data-countrycode="GF" value="594">French Guiana (+594)</option>
<option data-countrycode="PF" value="689">French Polynesia (+689)</option>
<option data-countrycode="GA" value="241">Gabon (+241)</option>
<option data-countrycode="GM" value="220">Gambia (+220)</option>
<option data-countrycode="GE" value="7880">Georgia (+7880)</option>
<option data-countrycode="DE" value="49">Germany (+49)</option>
<option data-countrycode="GH" value="233">Ghana (+233)</option>
<option data-countrycode="GI" value="350">Gibraltar (+350)</option>
<option data-countrycode="GR" value="30">Greece (+30)</option>
<option data-countrycode="GL" value="299">Greenland (+299)</option>
<option data-countrycode="GD" value="1473">Grenada (+1473)</option>
<option data-countrycode="GP" value="590">Guadeloupe (+590)</option>
<option data-countrycode="GU" value="671">Guam (+671)</option>
<option data-countrycode="GT" value="502">Guatemala (+502)</option>
<option data-countrycode="GN" value="224">Guinea (+224)</option>
<option data-countrycode="GW" value="245">Guinea - Bissau (+245)</option>
<option data-countrycode="GY" value="592">Guyana (+592)</option>
<option data-countrycode="HT" value="509">Haiti (+509)</option>
<option data-countrycode="HN" value="504">Honduras (+504)</option>
<option data-countrycode="HK" value="852">Hong Kong (+852)</option>
<option data-countrycode="HU" value="36">Hungary (+36)</option>
<option data-countrycode="IS" value="354">Iceland (+354)</option>
<option data-countrycode="ID" value="62">Indonesia (+62)</option>
<option data-countrycode="IR" value="98">Iran (+98)</option>
<option data-countrycode="IQ" value="964">Iraq (+964)</option>
<option data-countrycode="IE" value="353">Ireland (+353)</option>
<option data-countrycode="IL" value="972">Israel (+972)</option>
<option data-countrycode="IT" value="39">Italy (+39)</option>
<option data-countrycode="JM" value="1876">Jamaica (+1876)</option>
<option data-countrycode="JP" value="81">Japan (+81)</option>
<option data-countrycode="JO" value="962">Jordan (+962)</option>
<option data-countrycode="KZ" value="7">Kazakhstan (+7)</option>
<option data-countrycode="KE" value="254">Kenya (+254)</option>
<option data-countrycode="KI" value="686">Kiribati (+686)</option>
<option data-countrycode="KP" value="850">Korea North (+850)</option>
<option data-countrycode="KR" value="82">Korea South (+82)</option>
<option data-countrycode="KW" value="965">Kuwait (+965)</option>
<option data-countrycode="KG" value="996">Kyrgyzstan (+996)</option>
<option data-countrycode="LA" value="856">Laos (+856)</option>
<option data-countrycode="LV" value="371">Latvia (+371)</option>
<option data-countrycode="LB" value="961">Lebanon (+961)</option>
<option data-countrycode="LS" value="266">Lesotho (+266)</option>
<option data-countrycode="LR" value="231">Liberia (+231)</option>
<option data-countrycode="LY" value="218">Libya (+218)</option>
<option data-countrycode="LI" value="417">Liechtenstein (+417)</option>
<option data-countrycode="LT" value="370">Lithuania (+370)</option>
<option data-countrycode="LU" value="352">Luxembourg (+352)</option>
<option data-countrycode="MO" value="853">Macao (+853)</option>
<option data-countrycode="MK" value="389">Macedonia (+389)</option>
<option data-countrycode="MG" value="261">Madagascar (+261)</option>
<option data-countrycode="MW" value="265">Malawi (+265)</option>
<option data-countrycode="MY" value="60">Malaysia (+60)</option>
<option data-countrycode="MV" value="960">Maldives (+960)</option>
<option data-countrycode="ML" value="223">Mali (+223)</option>
<option data-countrycode="MT" value="356">Malta (+356)</option>
<option data-countrycode="MH" value="692">Marshall Islands (+692)</option>
<option data-countrycode="MQ" value="596">Martinique (+596)</option>
<option data-countrycode="MR" value="222">Mauritania (+222)</option>
<option data-countrycode="YT" value="269">Mayotte (+269)</option>
<option data-countrycode="MX" value="52">Mexico (+52)</option>
<option data-countrycode="FM" value="691">Micronesia (+691)</option>
<option data-countrycode="MD" value="373">Moldova (+373)</option>
<option data-countrycode="MC" value="377">Monaco (+377)</option>
<option data-countrycode="MN" value="976">Mongolia (+976)</option>
<option data-countrycode="MS" value="1664">Montserrat (+1664)</option>
<option data-countrycode="MA" value="212">Morocco (+212)</option>
<option data-countrycode="MZ" value="258">Mozambique (+258)</option>
<option data-countrycode="MN" value="95">Myanmar (+95)</option>
<option data-countrycode="NA" value="264">Namibia (+264)</option>
<option data-countrycode="NR" value="674">Nauru (+674)</option>
<option data-countrycode="NP" value="977">Nepal (+977)</option>
<option data-countrycode="NL" value="31">Netherlands (+31)</option>
<option data-countrycode="NC" value="687">New Caledonia (+687)</option>
<option data-countrycode="NZ" value="64">New Zealand (+64)</option>
<option data-countrycode="NI" value="505">Nicaragua (+505)</option>
<option data-countrycode="NE" value="227">Niger (+227)</option>
<option data-countrycode="NG" value="234">Nigeria (+234)</option>
<option data-countrycode="NU" value="683">Niue (+683)</option>
<option data-countrycode="NF" value="672">Norfolk Islands (+672)</option>
<option data-countrycode="NP" value="670">Northern Marianas (+670)</option>
<option data-countrycode="NO" value="47">Norway (+47)</option>
<option data-countrycode="OM" value="968">Oman (+968)</option>
<option data-countrycode="PW" value="680">Palau (+680)</option>
<option data-countrycode="PA" value="507">Panama (+507)</option>
<option data-countrycode="PG" value="675">Papua New Guinea (+675)</option>
<option data-countrycode="PY" value="595">Paraguay (+595)</option>
<option data-countrycode="PE" value="51">Peru (+51)</option>
<option data-countrycode="PH" value="63">Philippines (+63)</option>
<option data-countrycode="PL" value="48">Poland (+48)</option>
<option data-countrycode="PT" value="351">Portugal (+351)</option>
<option data-countrycode="PR" value="1787">Puerto Rico (+1787)</option>
<option data-countrycode="QA" value="974">Qatar (+974)</option>
<option data-countrycode="RE" value="262">Reunion (+262)</option>
<option data-countrycode="RO" value="40">Romania (+40)</option>
<option data-countrycode="RU" value="7">Russia (+7)</option>
<option data-countrycode="RW" value="250">Rwanda (+250)</option>
<option data-countrycode="SM" value="378">San Marino (+378)</option>
<option data-countrycode="ST" value="239">Sao Tome &amp; Principe (+239) </option>
<option data-countrycode="SA" value="966">Saudi Arabia (+966)</option>
<option data-countrycode="SN" value="221">Senegal (+221)</option>
<option data-countrycode="CS" value="381">Serbia (+381)</option>
<option data-countrycode="SC" value="248">Seychelles (+248)</option>
<option data-countrycode="SL" value="232">Sierra Leone (+232)</option>
<option data-countrycode="SG" value="65">Singapore (+65)</option>
<option data-countrycode="SK" value="421">Slovak Republic (+421)</option>
<option data-countrycode="SI" value="386">Slovenia (+386)</option>
<option data-countrycode="SB" value="677">Solomon Islands (+677)</option>
<option data-countrycode="SO" value="252">Somalia (+252)</option>
<option data-countrycode="ZA" value="27">South Africa (+27)</option>
<option data-countrycode="ES" value="34">Spain (+34)</option>
<option data-countrycode="LK" value="94">Sri Lanka (+94)</option>
<option data-countrycode="SH" value="290">St. Helena (+290)</option>
<option data-countrycode="KN" value="1869">St. Kitts (+1869)</option>
<option data-countrycode="SC" value="1758">St. Lucia (+1758)</option>
<option data-countrycode="SD" value="249">Sudan (+249)</option>
<option data-countrycode="SR" value="597">Suriname (+597)</option>
<option data-countrycode="SZ" value="268">Swaziland (+268)</option>
<option data-countrycode="SE" value="46">Sweden (+46)</option>
<option data-countrycode="CH" value="41">Switzerland (+41)</option>
<option data-countrycode="SI" value="963">Syria (+963)</option>
<option data-countrycode="TW" value="886">Taiwan (+886)</option>
<option data-countrycode="TJ" value="7">Tajikstan (+7)</option>
<option data-countrycode="TH" value="66">Thailand (+66)</option>
<option data-countrycode="TG" value="228">Togo (+228)</option>
<option data-countrycode="TO" value="676">Tonga (+676)</option>
<option data-countrycode="TT" value="1868">Trinidad &amp; Tobago (+1868) </option>
<option data-countrycode="TN" value="216">Tunisia (+216)</option>
<option data-countrycode="TR" value="90">Turkey (+90)</option>
<option data-countrycode="TM" value="7">Turkmenistan (+7)</option>
<option data-countrycode="TM" value="993">Turkmenistan (+993)</option>
<option data-countrycode="TC" value="1649">Turks &amp; Caicos Islands (+1649) </option>
<option data-countrycode="TV" value="688">Tuvalu (+688)</option>
<option data-countrycode="UG" value="256">Uganda (+256)</option>
<option data-countrycode="GB" value="44">UK (+44)</option>
<option data-countrycode="UA" value="380">Ukraine (+380)</option>
<option data-countrycode="AE" value="971">United Arab Emirates (+971) </option>
<option data-countrycode="UY" value="598">Uruguay (+598)</option>
<option data-countrycode="US" value="1">USA (+1)</option>
<option data-countrycode="UZ" value="7">Uzbekistan (+7)</option>
<option data-countrycode="VU" value="678">Vanuatu (+678)</option>
<option data-countrycode="VA" value="379">Vatican City (+379)</option>
<option data-countrycode="VE" value="58">Venezuela (+58)</option>
<option data-countrycode="VN" value="84">Vietnam (+84)</option>
<option data-countrycode="VG" value="84">Virgin Islands - British (+1284) </option>
<option data-countrycode="VI" value="84">Virgin Islands - US (+1340) </option>
<option data-countrycode="WF" value="681">Wallis &amp; Futuna (+681) </option>
<option data-countrycode="YE" value="969">Yemen (North)(+969)</option>
<option data-countrycode="YE" value="967">Yemen (South)(+967)</option>
<option data-countrycode="ZM" value="260">Zambia (+260)</option>
<option data-countrycode="ZW" value="263">Zimbabwe (+263)</option>
</select>
<input onkeypress="return restrictAlphabets(event)"
type="tel" id="student_secondary_phone_number" name="phonenumber2" required placeholder="Enter your Alternative number" minlength="8"maxlength="16" oninvalid="this.setCustomValidity('Please enter number')" oninput="setCustomValidity('')" style="border: 1px solid #ccc;">
</div>
<div class="input-box" style="margin-right:20px;display: flex;">
</div>
</div>
<div id="inst_details">
<div class="heading-2">Institution Details</div>
<div class="row mb-0 main-row-details">
<div class="input-box">
<span class="details">Institution Name <span style="color: #EE3C4D;">*</span>
</span>
<select id="affiliated_student_institute_name" name="inst_name" required oninvalid="this.setCustomValidity('Please select institution')" oninput="setCustomValidity('')">
<option hidden value="">Select option</option>
{% for college in institutes %}
<option value="{{college.institute_uuid}}">{{college.name}}</option>
{% endfor %}
</select>
</div>
<div class="input-box" id="readOnly1">
<span class="details">Nature of Institution<span style="color: #EE3C4D;">*</span></span>
<input value="" type="text" readonly id="student_m_inst_type_readonly">
</div>
<div class="input-box" id="readOnly2">
<span class="details">Institution Address<span style="color: #EE3C4D;">*</span></span>
<input value="" type="text" readonly id="student_m_inst_addresh_readonly">
</div>
<div class="input-box" id="readOnly3">
<span class="details">Institution Postal Code<span style="color: #EE3C4D;">*</span></span>
<input value="" type="text" readonly id="student_m_inst_pin_readonly">
</div>
<div class="input-box" id="readOnly4">
<span class="details">Institution Country<span style="color: #EE3C4D;">*</span></span>
<input value="" type="text" readonly id="student_m_country01_readonly">
</div>
<div class="input-box" id="readOnly5">
<span class="details">Institution State<span style="color: #EE3C4D;">*</span></span>
<input value="" type="text" readonly id="student_m_region012_readonly">
</div>
<div class="input-box" id="readOnly6">
<span class="details">Institution City<span style="color: #EE3C4D;">*</span></span>
<input value="" type="text" readonly id="student_m_city01_readonly">
</div>
</div>
</div>
</div>
<div class="heading-2">KYC Verification</div>
<div class="row main-row-details">
<div class="input-file col">
<label for="" style="color:#252525;font-weight: 500;">Upload your currently valid Student Id<span style="color: #EE3C4D;">*</span>&nbsp; </label>
<p style="font-weight: 500;color:#616161;">
(accepts only jpeg/jpg/png format)
</p>
<input required type="file" style="padding:2px; outline:none;" id="student_kyc" class="student_kyc"
name="myfile1" accept="image/*" onchange="validateFile(this)">
</div>
<div class="input-box mb-0 mt-3">
<span class="details">Valid Upto<span style="color: #EE3C4D;">*</span>
</span>
<input required type="date" name="passing_date" id="student_end_date" placeholder="Enter Date" required min="" / onfocus="this.showPicker()" oninvalid="this.setCustomValidity('Please enter valid date')" oninput="setCustomValidity('')">
</div>
</div>
{% if not user.is_active %} <div class="row main-row-details">
<div class="input-box">
<span class="details">Password <span style="color: #EE3C4D;">*</span>
</span>
<input type="password" placeholder="Enter your password" id="activate_student_password" required>
</div>
<div class="input-box">
<span class="details">Confirm Password <span style="color: #EE3C4D;">*</span>
</span>
<input type="password" placeholder="Confirm your password" required>
</div>
</div> {% endif %}
<div class="other1">
<button id="SubButton" class="button stylebutton1" onclick="submitStudentRegForm()"style="height:none !important;">SUBMIT</button>
</div>
</div>
</div>
<input type="text" id="user_role" name="user_role" value="student" style="width: 190px; display:none;">
</form>
</div>
<input type="text" id="batutakey" value="{{key}}" style="width: 190px; display:none">
<input type="text" id="collegelist" value="{{colleges_json}}" style="width: 190px; display:none">
</div>
<script>
// Get all buttons
const buttons = document.querySelectorAll('.accordion-button');
// Add click event listener to each button
buttons.forEach(button => {
button.addEventListener('click', () => {
// Remove 'selected' class from all buttons
buttons.forEach(btn => btn.classList.remove('selectedB'));
// Add 'selected' class to the clicked button
button.classList.add('selectedB');
});
});
</script>
<script>
// Create a new Date object in the user's local time zone
var currentDate = new Date();
// Get the user's time zone offset in minutes
var timeZoneOffsetMinutes = currentDate.getTimezoneOffset();
// Adjust the currentDate by the time zone offset to get the local date
currentDate = new Date(currentDate.getTime() - timeZoneOffsetMinutes * 60000);
// Format the currentDate as yyyy-MM-dd (ISO date format)
var currentDateOnly = currentDate.toISOString().split('T')[0];
// Set the min attribute of the input field to currentDateOnly
document.getElementById('student_end_date').min = currentDateOnly;
console.log(currentDate);
console.log(currentDateOnly);
</script>
<script>
function validateCreditLimit(inputElement) {
var value = inputElement.value;
// Check if the value is less than 1
if (value < 1) {
inputElement.value = 1; // Set it to the minimum value (1)
}
// Check if the value is greater than 100000
if (value > 100000) {
inputElement.value = 100000; // Set it to the maximum value (100000)
}
}
</script>
<script>
function showLoader(){
document.getElementById('waiting').style.display = 'flex';
}
function hideLoader(){
document.getElementById('waiting').style.display = 'flex';
}
</script>
<!--JavaScript-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js"
integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa"
crossorigin="anonymous"></script>
<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function () {
var supportEmailInput = document.getElementById("corporate_contact_person_support_email");
supportEmailInput.addEventListener("input", function () {
var inputValue = supportEmailInput.value;
var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
if (!emailRegex.test(inputValue)) {
supportEmailInput.setCustomValidity("Please enter a valid email address");
} else {
supportEmailInput.setCustomValidity("");
}
});
});
function checkCustomDomainAvailability(domain, acesTok) {
const formData = new FormData();
formData.append("domainname", domain);
const csrftoken = getCookie('csrftoken');
return fetch('/institute/check_domain_available/', {
method: 'POST',
headers: {
'Authorization': `Bearer ${acesTok}`,
'X-CSRFToken': csrftoken,
},
body: formData
})
.then(response => response.json())
.then(data => {
console.log(data); // Handle the response data
return data.userExists === true;
})
.catch(error => {
console.error(error);
return false; // Error occurred, custom domain might not be available
});
}
function getCookie(name) {
const cookieValue = document.cookie.match('(^|;)\\s*' + name + '\\s*=\\s*([^;]+)');
return cookieValue ? cookieValue.pop() : '';
}
</script>
<script>
function otherfun(value) {
if (value == 'others') {
document.getElementById('width2').style.display = 'flex';
} else {
document.getElementById('width2').style.display = 'none';
}
}
</script>
<script>
//One checkboc at a time
var s = document.getElementById("student").defaultChecked
$(document).ready(function () {
$('input:checkbox').click(function () {
$('input:checkbox').not(this).prop('checked', false);
});
});
</script>
<script>
$(document).ready(function () {
//-------------------------------SELECT Institute-------------------------//
var selectedCountry = (selectedRegion = selectedCity = "");
// This is a demo API key that can only be used for a short period of time, and will be unavailable soon. You should rather request your API key (free) from http://battuta.medunes.net/
var BATTUTA_KEY = "00000000000000000000000000000000";
// Populate country select box from battuta API
url =
"https://battuta.medunes.net/api/country/all/?key=" +
BATTUTA_KEY +
"&callback=?";
// EXTRACT JSON DATA.
$.getJSON(url, function (data) {
console.log(data);
$.each(data, function (index, value) {
// APPEND OR INSERT DATA TO SELECT ELEMENT.
$("#country").append(
'<option value="' + value.code + '">' + value.name + "</option>"
);
});
});
// Country selected --> update region list .
$("#country").change(function () {
selectedCountry = this.options[this.selectedIndex].text;
countryCode = $("#country").val();
// Populate country select box from battuta API
url =
"https://battuta.medunes.net/api/region/" +
countryCode +
"/all/?key=" +
BATTUTA_KEY +
"&callback=?";
$.getJSON(url, function (data) {
console.log(":::::::::::::::::::::", data)
$("#region option").remove();
$.each(data, function (index, value) {
// APPEND OR INSERT DATA TO SELECT ELEMENT.
$("#region").append(
'<option value="' +
value.region +
'">' +
value.region +
"</option>"
);
});
});
});
// Region selected --> updated city list
$("#region").on("change", function () {
selectedRegion = this.options[this.selectedIndex].text;
// Populate country select box from battuta API
countryCode = $("#country").val();
region = $("#region").val();
url =
"https://battuta.medunes.net/api/city/" +
countryCode +
"/search/?region=" +
region +
"&key=" +
BATTUTA_KEY +
"&callback=?";
$.getJSON(url, function (data) {
console.log("::::::::city::::::::::::", data);
if (data.length > 0) {
$("#citysssss option").remove();
$("#cityOption").show();
$.each(data, function (index, value) {
// APPEND OR INSERT DATA TO SELECT ELEMENT.
console.log(":::::::::::", value.city)
$("#citysssss").append(
'<option value="' + value.city + '">' + value.city + "</option>"
);
});
} else {
$("#cityOption").hide();
}
});
});
// city selected --> update location string
$("#city").on("change", function () {
selectedCity = this.options[this.selectedIndex].text;
$("#location").html(
"Locatation: Country: " +
selectedCountry +
", Region: " +
selectedRegion +
", City: " +
selectedCity
);
});
});
</script>
<script>
$(document).ready(function () {
//-------------------------------SELECT Institute-------------------------//
var selectedCountry = (selectedRegion = selectedCity = "");
// This is a demo API key that can only be used for a short period of time, and will be unavailable soon. You should rather request your API key (free) from http://battuta.medunes.net/
var BATTUTA_KEY = "00000000000000000000000000000000";
// Populate country select box from battuta API
url =
"https://battuta.medunes.net/api/country/all/?key=" +
BATTUTA_KEY +
"&callback=?";
// EXTRACT JSON DATA.
$.getJSON(url, function (data) {
console.log(data);
$.each(data, function (index, value) {
// APPEND OR INSERT DATA TO SELECT ELEMENT.
$("#country1").append(
'<option value="' + value.code + '">' + value.name + "</option>"
);
});
});
// Country selected --> update region list .
$("#country1").change(function () {
selectedCountry = this.options[this.selectedIndex].text;
countryCode = $("#country1").val();
// Populate country select box from battuta API
url =
"https://battuta.medunes.net/api/region/" +
countryCode +
"/all/?key=" +
BATTUTA_KEY +
"&callback=?";
$.getJSON(url, function (data) {
console.log(":::::::::::::::::::::", data)
$("#region1 option").remove();
$.each(data, function (index, value) {
// APPEND OR INSERT DATA TO SELECT ELEMENT.
$("#region1").append(
'<option value="' +
value.region +
'">' +
value.region +
"</option>"
);
});
});
});
// Region selected --> updated city list
$("#region1").on("change", function () {
selectedRegion = this.options[this.selectedIndex].text;
// Populate country select box from battuta API
countryCode = $("#country1").val();
region = $("#region1").val();
url =
"https://battuta.medunes.net/api/city/" +
countryCode +
"/search/?region=" +
region +
"&key=" +
BATTUTA_KEY +
"&callback=?";
$.getJSON(url, function (data) {
console.log("::::::::city::::::::::::", data);
if (data.length > 0) {
$("#city1 option").remove();
$("#cityOption").show();
$.each(data, function (index, value) {
// APPEND OR INSERT DATA TO SELECT ELEMENT.
console.log(":::::::::::", value.city)
$("#city1").append(
'<option value="' + value.city + '">' + value.city + "</option>"
);
});
} else {
$("#cityOption").hide();
}
});
});
// city selected --> update location string
$("#city1").on("change", function () {
selectedCity = this.options[this.selectedIndex].text;
$("#location").html(
"Locatation: Country: " +
selectedCountry +
", Region: " +
selectedRegion +
", City: " +
selectedCity
);
});
});
</script>
<script>
var lists = (document.getElementById("collegelist").value)
function filldetails(value) {
var lists = (document.getElementById("collegelist").value)
var arr = JSON.parse(lists);
for (let i = 0; i < arr.length; i++) {
if (value == arr[i].fields.name) {
for (var option of document.getElementById("inst_type").options) {
if (option.value === arr[i].fields.institute_type) {
option.selected = true;
}
}
document.getElementById('inst_address').value = arr[i].fields.address;
document.getElementById('inst_pin').value = arr[i].fields.pincode;
document.getElementById('width2').style.display = 'none';
var BATTUTA_KEY = document.getElementById("batutakey").value
for (var option of document.getElementById("country").options) {
if (option.label === arr[i].fields.country) {
option.selected = true;
countryCode = $("#country").val();
url = "https://battuta.medunes.net/api/region/" + countryCode + "/all/?key=" + BATTUTA_KEY + "&callback=?";
$.getJSON(url, function (data) {
$("#region option").remove();
$.each(data, function (index, value) {
// APPEND OR INSERT DATA TO SELECT ELEMENT.
$("#region").append(' < option value = "' + value.region + '" > ' + value.region + "</option>");
for (var option of document.getElementById("region").options) {
if (option.value === arr[i].fields.state) {
option.selected = true;
region = option.selected
url = "https://battuta.medunes.net/api/city/" + countryCode + "/search/?region=" + region + "&key=" + BATTUTA_KEY + "&callback=?";
$.getJSON(url, function (data) {
$("#city option").remove();
$.each(data, function (index, value) {
$("#city").append("<option value = ''" + value.city + ">" + value.city + "</option>");
for (var option of document.getElementById("city").options) {
if (option.value === arr[i].fields.city) {
option.selected = true;
}
}
});
});
}
}
});
});
}
}
//-------------------------------SELECT CASCADING-------------------------//
//var selectedCountry = (selectedRegion = selectedCity = "");
// This is a demo API key that can only be used for a short period of time, and will be unavailable soon. You should rather request your API key (free) from http://battuta.medunes.net/
// Country selected --> update region list .
//selectedCountry = this.options[this.selectedIndex].text;
// Populate country select box from battuta API
// Region selected --> updated city list
$("#region").change(function () {
selectedRegion = this.options[this.selectedIndex].text;
// Populate country select box from battuta API
countryCode = $("#country").val();
region = $("#region").val();
{% comment %} windows.alert("country Code".concat("countryCode")) {% endcomment %}
url = "https://battuta.medunes.net/api/city/" + countryCode + "/search/?region=" + region + "&key=" + BATTUTA_KEY + "&callback=?";
$.getJSON(url, function (data) {
$("#city option").remove();
$.each(data, function (index, value) {
// APPEND OR INSERT DATA TO SELECT ELEMENT.
$("#city").append("< option value = ''" + value.city + " > " + value.city + "</option>");
});
});
});
// city selected --> update location string
$("#city").change(function () {
selectedCity = this.options[this.selectedIndex].text;
$("#location").html("Locatation: Country: " + selectedCountry + ", Region: " + selectedRegion + ", City: " + selectedCity);
})
document.getElementById('inst_address').readOnly = true;
document.getElementById('inst_pin').readOnly = true;
document.getElementById('inst_type').disabled = true;
document.getElementById('inst_n').removeAttribute('required', '');
} else if (value == 'others') {
document.getElementById('width2').style.display = 'flex';
document.getElementById('inst_n').setAttribute('required', '');
document.getElementById('inst_address').readOnly = false;
document.getElementById('inst_pin').readOnly = false;
document.getElementById('inst_type').disabled = false;
document.getElementById('inst_address').value = "";
document.getElementById('inst_pin').value = "";
}
}
}
</script>
<script type="text/javascript">
function restrictAlphabets(e) {
var x = e.which || e.keycode;
if ((x >= 48 && x <= 57)) return true;
else return false;
}
</script>
<script type="text/javascript">
$(function () {
var dtToday = new Date();
var month = dtToday.getMonth() + 1;
var day = dtToday.getDate();
var year = dtToday.getFullYear();
if (month < 10) month = '0' + month.toString();
if (day < 10) day = '0' + day.toString();
var maxDate = year + '-' + month + '-' + day;
$('#passing_date').attr('min', maxDate);
});
</script>
<script>
function isValidEmail(email) {
// Regular expression for a valid email address
const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
// Test the email against the regex and return true if it's valid, false otherwise
return emailRegex.test(email);
}
function submitStudentRegForm() {
var user = '{{ request.user.pk }}';
var student_name = document.getElementById('student_name').value
console.log(student_name)
var student_institute_email = document.getElementById('student_institute_email').value
console.log(student_institute_email)
var student_email = document.getElementById('student_email').value
console.log(student_email)
var student_primary_phone_number_country_code = document.getElementById('student_primary_phone_number_country_code').value
console.log(student_primary_phone_number_country_code)
var student_primary_phone_number = document.getElementById('student_primary_phone_number').value
console.log(student_primary_phone_number)
var student_secondary_phone_number_country_code = document.getElementById('student_secondary_phone_number_country_code').value
console.log(student_secondary_phone_number_country_code)
var student_secondary_phone_number = document.getElementById('student_secondary_phone_number').value
console.log(student_secondary_phone_number)
var fileInput = document.getElementById('student_kyc')
var file = fileInput.files[0]
console.log(file)
var student_end_date = document.getElementById('student_end_date').value
console.log(student_end_date)
var affiliated_student_institute_name = document.getElementById('affiliated_student_institute_name').value
console.log(affiliated_student_institute_name)
var acesTok = localStorage.getItem("accessToken");
console.log(acesTok);
var emptyFields = [];
var invalidFields = [];
// Validate student_institute_email
if (!student_institute_email) emptyFields.push("Email Id provided by the Institution");
else if (!isValidEmail(student_institute_email)) invalidFields.push("Invalid Email Id provided by the Institution");
// Validate student_email
if (!student_email) emptyFields.push("Student's Alternate Email");
else if (!isValidEmail(student_email)) invalidFields.push("Invalid Student's Alternate Email");
if (!student_name) emptyFields.push("Student Name");
else if (student_name.length > 255) invalidFields.push("Student Name (maximum 255 characters)");
if (!student_institute_email) emptyFields.push("Email Id provided by the Institution");
if (!student_email) emptyFields.push("Student's Alternate Email");
if (!student_end_date) emptyFields.push("Passing Year and Month");
//if (student_end_date == currentDateOnly ) invalidFields.push("Incorrect Date");
if (!student_primary_phone_number_country_code) emptyFields.push("Student's Phone Number Country Code");
else if (student_primary_phone_number_country_code.length > 6) invalidFields.push("Student's Phone Number Country Code(maximum 6 characters)");
if (!student_primary_phone_number) emptyFields.push("Student's Phone Number");
if (student_primary_phone_number.length >= 16) invalidFields.push("Student's Phone Number(maximum 16 characters and Minimum 8 characters)");
if (student_primary_phone_number.length <= 7) invalidFields.push("Student's Phone Number(maximum 16 characters and Minimum 8 characters)");
if (!student_secondary_phone_number_country_code) emptyFields.push("Student's Alternate Phone Number Country Code");
else if (student_secondary_phone_number_country_code.length > 6) invalidFields.push("Student's Alternate Phone Number Country Code(maximum 6 characters)");
if (!student_secondary_phone_number) emptyFields.push("Student's Alternate Phone Number");
if (student_secondary_phone_number.length >= 16) invalidFields.push("Student's Alternate Phone Number(maximum 16 characters and Minimum 8 characters)");
if (student_secondary_phone_number.length <= 7) invalidFields.push("Student's Alternate Phone Number(maximum 16 characters and Minimum 8 characters)");
var currentDate = new Date(); // Get the current date
var endDate = new Date(student_end_date); // Parse the entered end date
if (endDate <= currentDate) {
// If the end date is in the past or today, prevent form submission
{% comment %} alert("'Valid' upto date must be in the future."); {% endcomment %}
return;
}
if (!file) emptyFields.push("KYC Document");
console.log("affilia")
if (!affiliated_student_institute_name) emptyFields.push("Affilaited Institute Name");
if (affiliated_student_institute_name.length > 50) invalidFields.push("Affilaited Institute Name (maximum 50 characters)");
var spinnerStatus = 'true';
if (emptyFields.length > 0 || invalidFields.length > 0) {
spinnerStatus = 'false';
var errorMessage = "Please fill in the following fields:";
if (emptyFields.length > 0) {
errorMessage += `- ${emptyFields.join(", ")}\n`;
}
if (invalidFields.length > 0) {
errorMessage += `- Invalid field values for: ${invalidFields.join(", ")}`;
}
{% comment %} alert(errorMessage); {% endcomment %}
return;
}
var acesTok = localStorage.getItem("accessToken");
fetch('api/institute/' + affiliated_student_institute_name + '/', {
method: 'GET',
headers: {
'Authorization': `Bearer ${acesTok}`
}
})
.then(response => response.json())
.then(data => {
console.log(data);
var domain = extractDomainFromEmail(student_institute_email);
console.log(domain)
if (domain == null) {
alert("Enter valid Email Address given by your Registered Institution!!");
}
else if (domain != data.domain_name) {
alert("Domain Name does not match!!");
}
else {
if(spinnerStatus == 'true'){
showLoader();
}
else{
hideLoader();
}
var formData = new FormData();
formData.append("name", student_name);
formData.append("user", user);
formData.append("email", student_email);
formData.append("student_institute_email", student_institute_email);
formData.append("affiliated_student_phone_number_country_code", student_primary_phone_number_country_code);
formData.append("affiliated_student_phone_number", student_primary_phone_number);
formData.append("affiliated_student_alternate_phone_number_country_code", student_secondary_phone_number_country_code);
formData.append("affiliated_student_alternate_phone_number", student_secondary_phone_number);
formData.append("institute", affiliated_student_institute_name);
formData.append("kyc", file);
formData.append("end_date", student_end_date);
formData.append("is_approved", "approved");
var acesTok = localStorage.getItem("accessToken");
fetch('api/affiliated-student/', {
method: 'POST',
headers: {
'Authorization': `Bearer ${acesTok}`
},
body: formData
})
.then(response => response.json())
.then(data => {
console.log(data); // Handle the response data
// Optionally perform actions after successful form submission
location.href = '/institute';
})
.catch(error => console.error(error));
}
})
.catch(error => console.error(error));
}
function extractDomainFromEmail(email) {
// Regular expression to match the domain part of the email address
var domainRegex = /@([a-zA-Z0-9.-]+\.[a-zA-Z]{2,})$/;
// Use the regex to extract the domain name
var matches = email.match(domainRegex);
if (matches && matches.length > 1) {
return matches[1];
} else {
// Return null if the email format is invalid or domain extraction fails
return null;
}
}
</script>
<script>
document.getElementById('student_m_inst_type_readonly').value = "";
document.getElementById('student_m_inst_addresh_readonly').value = "";
document.getElementById('student_m_inst_pin_readonly').value = "";
document.getElementById('student_m_country01_readonly').value = "";
document.getElementById('student_m_region012_readonly').value = "";
document.getElementById('student_m_city01_readonly').value = "";
var institute_name_change = document.getElementById('affiliated_student_institute_name')
institute_name_change.onchange = data_apicall;
function data_apicall() {
var uu_id = institute_name_change.value
var acesTok = localStorage.getItem("accessToken");
fetch('/institute/api/institute/' + uu_id, {
method: 'GET',
headers: {
'Authorization': `Bearer ${acesTok}`
},
}).then(response => response.json())
.then(data => {
console.log(data);
document.getElementById('student_m_inst_type_readonly').value = data.institute_type;
document.getElementById('student_m_inst_addresh_readonly').value = data.address;
document.getElementById('student_m_inst_pin_readonly').value = data.pin_code;
document.getElementById('student_m_country01_readonly').value = data.country;
document.getElementById('student_m_region012_readonly').value = data.state;
document.getElementById('student_m_city01_readonly').value = data.city;
}).catch(error => {
console.error('Error:', error);
});
}
</script>
<script>
document.getElementById('student_kyc').addEventListener('change', function (event) {
const allowedExtensions = ['jpg', 'jpeg', 'png'];
const selectedFile = event.target.files[0];
if (selectedFile) {
const fileName = selectedFile.name;
const fileExtension = fileName.split('.').pop().toLowerCase();
if (!allowedExtensions.includes(fileExtension)) {
{% comment %} alert('Please select a valid JPG, JPEG, or PNG file.'); {% endcomment %}
event.target.value = ''; // Clear the input
}
}
});
</script>
<script>
function validateFile(input) {
const allowedExtensions = ['jpg', 'jpeg', 'png'];
const fileName = input.value.split('\\').pop(); // Get the selected file name
const fileExtension = fileName.split('.').pop().toLowerCase(); // Get the file extension
if (!allowedExtensions.includes(fileExtension)) {
{% comment %} alert('Only JPG, JPEG, and PNG files are allowed.'); {% endcomment %}
input.value = ''; // Clear the input value
}
}
</script>
<script>
document.getElementById('corporate_kyc').addEventListener('change', function (event) {
const allowedExtensions = ['jpg', 'jpeg', 'png'];
const selectedFile = event.target.files[0];
if (selectedFile) {
const fileName = selectedFile.name;
const fileExtension = fileName.split('.').pop().toLowerCase();
if (!allowedExtensions.includes(fileExtension)) {
{% comment %} alert('Please select a valid JPG, JPEG, or PNG file.'); {% endcomment %}
event.target.value = ''; // Clear the input
}
}
});
</script>
<script>
var buttons = document.querySelectorAll(".button");
function disableAllButtons() {
buttons.forEach(function (button) {
button.disabled = true;
button.classList.add("disabled");
button.classList.add("disabled")
button.classList.remove("hidden");
document.getElementById("hidden").classList.add("hidden")
});
}
buttons.forEach(function (button) {
button.addEventListener("onsubmit", function () {
disableAllButtons();
});
});
</script>
{% comment %} <script>
// Get a reference to the input element
var inputElement = document.getElementById('student_end_date');
// Add an event listener to the input element to capture keydown events
inputElement.addEventListener('keydown', function(event) {
// Prevent the default behavior of the keypress
event.preventDefault();
});
</script> {% endcomment %}
</body>
</html> {%endblock%}