2263 lines
97 KiB
HTML
2263 lines
97 KiB
HTML
|
{%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;
|
||
|
|
color: #616161;
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
#inst_detailses {
|
||
|
|
display: none;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.row .input-box .details {
|
||
|
|
display: block;
|
||
|
|
font-weight: 500;
|
||
|
|
margin-bottom: 5px;
|
||
|
|
color: #252525;
|
||
|
|
}
|
||
|
|
|
||
|
|
.row .input-box input {
|
||
|
|
height: 35px;
|
||
|
|
width: 250px;
|
||
|
|
border-radius: 5px;
|
||
|
|
outline: none;
|
||
|
|
border: 1px solid #ccc !important;
|
||
|
|
padding-left: 20px;
|
||
|
|
font-size: 12px;
|
||
|
|
color: #252525;
|
||
|
|
background: #FAFAFA;
|
||
|
|
}
|
||
|
|
|
||
|
|
{
|
||
|
|
% comment %
|
||
|
|
}
|
||
|
|
|
||
|
|
form .input-file {
|
||
|
|
margin-top: 17px;
|
||
|
|
}
|
||
|
|
|
||
|
|
{
|
||
|
|
% endcomment %
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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,
|
||
|
|
#waiting_student_institute_email: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: 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);
|
||
|
|
}
|
||
|
|
|
||
|
|
#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);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* --------------------------------------------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;
|
||
|
|
color: #616161;
|
||
|
|
background: #FAFAFA;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
@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;
|
||
|
|
}
|
||
|
|
|
||
|
|
{% comment %} styling for loader started {% endcomment %}
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
{% comment %} styling for loader ended {% endcomment %}
|
||
|
|
#student_end_date{
|
||
|
|
width: 160px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.footer {
|
||
|
|
/* position: fixed !important;
|
||
|
|
bottom: 0;
|
||
|
|
width: 100%; */
|
||
|
|
}
|
||
|
|
|
||
|
|
label{
|
||
|
|
color: #616161;
|
||
|
|
}
|
||
|
|
|
||
|
|
::placeholder {
|
||
|
|
color: #616161;
|
||
|
|
}
|
||
|
|
|
||
|
|
#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>
|
||
|
|
|
||
|
|
<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 %}
|
||
|
|
<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 & 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 & 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 & 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 & 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 & 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('')">
|
||
|
|
</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 & 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 & 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 & 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 & 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 & 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" placeholder="Enter your Alternative number" required minlength="8"maxlength="16" oninvalid="this.setCustomValidity('Please enter alternative number')" oninput="setCustomValidity('')">
|
||
|
|
</div>
|
||
|
|
<div class="input-box" style="margin-right:20px;display: flex;">
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div>
|
||
|
|
<input type="checkbox" name="" id="waiting_student" style="width: 14px;"
|
||
|
|
onclick="$('#inst_detailses').toggle();">
|
||
|
|
<span style="font-size: 12px; padding-left: 3px;">Invite my Institution for taking Institutional
|
||
|
|
membership of MNF</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="inst_detailses">
|
||
|
|
<div class="heading-2">Institution Details</div>
|
||
|
|
<div class="input-box ">
|
||
|
|
<div class="marginleft">
|
||
|
|
<span class="details">Institution Email <span style="color: #EE3C4D;">*</span>
|
||
|
|
</span>
|
||
|
|
<input id="waiting_student_institute_email" name="inst_address" type="email" class="disable"
|
||
|
|
placeholder="Enter Email Id" required oninvalid="this.setCustomValidity('Please enter email')" oninput="setCustomValidity('')">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="heading-2">KYC Verification</div>
|
||
|
|
<div class="row main-row-details">
|
||
|
|
<div class="input-file col">
|
||
|
|
<label for="" style="font-weight: 500;color:#252525;">Upload your currently valid Student ID<span style="color: #EE3C4D;">*</span> </label>
|
||
|
|
<p style="font-weight: 500;color:#616161 !important;">
|
||
|
|
(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>
|
||
|
|
<br><br><br>
|
||
|
|
|
||
|
|
<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 acesTok = localStorage.getItem("accessToken");
|
||
|
|
|
||
|
|
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_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");
|
||
|
|
|
||
|
|
if (document.getElementById('waiting_student').checked) {
|
||
|
|
console.log("waiting")
|
||
|
|
var waiting_student_institute_email = document.getElementById('waiting_student_institute_email').value
|
||
|
|
console.log(waiting_student_institute_email)
|
||
|
|
|
||
|
|
if (!waiting_student_institute_email){
|
||
|
|
emptyFields.push("Institute Email");
|
||
|
|
|
||
|
|
}
|
||
|
|
spinnerStatus = 'true';
|
||
|
|
if (emptyFields.length > 0 || invalidFields.length > 0) {
|
||
|
|
spinnerStatus = 'false';
|
||
|
|
var errorMessage = "Please fill in the following fields:\n";
|
||
|
|
if (emptyFields.length > 0) {
|
||
|
|
errorMessage += `- ${emptyFields.join(", ")}\n`;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (invalidFields.length > 0) {
|
||
|
|
errorMessage += `- Invalid field values for: ${invalidFields.join(", ")}`;
|
||
|
|
}
|
||
|
|
{% comment %} alert(errorMessage); {% endcomment %}
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
if (isValidEmail(waiting_student_institute_email)) {
|
||
|
|
spinnerStatus = 'true';
|
||
|
|
} else {
|
||
|
|
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
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("wait_for_institute_student_phone_number_country_code", student_primary_phone_number_country_code);
|
||
|
|
formData.append("wait_for_institute_student_phone_number", student_primary_phone_number);
|
||
|
|
formData.append("wait_for_institute_student_a_phone_number_country_code", student_secondary_phone_number_country_code);
|
||
|
|
formData.append("wait_for_institute_student_alternate_phone_number", student_secondary_phone_number);
|
||
|
|
formData.append("kyc", file);
|
||
|
|
formData.append("institute_email", waiting_student_institute_email);
|
||
|
|
formData.append("end_date", student_end_date);
|
||
|
|
|
||
|
|
var acesTok = localStorage.getItem("accessToken");
|
||
|
|
|
||
|
|
fetch('api/waiting-for-institute-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.reload();
|
||
|
|
hideLoader();
|
||
|
|
})
|
||
|
|
.catch(error => console.error(error));
|
||
|
|
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
console.log("unaffilia")
|
||
|
|
var spinnerStatus = 'true';
|
||
|
|
|
||
|
|
|
||
|
|
if (emptyFields.length > 0 || invalidFields.length > 0) {
|
||
|
|
spinnerStatus = 'false';
|
||
|
|
|
||
|
|
var errorMessage = "Please fill in the following fields:\n";
|
||
|
|
if (emptyFields.length > 0) {
|
||
|
|
|
||
|
|
errorMessage += `- ${emptyFields.join(", ")}\n`;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (invalidFields.length > 0) {
|
||
|
|
errorMessage += `- Invalid field values for: ${invalidFields.join(", ")}`;
|
||
|
|
}
|
||
|
|
{% comment %} alert(errorMessage); {% endcomment %}
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
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("unaffiliated_student_phone_number_country_code", student_primary_phone_number_country_code);
|
||
|
|
formData.append("unaffiliated_student_phone_number", student_primary_phone_number);
|
||
|
|
formData.append("unaffiliated_student_alternate_phone_number_country_code", student_secondary_phone_number_country_code);
|
||
|
|
formData.append("unaffiliated_student_alternate_phone_number", student_secondary_phone_number);
|
||
|
|
formData.append("kyc", file);
|
||
|
|
formData.append("end_date", student_end_date);
|
||
|
|
|
||
|
|
var acesTok = localStorage.getItem("accessToken");
|
||
|
|
|
||
|
|
fetch('api/unaffiliated-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
|
||
|
|
hideLoader();
|
||
|
|
location.reload();
|
||
|
|
})
|
||
|
|
.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)) {
|
||
|
|
alert('Only JPG, JPEG, and PNG files are allowed.');
|
||
|
|
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>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html> {%endblock%}
|