2880 lines
115 KiB
HTML
Executable File
2880 lines
115 KiB
HTML
Executable File
{%extends "mnfapp/base.html"%} {%load static%} {%block content%}
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Corporate Member Application Under Review</title>
|
|
<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.4/jquery.min.js"></script>
|
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
|
|
</head>
|
|
|
|
<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;
|
|
}
|
|
|
|
#uploadedUnaffiliatedDocumentContainer,
|
|
#unaffiliatedStudentPass,
|
|
#waitStudentPass,
|
|
#SecondDocument,
|
|
#institution_request_credit_limit {
|
|
width: 250px;
|
|
}
|
|
|
|
.details,
|
|
select,
|
|
input {
|
|
position: relative;
|
|
left: 15%;
|
|
}
|
|
|
|
#newDiv {
|
|
display: flex;
|
|
justify-content: center;
|
|
|
|
}
|
|
|
|
#passwaitDiv {
|
|
display: flex;
|
|
left: 22%;
|
|
position: relative;
|
|
align-items:center;
|
|
}
|
|
|
|
#passDiv {
|
|
left: 0;
|
|
text-align: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.newDiv {
|
|
display: flex;
|
|
position: relative;
|
|
transform: translateX(-50%);
|
|
left: 50%;
|
|
justify-content: center;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.stylebutton1 {
|
|
text-align: center;
|
|
background: #33B0CA;
|
|
color: #FFFF;
|
|
padding: 4px 14px 4px 14px;
|
|
margin: 20px auto;
|
|
border: none;
|
|
border-radius: 7px;
|
|
position: relative;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
letter-spacing: 0em;
|
|
height: 34px;
|
|
}
|
|
|
|
#title {
|
|
color: #252525;
|
|
font-size: 24px;
|
|
}
|
|
|
|
.UpdateButton {
|
|
background: #33B0CA;
|
|
border: none;
|
|
border-radius: 8px;
|
|
color: #fff;
|
|
font-size: 14px;
|
|
padding: 4px 14px 4px 14px;
|
|
font-weight: 500;
|
|
height: 34px;
|
|
position: relative;
|
|
letter-spacing: 0em;
|
|
}
|
|
|
|
.hidden {
|
|
display: none;
|
|
}
|
|
|
|
@media only screen and (max-width: 625px) {
|
|
|
|
/*mobile large*/
|
|
#title {
|
|
color: #252525;
|
|
font-size: 24px;
|
|
|
|
{
|
|
% comment %
|
|
}
|
|
|
|
margin: 0 30px;
|
|
|
|
{
|
|
% endcomment %
|
|
}
|
|
|
|
font-weight: 600;
|
|
}
|
|
|
|
.UpdateButton {
|
|
font-size: 14px;
|
|
padding: 4px 14px 4px 14px;
|
|
font-weight: 500;
|
|
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 424px) {
|
|
.UpdateButton {
|
|
font-size: 14px;
|
|
padding: 4px 14px 4px 14px;
|
|
font-weight: 500;
|
|
}
|
|
}
|
|
|
|
select {
|
|
width: 350px;
|
|
height: 35px;
|
|
border-radius: 5px;
|
|
outline: none;
|
|
border: 1px solid #ccc;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.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: 7px 0 3px 0;
|
|
}
|
|
|
|
form .row .input-box {
|
|
{
|
|
% comment %
|
|
}
|
|
|
|
width: calc(100% / 2 - 20px);
|
|
|
|
{
|
|
% endcomment %
|
|
}
|
|
|
|
margin-bottom: 15px;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.row {
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.row .input-box .details {
|
|
display: flex;
|
|
font-weight: 500;
|
|
margin-bottom: 5px;
|
|
font-size: 14px;
|
|
color: #252525;
|
|
}
|
|
|
|
.row .input-box input {
|
|
height: 35px;
|
|
width: 375px;
|
|
border-radius: 5px;
|
|
outline: none;
|
|
border: 1px solid #ccc;
|
|
padding-left: 20px;
|
|
font-size: 12px;
|
|
color: #252525;
|
|
}
|
|
|
|
{
|
|
% comment %
|
|
}
|
|
|
|
form .input-file {
|
|
margin-top: 8px;
|
|
}
|
|
|
|
{
|
|
% endcomment %
|
|
}
|
|
|
|
form .button {
|
|
margin: 25px 0;
|
|
height: 45px;
|
|
}
|
|
|
|
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 (min-width: 701px) and (max-width: 767px) {
|
|
.content form .user-details {
|
|
display: block;
|
|
}
|
|
|
|
.main-row-details {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
|
|
}
|
|
|
|
@media (min-width: 585px) and (max-width: 700px) {
|
|
.content form .user-details {
|
|
display: block;
|
|
}
|
|
|
|
.main-row-details {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
}
|
|
|
|
@media (min-width: 501px) and (max-width: 575px) {
|
|
.content form .user-details {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 584px) {
|
|
.content form .user-details {
|
|
max-height: 300px;
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
.main-row-details {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
select {
|
|
width: 200px;
|
|
}
|
|
|
|
.row .input-box input {
|
|
width: 200px;
|
|
}
|
|
|
|
}
|
|
|
|
@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;
|
|
}
|
|
}
|
|
|
|
.new_Insti-name {
|
|
margin: 10px 0;
|
|
|
|
}
|
|
|
|
div#bottomText {
|
|
text-align: center;
|
|
font-size: 17px;
|
|
margin-bottom: 50px;
|
|
height: 200px;
|
|
justify-content: end;
|
|
transform: translateY(-1px);
|
|
}
|
|
|
|
.heading-coming {
|
|
margin: 31px 180px;
|
|
position: absolute;
|
|
padding: 100px;
|
|
color: rgb(238, 60, 77);
|
|
}
|
|
|
|
#buttonUpdate {
|
|
margin-bottom: -56px;
|
|
}
|
|
|
|
@media screen and (max-width:320px) {
|
|
#buttonUpdate {
|
|
margin-top: 4px;
|
|
}
|
|
|
|
}
|
|
|
|
#institute_container {
|
|
z-index: 100;
|
|
background-color: white;
|
|
}
|
|
|
|
#unaffiliated_container {
|
|
z-index: 100;
|
|
background-color: white;
|
|
width: 100vw;
|
|
}
|
|
|
|
|
|
.other1 {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
.headerText {
|
|
position: relative;
|
|
left: 50%;
|
|
transform: translatex(-50%);
|
|
text-align: center;
|
|
margin-left: 30px;
|
|
}
|
|
|
|
/* ---------------------------------------------------------------------Responsive CSS for mobile--------------------------------------------------------------------- */
|
|
@media only screen and (max-width: 374px) and (min-width: 320px) {
|
|
#title {
|
|
font-size: 24px;
|
|
font-weight: 600;
|
|
line-height: 26px;
|
|
}
|
|
|
|
form .row .input-box {
|
|
width: 100%;
|
|
margin-bottom: 15px;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.row .input-box input {
|
|
width: 219px;
|
|
font-size: 12px;
|
|
padding-left: 3px;
|
|
margin-left: -2px;
|
|
height: 30px;
|
|
height: 35px;
|
|
}
|
|
|
|
#waitStudentPhoneCode,
|
|
#waitStudentAltPhoneCode,
|
|
#institution_phone_number_country_code,
|
|
#institution_admin_phone_number_country_code {
|
|
max-width: 45px;
|
|
text-align: center;
|
|
height: 30px;
|
|
}
|
|
|
|
#corporate_contact_person_phone_number_country_code,
|
|
#contact_person_support_phone_number_country_code,
|
|
#unaffiliatedStudentPhoneCCode,
|
|
#unaffiliated_student_alternate_phone_number_country_code {
|
|
max-width: 45px;
|
|
text-align: center;
|
|
height: 30px;
|
|
}
|
|
|
|
#waitStudentPhoneNumber,
|
|
#waitStudentAltPhoneNumber,
|
|
#institution_phone_number,
|
|
#institution_admin_phone_number,
|
|
#unaffiliatedStudentPhoneNumber,
|
|
#unaffiliated_student_alternate_phone_number {
|
|
max-width: 160px;
|
|
text-align: center;
|
|
height: 30px;
|
|
}
|
|
|
|
#corporate_contact_person_phone_number,
|
|
#corporate_contact_person_support_phone_number {
|
|
max-width: 126px;
|
|
text-align: center;
|
|
height: 35px;
|
|
}
|
|
|
|
.user-details .input-box input:focus,
|
|
.user-details .input-box input:valid {
|
|
border-color: #17191d;
|
|
outline: none;
|
|
border: 1px solid #80808082;
|
|
}
|
|
|
|
|
|
|
|
.input-box {
|
|
position: relative;
|
|
left: 50%;
|
|
transform: translate(-50%);
|
|
}
|
|
|
|
select {
|
|
width: 215px;
|
|
height: 30px;
|
|
}
|
|
|
|
#corporate {
|
|
transform: translate(-2%, 3%);
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 424px) and (min-width: 375px) {
|
|
#title {
|
|
font-size: 24px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
form .row .input-box {
|
|
width: 100%;
|
|
margin-bottom: 15px;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.row .input-box input {
|
|
width: 268px;
|
|
font-size: 12px;
|
|
padding-left: 3px;
|
|
margin-left: -2px;
|
|
height: 30px;
|
|
}
|
|
|
|
#waitStudentPhoneCode,
|
|
#waitStudentAltPhoneCode,
|
|
#institution_phone_number_country_code,
|
|
#institution_admin_phone_number_country_code {
|
|
max-width: 56px;
|
|
text-align: center;
|
|
height: 30px;
|
|
}
|
|
|
|
#corporate_contact_person_phone_number_country_code,
|
|
#contact_person_support_phone_number_country_code,
|
|
#unaffiliatedStudentPhoneCCode,
|
|
#unaffiliated_student_alternate_phone_number_country_code {
|
|
max-width: 45px;
|
|
text-align: center;
|
|
height: 30px;
|
|
}
|
|
|
|
#waitStudentPhoneNumber,
|
|
#waitStudentAltPhoneNumber,
|
|
#institution_phone_number,
|
|
#institution_admin_phone_number,
|
|
#unaffiliatedStudentPhoneNumber,
|
|
#unaffiliated_student_alternate_phone_number {
|
|
max-width: 211px;
|
|
text-align: center;
|
|
height: 30px;
|
|
}
|
|
|
|
#corporate_contact_person_phone_number,
|
|
#corporate_contact_person_support_phone_number {
|
|
max-width: 190px;
|
|
text-align: center;
|
|
height: 30px;
|
|
}
|
|
|
|
.user-details .input-box input:focus,
|
|
.user-details .input-box input:valid {
|
|
border-color: #17191d;
|
|
outline: none;
|
|
border: 1px solid #80808082;
|
|
}
|
|
|
|
|
|
.input-box {
|
|
position: relative;
|
|
left: 50%;
|
|
transform: translate(-50%);
|
|
}
|
|
|
|
#corporate {
|
|
transform: translate(-2%, 3%);
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 464px) and (min-width: 425px) {
|
|
#title {
|
|
font-size: 24px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
form .row .input-box {
|
|
width: 100%;
|
|
margin-bottom: 15px;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.row .input-box input {
|
|
width: 315px;
|
|
font-size: 12px;
|
|
padding-left: 3px;
|
|
margin-left: -2px;
|
|
height: 30px;
|
|
}
|
|
|
|
#waitStudentPhoneCode,
|
|
#waitStudentAltPhoneCode,
|
|
#institution_phone_number_country_code,
|
|
#institution_admin_phone_number_country_code {
|
|
max-width: 60px;
|
|
text-align: center;
|
|
height: 30px;
|
|
}
|
|
|
|
#corporate_contact_person_phone_number_country_code,
|
|
#contact_person_support_phone_number_country_code,
|
|
#unaffiliatedStudentPhoneCCode,
|
|
#unaffiliated_student_alternate_phone_number_country_code {
|
|
max-width: 45px;
|
|
text-align: center;
|
|
height: 30px;
|
|
}
|
|
|
|
#waitStudentPhoneNumber,
|
|
#waitStudentAltPhoneNumber,
|
|
#institution_phone_number,
|
|
#institution_admin_phone_number,
|
|
#unaffiliatedStudentPhoneNumber,
|
|
#unaffiliated_student_alternate_phone_number {
|
|
max-width: 255px;
|
|
text-align: center;
|
|
height: 30px;
|
|
}
|
|
|
|
#corporate_contact_person_phone_number,
|
|
#corporate_contact_person_support_phone_number {
|
|
max-width: 242px;
|
|
text-align: center;
|
|
height: 35px;
|
|
}
|
|
|
|
.user-details .input-box input:focus,
|
|
.user-details .input-box input:valid {
|
|
border-color: #17191d;
|
|
outline: none;
|
|
border: 1px solid #80808082;
|
|
}
|
|
|
|
.input-box {
|
|
position: relative;
|
|
left: 50%;
|
|
transform: translate(-50%);
|
|
}
|
|
|
|
#waitStudentPass {
|
|
max-width: 415px;
|
|
}
|
|
|
|
select {
|
|
width: 315px;
|
|
height: 30px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 575px) and (min-width: 465px) {
|
|
#title {
|
|
font-size: 24px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
form .row .input-box {
|
|
width: 100%;
|
|
margin-bottom: 15px;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.row .input-box input {
|
|
width: 361px;
|
|
font-size: 12px;
|
|
padding-left: 3px;
|
|
margin-left: -2px;
|
|
height: 30px;
|
|
}
|
|
|
|
#waitStudentPhoneCode,
|
|
#waitStudentAltPhoneCode,
|
|
#institution_phone_number_country_code,
|
|
#institution_admin_phone_number_country_code {
|
|
max-width: 75px;
|
|
text-align: center;
|
|
height: 30px;
|
|
}
|
|
|
|
#corporate_contact_person_phone_number_country_code,
|
|
#contact_person_support_phone_number_country_code,
|
|
#unaffiliatedStudentPhoneCCode,
|
|
#unaffiliated_student_alternate_phone_number_country_code {
|
|
max-width: 45px;
|
|
text-align: center;
|
|
height: 30px;
|
|
}
|
|
|
|
#waitStudentPhoneNumber,
|
|
#waitStudentAltPhoneNumber,
|
|
#institution_phone_number,
|
|
#institution_admin_phone_number,
|
|
#unaffiliatedStudentPhoneNumber,
|
|
#unaffiliated_student_alternate_phone_number {
|
|
max-width: 285px;
|
|
text-align: center;
|
|
height: 30px;
|
|
}
|
|
|
|
#corporate_contact_person_phone_number,
|
|
#corporate_contact_person_support_phone_number {
|
|
max-width: 290px;
|
|
text-align: center;
|
|
height: 35px;
|
|
}
|
|
|
|
.user-details .input-box input:focus,
|
|
.user-details .input-box input:valid {
|
|
border-color: #17191d;
|
|
outline: none;
|
|
border: 1px solid #80808082;
|
|
}
|
|
|
|
|
|
.input-box {
|
|
position: relative;
|
|
left: 50%;
|
|
transform: translate(-50%);
|
|
}
|
|
|
|
#waitStudentPass {
|
|
max-width: 415px;
|
|
}
|
|
|
|
select {
|
|
width: 360px;
|
|
height: 30px;
|
|
}
|
|
|
|
#institution_request_credit_limit {
|
|
width: 360px;
|
|
padding-right: 10px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 767px) and (min-width: 576px) {
|
|
#title {
|
|
font-size: 24px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
form .row .input-box {
|
|
width: 100%;
|
|
margin-bottom: 15px;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.row .input-box input {
|
|
width: 445px;
|
|
font-size: 12px;
|
|
padding-left: 3px;
|
|
margin-left: -2px;
|
|
height: 30px;
|
|
}
|
|
|
|
#waitStudentPhoneCode,
|
|
#waitStudentAltPhoneCode,
|
|
#institution_phone_number_country_code,
|
|
#institution_admin_phone_number_country_code {
|
|
max-width: 100px;
|
|
text-align: center;
|
|
height: 30px;
|
|
}
|
|
|
|
#corporate_contact_person_phone_number_country_code,
|
|
#contact_person_support_phone_number_country_code,
|
|
#unaffiliatedStudentPhoneCCode,
|
|
#unaffiliated_student_alternate_phone_number_country_code {
|
|
max-width: 45px;
|
|
text-align: center;
|
|
height: 30px;
|
|
}
|
|
|
|
#waitStudentPhoneNumber,
|
|
#waitStudentAltPhoneNumber,
|
|
#institution_phone_number,
|
|
#institution_admin_phone_number,
|
|
#unaffiliatedStudentPhoneNumber,
|
|
#unaffiliated_student_alternate_phone_number {
|
|
max-width: 345px;
|
|
text-align: center;
|
|
height: 30px;
|
|
}
|
|
|
|
#corporate_contact_person_phone_number,
|
|
#corporate_contact_person_support_phone_number {
|
|
max-width: 400px;
|
|
text-align: center;
|
|
height: 35px;
|
|
}
|
|
|
|
.user-details .input-box input:focus,
|
|
.user-details .input-box input:valid {
|
|
border-color: #17191d;
|
|
outline: none;
|
|
border: 1px solid #80808082;
|
|
}
|
|
|
|
|
|
.input-box {
|
|
position: relative;
|
|
left: 50%;
|
|
transform: translate(-50%);
|
|
}
|
|
|
|
#waitStudentPass {
|
|
max-width: 445px;
|
|
}
|
|
|
|
.details {
|
|
position: relative;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
select {
|
|
width: 440px;
|
|
height: 30px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 991px) and (min-width: 768px) {
|
|
#title {
|
|
font-size: 24px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
form .row .input-box {
|
|
max-width: 100%;
|
|
margin-bottom: 15px;
|
|
margin-left: auto;
|
|
}
|
|
|
|
#waitStudentPhoneCode,
|
|
#waitStudentAltPhoneCode,
|
|
#institution_phone_number_country_code,
|
|
#institution_admin_phone_number_country_code {
|
|
max-width: 85px;
|
|
text-align: center;
|
|
height: 30px;
|
|
margin: 0 5px;
|
|
}
|
|
|
|
#corporate_contact_person_phone_number_country_code,
|
|
#contact_person_support_phone_number_country_code,
|
|
#unaffiliatedStudentPhoneCCode,
|
|
#unaffiliated_student_alternate_phone_number_country_code {
|
|
max-width: 90px;
|
|
text-align: center;
|
|
height: 30px;
|
|
}
|
|
|
|
#waitStudentPhoneNumber,
|
|
#waitStudentAltPhoneNumber,
|
|
#institution_phone_number,
|
|
#institution_admin_phone_number,
|
|
#unaffiliatedStudentPhoneNumber,
|
|
#unaffiliated_student_alternate_phone_number {
|
|
max-width: 214px;
|
|
text-align: center;
|
|
height: 30px;
|
|
}
|
|
|
|
#corporate_contact_person_phone_number,
|
|
#corporate_contact_person_support_phone_number {
|
|
max-width: 210px;
|
|
text-align: center;
|
|
height: 35px;
|
|
}
|
|
|
|
.row .input-box input {
|
|
height: 35px;
|
|
width: 310px;
|
|
border-radius: 5px;
|
|
outline: none;
|
|
border: 1px solid #ccc;
|
|
padding-left: 20px;
|
|
font-size: 12px;
|
|
color: #252525
|
|
}
|
|
|
|
.container form .row {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
margin: 7px 0 3px 0;
|
|
}
|
|
|
|
.user-details .input-box input:focus,
|
|
.user-details .input-box input:valid {
|
|
border-color: #17191d;
|
|
outline: none;
|
|
border: 1px solid #80808082;
|
|
}
|
|
|
|
select {
|
|
width: 315px;
|
|
height: 30px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1023px) and (min-width: 992px) {
|
|
#title {
|
|
font-size: 24px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
form .row .input-box {
|
|
max-width: 100%;
|
|
margin-bottom: 15px;
|
|
margin-left: auto;
|
|
}
|
|
|
|
#waitStudentPhoneCode,
|
|
#waitStudentAltPhoneCode,
|
|
#institution_phone_number_country_code,
|
|
#institution_admin_phone_number_country_code {
|
|
max-width: 90px;
|
|
text-align: center;
|
|
height: 30px;
|
|
margin: 0 5px;
|
|
}
|
|
|
|
#corporate_contact_person_phone_number_country_code,
|
|
#contact_person_support_phone_number_country_code,
|
|
#unaffiliatedStudentPhoneCCode,
|
|
#unaffiliated_student_alternate_phone_number_country_code {
|
|
max-width: 90px;
|
|
text-align: center;
|
|
height: 30px;
|
|
margin: 0 5px;
|
|
}
|
|
|
|
#waitStudentPhoneNumber,
|
|
#waitStudentAltPhoneNumber,
|
|
#institution_phone_number,
|
|
#institution_admin_phone_number,
|
|
#unaffiliatedStudentPhoneNumber,
|
|
#unaffiliated_student_alternate_phone_number {
|
|
max-width: 225px;
|
|
text-align: center;
|
|
height: 30px;
|
|
}
|
|
|
|
#corporate_contact_person_phone_number,
|
|
#corporate_contact_person_support_phone_number {
|
|
max-width: 225px;
|
|
text-align: center;
|
|
height: 35px;
|
|
}
|
|
|
|
.row .input-box input {
|
|
height: 35px;
|
|
width: 332px;
|
|
border-radius: 5px;
|
|
outline: none;
|
|
border: 1px solid #ccc;
|
|
padding-left: 20px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.container form .row {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
margin: 7px 0 3px 0;
|
|
}
|
|
|
|
|
|
.user-details .input-box input:focus,
|
|
.user-details .input-box input:valid {
|
|
border-color: #17191d;
|
|
outline: none;
|
|
border: 1px solid #80808082;
|
|
}
|
|
|
|
#institution_nature {
|
|
width: 330px;
|
|
height: 35px;
|
|
}
|
|
|
|
#institution_country,
|
|
#institution_state,
|
|
#institution_city,
|
|
#corporate_country,
|
|
#corporate_state,
|
|
#corporate_city {
|
|
width: 338px;
|
|
height: 35px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@media only screen and (max-width:1199px) and (min-width: 1024px) {
|
|
#title {
|
|
font-size: 24px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
form .row .input-box {
|
|
max-width: 100%;
|
|
margin-bottom: 15px;
|
|
margin-left: auto;
|
|
}
|
|
|
|
|
|
#waitStudentPhoneCode,
|
|
#waitStudentAltPhoneCode,
|
|
#institution_phone_number_country_code,
|
|
#institution_admin_phone_number_country_code {
|
|
max-width: 77px;
|
|
text-align: center;
|
|
height: 30px;
|
|
margin: 0 5px;
|
|
}
|
|
|
|
#corporate_contact_person_phone_number_country_code,
|
|
#contact_person_support_phone_number_country_code,
|
|
#unaffiliatedStudentPhoneCCode,
|
|
#unaffiliated_student_alternate_phone_number_country_code {
|
|
max-width: 77px;
|
|
text-align: center;
|
|
height: 30px;
|
|
margin: 0 5px;
|
|
|
|
}
|
|
|
|
#waitStudentPhoneNumber,
|
|
#waitStudentAltPhoneNumber,
|
|
#institution_phone_number,
|
|
#institution_admin_phone_number,
|
|
#unaffiliatedStudentPhoneNumber,
|
|
#unaffiliated_student_alternate_phone_number {
|
|
max-width: 250px;
|
|
text-align: center;
|
|
height: 30px;
|
|
}
|
|
|
|
#corporate_contact_person_phone_number,
|
|
#corporate_contact_person_support_phone_number {
|
|
max-width: 250px;
|
|
text-align: center;
|
|
height: 35px;
|
|
}
|
|
|
|
.row .input-box input {
|
|
height: 35px;
|
|
width: 332px;
|
|
border-radius: 5px;
|
|
outline: none;
|
|
border: 1px solid #ccc;
|
|
padding-left: 20px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.container form .row {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
margin: 7px 0 3px 0;
|
|
}
|
|
|
|
|
|
.user-details .input-box input:focus,
|
|
.user-details .input-box input:valid {
|
|
border-color: #17191d;
|
|
outline: none;
|
|
border: 1px solid #80808082;
|
|
}
|
|
|
|
|
|
#institution_nature {
|
|
width: 330px;
|
|
height: 35px;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
#institution_country,
|
|
#institution_state,
|
|
#institution_city,
|
|
#corporate_country,
|
|
#corporate_state,
|
|
#corporate_city {
|
|
width: 338px;
|
|
height: 35px;
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
@media only screen and (max-width:1440px) and (min-width: 1200px) {
|
|
#title {
|
|
font-size: 24px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
|
|
|
|
form .row .input-box {
|
|
max-width: 100%;
|
|
margin-bottom: 15px;
|
|
margin-left: auto;
|
|
}
|
|
|
|
|
|
|
|
#waitStudentPhoneCode,
|
|
#waitStudentAltPhoneCode,
|
|
#institution_phone_number_country_code,
|
|
#institution_admin_phone_number_country_code {
|
|
max-width: 77px;
|
|
text-align: center;
|
|
height: 35px;
|
|
margin: 0 5px;
|
|
}
|
|
|
|
#corporate_contact_person_phone_number_country_code,
|
|
#contact_person_support_phone_number_country_code,
|
|
#unaffiliatedStudentPhoneCCode,
|
|
#unaffiliated_student_alternate_phone_number_country_code {
|
|
max-width: 77px;
|
|
text-align: center;
|
|
margin: 0 5px;
|
|
|
|
}
|
|
|
|
#waitStudentPhoneNumber,
|
|
#waitStudentAltPhoneNumber,
|
|
#institution_phone_number,
|
|
#institution_admin_phone_number,
|
|
#unaffiliatedStudentPhoneNumber,
|
|
#unaffiliated_student_alternate_phone_number {
|
|
max-width: 250px;
|
|
text-align: center;
|
|
height: 35px;
|
|
}
|
|
|
|
#corporate_contact_person_phone_number,
|
|
#corporate_contact_person_support_phone_number {
|
|
max-width: 250px;
|
|
text-align: center;
|
|
height: 35px;
|
|
}
|
|
|
|
.row .input-box input {
|
|
height: 35px;
|
|
width: 332px;
|
|
border-radius: 5px;
|
|
outline: none;
|
|
border: 1px solid #ccc;
|
|
padding-left: 20px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.container form .row {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
margin: 7px 0 3px 0;
|
|
}
|
|
|
|
|
|
.user-details .input-box input:focus,
|
|
.user-details .input-box input:valid {
|
|
border-color: #17191d;
|
|
outline: none;
|
|
border: 1px solid #80808082;
|
|
}
|
|
|
|
#institution_nature {
|
|
width: 330px;
|
|
height: 35px;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
#institution_country,
|
|
#institution_state,
|
|
#institution_city,
|
|
#corporate_country,
|
|
#corporate_state,
|
|
#corporate_city {
|
|
width: 338px;
|
|
height: 35px;
|
|
}
|
|
|
|
|
|
}
|
|
|
|
@media only screen and (min-width: 1441px) {
|
|
#title {
|
|
font-size: 24px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
|
|
|
|
form .row .input-box {
|
|
max-width: 100%;
|
|
margin-bottom: 15px;
|
|
margin-left: auto;
|
|
}
|
|
|
|
|
|
|
|
#waitStudentPhoneCode,
|
|
#waitStudentAltPhoneCode,
|
|
#institution_phone_number_country_code,
|
|
#institution_admin_phone_number_country_code {
|
|
max-width: 77px;
|
|
text-align: center;
|
|
margin: 0 5px;
|
|
}
|
|
|
|
#corporate_contact_person_phone_number_country_code,
|
|
#contact_person_support_phone_number_country_code,
|
|
#unaffiliatedStudentPhoneCCode,
|
|
#unaffiliated_student_alternate_phone_number_country_code {
|
|
max-width: 77px;
|
|
text-align: center;
|
|
margin: 0 5px;
|
|
}
|
|
|
|
|
|
#waitStudentPhoneNumber,
|
|
#waitStudentAltPhoneNumber,
|
|
#institution_phone_number,
|
|
#institution_admin_phone_number,
|
|
#unaffiliatedStudentPhoneNumber,
|
|
#unaffiliated_student_alternate_phone_number {
|
|
max-width: 285px;
|
|
text-align: center;
|
|
}
|
|
|
|
#corporate_contact_person_phone_number,
|
|
#corporate_contact_person_support_phone_number {
|
|
max-width: 250px;
|
|
text-align: center;
|
|
height: 35px;
|
|
}
|
|
|
|
.row .input-box input {
|
|
height: 35px;
|
|
width: 375px;
|
|
border-radius: 5px;
|
|
outline: none;
|
|
border: 1px solid #ccc;
|
|
padding-left: 20px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.container form .row {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
margin: 7px 0 3px 0;
|
|
}
|
|
|
|
|
|
.user-details .input-box input:focus,
|
|
.user-details .input-box input:valid {
|
|
border-color: #17191d;
|
|
outline: none;
|
|
border: 1px solid #80808082;
|
|
}
|
|
|
|
#institution_nature {
|
|
width: 375px;
|
|
height: 35px;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
#institution_country,
|
|
#institution_state,
|
|
#institution_city,
|
|
#corporate_country,
|
|
#corporate_state,
|
|
#corporate_city {
|
|
width: 376px;
|
|
height: 35px;
|
|
}
|
|
}
|
|
|
|
.imageText {
|
|
color: #EE3C4D;
|
|
font-weight: 600;
|
|
}
|
|
|
|
{
|
|
% comment %
|
|
}
|
|
|
|
styling for loader started {
|
|
% endcomment %
|
|
}
|
|
|
|
.waiting {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
backdrop-filter: blur(2px);
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
z-index: 9999999999999999999999999999;
|
|
}
|
|
|
|
@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 %
|
|
}
|
|
|
|
hr {
|
|
font-weight: 700;
|
|
border: 1px solid #252525;
|
|
margin: 6px 10px;
|
|
opacity: 0.1;
|
|
}
|
|
|
|
.centeringDIVblock {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
.footer {
|
|
/* position: fixed !important;
|
|
bottom: 0;
|
|
width: 100%;
|
|
z-index: 11111111; */
|
|
}
|
|
|
|
.newrowk {
|
|
display: flex;
|
|
justify-content: center;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.inside_newrok {}
|
|
|
|
.greyback {
|
|
{% comment %} background: #9A9A9A; {% endcomment %}
|
|
pointer-events: none;
|
|
color:#a0a0a0 !important;
|
|
}
|
|
|
|
.mystylebutton {
|
|
background-color: #9A9A9A !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
.reasonTextShow{
|
|
width: 70%;
|
|
justify-content: center;
|
|
text-align: center;
|
|
position: relative;
|
|
left: 50%;
|
|
transform: translatex(-50%);
|
|
color: red;
|
|
font-weight: 600;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.blackText{
|
|
color: #252525;;
|
|
}
|
|
</style>
|
|
|
|
<body class="py-5">
|
|
{% 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="headerText"><br><br>
|
|
<h2 id="title" class="titleStyle">Your Application has been
|
|
rejected! <br>
|
|
To resubmit click here.
|
|
</h2>
|
|
<p class="reasonTextShow"><span class="blackText">Reason: </span>
|
|
{{application.reason}}
|
|
</p>
|
|
<div id="buttonUpdate" class="">
|
|
<button onclick="openForm()" name="update" class="UpdateButton" id="UpdateButton">UPDATE</button>
|
|
</div>
|
|
</div>
|
|
<br><br>
|
|
|
|
<!-- hidden input here -->
|
|
<input class="hidden" id="Application_type" value="{{application_type}}">
|
|
<div id="corporate_container" class="p-5" style="display:none;">
|
|
<!--Corporate Division-->
|
|
<div id="corporate" class="mx-auto my-5">
|
|
<div class="container">
|
|
<div class="heading-2">Corporate Member Registration</div>
|
|
<hr>
|
|
<form onsubmit="return false;" enctype="multipart/form-data" id="corporate-form">
|
|
{% csrf_token %}
|
|
<div class="user-details">
|
|
<div class="row main-row-details">
|
|
<div class="input-box col-md-6 ">
|
|
<span class="details">Corporate Name<span style="color: #EE3C4D;">*</span></span>
|
|
<input required onkeypress="return onlyAlphabets(event)" type="text" name="inst_name"
|
|
id="corporate_name" placeholder="Enter firm Name" value="{{application.name}}"
|
|
oninvalid="this.setCustomValidity('Please enter name')"
|
|
oninput="setCustomValidity('')">
|
|
</div>
|
|
<div class="input-box col-md-6 ">
|
|
<span class="details">Address<span style="color: #EE3C4D;">*</span></span>
|
|
<input required type="text" name="inst_address" id="corporate_address"
|
|
placeholder="Enter your Address" value="{{application.address}}"
|
|
oninvalid="this.setCustomValidity('Please enter address')"
|
|
oninput="setCustomValidity('')">
|
|
</div>
|
|
<div class="input-box col-md-6 ">
|
|
<span class="details">Postal Code<span style="color: #EE3C4D;">*</span></span>
|
|
<input required onkeypress="return restrictAlphabets(event)" type="text"
|
|
id="corporate_pin_code" name="inst_pin" placeholder="Enter Postal Code" required=""
|
|
value="{{application.pin_code}}"
|
|
oninvalid="this.setCustomValidity('Please enter postal code')"
|
|
oninput="setCustomValidity('')">
|
|
</div>
|
|
<div class="input-box col-md-6 ">
|
|
<label class="details">Country <span style="color: #EE3C4D;">*</span></label>
|
|
<input type="text" id="corporate_country" value="{{application.country}}" disabled
|
|
class="greyback" readonly>
|
|
|
|
</div>
|
|
<div class="input-box col-md-6 ">
|
|
<label class="details">State<span style="color: #EE3C4D;">*</span></label>
|
|
<input type="text" id="corporate_state" value="{{application.state}}" disabled
|
|
class="greyback" readonly>
|
|
|
|
</div>
|
|
<div class="input-box col-md-6 ">
|
|
<label class="details">City<span style="color: #EE3C4D;">*</span></label>
|
|
<input type="text" id="corporate_city" value="{{application.city}}" disabled
|
|
class="greyback" readonly>
|
|
</span>
|
|
</div>
|
|
<div class="input-box col-md-6 ">
|
|
<span class="domain details">Custom Domain<span style="color: #EE3C4D;">*</span></span>
|
|
<input required type="text" name="custom_domain" id="custom_domain"
|
|
placeholder="Enter your Custom Domain" value="{{application.domain_name}}"
|
|
class="greyback" disabled readonly>
|
|
</div>
|
|
<div class="input-box col-md-6 ">
|
|
<span class="details">Requested Credit Limit<span
|
|
style="color: #EE3C4D;">*</span></span>
|
|
<input value="{{application.requested_credit_point}}" id="request_credit_point"
|
|
type="number" name="request_credit_point" placeholder="Enter Value(up to 1 Lakh)"
|
|
oninput="validateCreditLimit(this)" required min="1" max="100000" required>
|
|
</div>
|
|
</div>
|
|
<div class="heading-2">Contact Information</div>
|
|
<hr>
|
|
<div class="row main-row-details">
|
|
<div class="input-box col-md-6 ">
|
|
<span class="details">Name <span style="color: #EE3C4D;">*</span></span>
|
|
{% if user.is_active %}
|
|
<input type="text" placeholder="{{user.username}}" id='corporate_contact_person_name'
|
|
value="{{user.username}}" class="greyback" readonly disabled required> {% else %} <input
|
|
required type="text" placeholder="Enter your Name" required> {% endif %}
|
|
</div>
|
|
<div class="input-box col-md-6 ">
|
|
<span class="details">Email<span style="color: #EE3C4D;">*</span></span>
|
|
{% if user.is_active %}
|
|
<input name="email" type="email" id="corporate_contact_person_email"
|
|
placeholder="{{user.email}}" value="{{user.email}}" class="greyback" disabled readonly>
|
|
{% else %}
|
|
<input id="email" name="email" required type="email" placeholder="Enter your email"
|
|
onkeydown="validation()" class="greyback" disabled readonly>
|
|
<span id="text"></span>
|
|
{% endif %}
|
|
</div>
|
|
<div class="input-box col-md-6 ">
|
|
<span class="details">Support Email<span style="color: #EE3C4D;">*</span></span>
|
|
<input name="email2" required type="email"
|
|
value="{{application.contact_person_support_email}}" placeholder="Support Email"
|
|
id="corporate_contact_person_support_email" onkeydown="validation2()" required
|
|
oninvalid="this.setCustomValidity('Please enter support email')"
|
|
oninput="setCustomValidity('')">
|
|
<span id="text2"></span>
|
|
</div>
|
|
<div class="input-box col-md-6 ">
|
|
<span class="details">Phone Number<span style="color: #EE3C4D;">*</span></span>
|
|
<input value="{{application.contact_person_phone_number_country_code}}"
|
|
id="corporate_contact_person_phone_number_country_code"
|
|
onkeypress="return restrictAlphabets(event)" type="text" name="phonenumber"
|
|
class="greyback" disabled readonly>
|
|
<input value="{{application.contact_person_phone_number}}"
|
|
id="corporate_contact_person_phone_number"
|
|
onkeypress="return restrictAlphabets(event)" type="text" name="phonenumber"
|
|
oninvalid="this.setCustomValidity('Please enter phone number')"
|
|
oninput="setCustomValidity('')" required minlength="8" maxlength="16">
|
|
</div>
|
|
<div class="input-box col-md-6 ">
|
|
<span class="details">Support Phone Number<span style="color: #EE3C4D;">*</span></span>
|
|
<input value="{{application.contact_person_support_phone_number_country_code}}"
|
|
id="contact_person_support_phone_number_country_code"
|
|
onkeypress="return restrictAlphabets(event)" type="text" name="phonenumber"
|
|
class="greyback" disabled readonly>
|
|
<input value="{{application.contact_person_support_phone_number}}"
|
|
id="corporate_contact_person_support_phone_number" required
|
|
onkeypress="return restrictAlphabets(event)" type="text" name="phonenumber"
|
|
oninvalid="this.setCustomValidity('Please enter support phone number')"
|
|
oninput="setCustomValidity('')" minlength="8" maxlength="16">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="heading-2">Logo Upload</div>
|
|
<hr>
|
|
<div class="newrowk">
|
|
<label style="font-weight: 600; display:block;" class="uploadtext">Upload your company
|
|
logo<span style="color: #EE3C4D;">*</span>
|
|
</label>
|
|
<p style="font-weight: 500;color:#616161 !important; font-size:12px;">(accepts only
|
|
jpeg/jpg/png format)</p>
|
|
<img src="/media/{{ application.kyc}}" loading="lazyloading"
|
|
style="height:250px; width:250px; border:1px solid #33B0CA; border-radius:3px;"
|
|
alt="KYC Document" />
|
|
<div class="inside_newrok">
|
|
<input type="file" class="corporate_kyc" id="firstDocument" name="myfile1"
|
|
accept="image/*" style="padding-top:10.5px;padding-bottom:9px; font-size:12px !important">
|
|
</div>
|
|
<span style="font-weight: 500;color:#252525 !important; font-size:12px;">If you want to
|
|
change your logo, you can upload it here</span>
|
|
</div>
|
|
<div class="row main-row-details">
|
|
{% if not user.is_active %}
|
|
<div class="input-box col-md-6 ">
|
|
<span class="details">Password <span style="color:#EE3C4D;">*</span></span>
|
|
<input type="password" placeholder="Enter your password" required>
|
|
</div>
|
|
<div class="input-box col-md-6 ">
|
|
<span class="details">Confirm Password <span style="color:#EE3C4D;">*</span></span>
|
|
<input type="password" placeholder="Confirm your password" required>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
<button id="CorporateSubmitButton" class="stylebutton1"
|
|
onclick="submitCorporateRegForm('{{application.corporate_member_uuid}}')">SUBMIT</button>
|
|
|
|
|
|
<input type="text" id="user_role" name="user_role" value="corporate"
|
|
style="width: 190px; display:none">
|
|
</div>
|
|
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<br>
|
|
</div>
|
|
|
|
<div id="institute_container" class="" style="display:none;">
|
|
<!--Institute Division-->
|
|
<div id="institute" class="mx-auto my-5">
|
|
<div class="container">
|
|
<div class="heading-2">Institution Registration</div>
|
|
<hr>
|
|
<form onsubmit="return false;" enctype="multipart/form-data" id="institute-form">
|
|
{% csrf_token %}
|
|
<div class="user-details">
|
|
<div class="row main-row-details">
|
|
<div class="input-box col-md-6 ">
|
|
<label class="details">Institution Name<span style="color: #EE3C4D;">*</span></label>
|
|
<input required onkeypress="return onlyAlphabets(event)" type="text"
|
|
name="institution_name" id="institution_name" placeholder="Enter Institution Name"
|
|
value="{{application.name}}" oninvalid="this.setCustomValidity('Please enter name')"
|
|
oninput="setCustomValidity('')">
|
|
</div>
|
|
<div class="input-box col-md-6 ">
|
|
<label class="details">Nature of Institution<span style="color: #EE3C4D; ">*</span>
|
|
</label>
|
|
<select id="institution_nature" name="inst_type" class="disable" required
|
|
value="{{application.institute_type}}">
|
|
<option disabled value="">Select...</option>
|
|
<option value="film_school"> Film School </option>
|
|
<option value="general_school"> General School </option>
|
|
<option value="university_club"> University Club </option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="row main-row-details">
|
|
<div class="input-box col-md-6 ">
|
|
<label class="details">Phone Number<span style="color: #EE3C4D;">*</span></label>
|
|
<input value="+{{application.institute_phone_number_country_code}}"
|
|
id="institution_phone_number_country_code"
|
|
onkeypress="return restrictAlphabets(event)" type="text" name="phonenumber"
|
|
class="greyback" disabled readonly>
|
|
<input value="{{application.institute_phone_number}}" id="institution_phone_number"
|
|
onkeypress="return restrictAlphabets(event)" type="text" name="phonenumber"
|
|
autocomplete="off" required minlength="8" maxlength="16"
|
|
oninvalid="this.setCustomValidity('Please enter phone number')"
|
|
oninput="setCustomValidity('')">
|
|
</div>
|
|
<div class="input-box col-md-6 ">
|
|
<label class="details">Institution Email<span style="color: #EE3C4D;">*</span></label>
|
|
<input required onkeypress="return onlyAlphabets(event)" type="email"
|
|
name="institution_email" id="institution_email" placeholder="Enter your Email"
|
|
value="{{application.institute_email}}" autocomplete="off"
|
|
oninvalid="this.setCustomValidity('Please enter email')"
|
|
oninput="setCustomValidity('')">
|
|
</div>
|
|
<div class="input-box col-md-6 ">
|
|
<label class="details">Institution Domain<span style="color: #EE3C4D;">*</span></label>
|
|
<input required onkeypress="return onlyAlphabets(event)" type="text"
|
|
name="institution_domain" id="institution_domain" placeholder="Enter your Domain"
|
|
value="{{application.domain_name}}" autocomplete="off"
|
|
oninvalid="this.setCustomValidity('Please enter domain')"
|
|
oninput="setCustomValidity('')">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="heading-2">Contact Information</div>
|
|
<hr>
|
|
<div class="row main-row-details">
|
|
<div class="input-box col-md-6 ">
|
|
<label class="details">Admin Name<span style="color: #EE3C4D;">*</span></label>
|
|
{% if user.is_active %}
|
|
<input type="text" placeholder="{{application.admin_name}}" id='institution_admin_name'
|
|
value="{{application.admin_name}}" class="greyback" readonly disabled required> {% else %}
|
|
<input required type="text" placeholder="Enter your Admin Name" required> {% endif %}
|
|
</div>
|
|
<div class="input-box col-md-6 ">
|
|
<label class="details">Admin Email<span style="color: #EE3C4D;">*</span></label>
|
|
{% if user.is_active %}
|
|
<input name="email" type="email" id="institution_admin_email"
|
|
placeholder="{{application.admin_email}}" value="{{application.admin_email}}"
|
|
readonly disabled autocomplete="off" class="greyback">
|
|
{% else %}
|
|
<input id="email" name="email" required type="email" placeholder="Enter your email"
|
|
onkeydown="validation()" class="greyback" disabled readonly autocomplete="off">
|
|
<span id="text"></span>
|
|
{% endif %}
|
|
</div>
|
|
<div class="input-box col-md-6 ">
|
|
<label class="details">Admin Phone Number<span style="color: #EE3C4D;">*</span></label>
|
|
<input value="+{{application.admin_phone_number_country_code}}"
|
|
id="institution_admin_phone_number_country_code"
|
|
onkeypress="return restrictAlphabets(event)" type="text" name="phonenumber"
|
|
class="greyback" disabled readonly>
|
|
<input value="{{application.admin_phone_number}}" id="institution_admin_phone_number"
|
|
onkeypress="return restrictAlphabets(event)" type="text" name="phonenumber"
|
|
autocomplete="off" minlength="8" maxlength="16"
|
|
oninvalid="this.setCustomValidity('Please enter number')" required
|
|
oninput="setCustomValidity('')">
|
|
</div>
|
|
<div class="input-box col-md-6 ">
|
|
<label class="details">Institution Address<span style="color: #EE3C4D;">*</span></label>
|
|
<input required type="text" name="institution_address" id="institution_address"
|
|
placeholder="Enter your Address" value="{{application.address}}" formnovalidate
|
|
oninvalid="this.setCustomValidity('Please enter address')"
|
|
oninput="setCustomValidity('')">
|
|
</div>
|
|
</div>
|
|
<div class="row main-row-details">
|
|
<div class="input-box col-md-6 ">
|
|
<label class="details">Country<span style="color: #EE3C4D;">*</span></label>
|
|
<input type="text" id="institution_country" value="{{application.country}}" disabled
|
|
class="greyback" readonly>
|
|
|
|
</div>
|
|
<div class="input-box col-md-6 ">
|
|
<label class="details">State<span style="color: #EE3C4D;">*</span></label>
|
|
<input type="text" id="institution_state" value="{{application.state}}" disabled
|
|
class="greyback" readonly>
|
|
|
|
</div>
|
|
<div class="input-box col-md-6 ">
|
|
<label class="details">City<span style="color: #EE3C4D;">*</span></label>
|
|
<input type="text" id="institution_city" value="{{application.city}}" disabled
|
|
class="greyback" readonly>
|
|
</span>
|
|
</div>
|
|
<div class="input-box col-md-6 ">
|
|
<label class="details">Postal Code<span style="color: #EE3C4D;">*</span></label>
|
|
<input required onkeypress="return restrictAlphabets(event)" type="text"
|
|
id="institution_postal_code" name="institution_postal_code"
|
|
placeholder="Enter Postal Code" required="" value="{{application.pin_code}}">
|
|
</div>
|
|
</div>
|
|
<div class="heading-2">Logo Upload</div>
|
|
<hr>
|
|
<div class="newrowk">
|
|
<label style="font-weight: 600; display:block;" class="uploadtext">Upload your institution
|
|
logo<span style="color: #EE3C4D;">*</span>
|
|
</label>
|
|
<p style="font-weight: 500;color:#616161 !important; font-size:12px;">(accepts only
|
|
jpeg/jpg/png format)</p><img src="/media/{{ application.kyc}}" loading="lazyloading"
|
|
style="height:250px; width:250px; border:1px solid #33B0CA; border-radius:3px;"
|
|
alt="KYC Document" />
|
|
<div class="inside_newrok">
|
|
<input type="file" class="institute_kyc" id="SecondDocument" name="myfile1"
|
|
accept="image/*" style="padding-top:10.5px;padding-bottom:9px; font-size:12px;">
|
|
</div>
|
|
<span style="font-weight: 500;color:#252525 !important; font-size:12px;">If you want to
|
|
change your logo, you can upload it here</span>
|
|
</div>
|
|
|
|
<div class="row main-row-details">
|
|
<div class="input-box col-md-6 " style="display: flex;
|
|
left: -19%;
|
|
position: relative;
|
|
align-items:center;">
|
|
<label class="details">Requested Credit Limit <span
|
|
style="color: #EE3C4D;">*</span></label>
|
|
<input value="{{application.requested_credit_point}}"
|
|
id="institution_request_credit_limit" type="number"
|
|
name="institution_request_credit_limit" placeholder="Enter Value(up to 1 Lakh)"
|
|
oninput="validateCreditLimit(this)" required min="1" max="100000"
|
|
oninvalid="this.setCustomValidity('Please enter credit point')"
|
|
oninput="setCustomValidity('')" style="width: 110px !important">
|
|
</div>
|
|
|
|
{% if not user.is_active %}
|
|
<div class="">
|
|
<span class="details">Password <span style="color: #EE3C4D;">*</span></span>
|
|
<input type="password" placeholder="Enter your password" required>
|
|
</div>
|
|
<div class="input-box col-md-4">
|
|
<span class="details">Confirm Password <span style="color: #EE3C4D;">*</span></span>
|
|
<input type="password" placeholder="Confirm your password" required>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
<input type="text" id="user_role" name="user_role" value="corporate"
|
|
style="width: 190px; display:none">
|
|
|
|
<button id="InstituteSubmitButton" class="stylebutton1"
|
|
onclick="submitInstituteRegForm('{{application.institute_uuid}}')">SUBMIT</button>
|
|
|
|
</div>
|
|
{% comment %} <div class="other1"> {% endcomment %}
|
|
|
|
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<br>
|
|
</div>
|
|
|
|
<!-- //Student Non Afiiliated Rejected form Registration Page -->
|
|
<div id="unaffiliated_container" class="" style="display:none; margin-top: 25px;">
|
|
<!--Un-Affiliated Division-->
|
|
<div id="unaffiliated" class="mx-auto my-5">
|
|
<div class="container">
|
|
<div class="heading-2">Un-Affiliated Registration</div>
|
|
<hr>
|
|
<form onsubmit="return false;" enctype="multipart/form-data" id="unaffiliated-form">
|
|
{% csrf_token %}
|
|
<div class="user-details">
|
|
<div class="row main-row-details">
|
|
<div class="input-box col-md-6 " style="margin-left:0 !important;">
|
|
<label class="details">Student Name<span style="color: #EE3C4D;">*</span></label>
|
|
<input required disabled readonly class="greyback" onkeypress="return onlyAlphabets(event)"
|
|
type="text" autocomplete="off" name="unaffiliatedStudentName"
|
|
id="unaffiliatedStudentName" placeholder="Enter Student Name"
|
|
value="{{application.name}}">
|
|
</div>
|
|
|
|
</div>
|
|
<div class="row main-row-details">
|
|
<div class="input-box col-md-6 ">
|
|
<label class="details">Email Id provided by the institution<span
|
|
style="color: #EE3C4D;">*</span></label>
|
|
<input required readonly disabled class="greyback" onkeypress="return onlyAlphabets(event)"
|
|
type="email" autocomplete="off" name="unaffiliatedStudentInstitutionEmailID"
|
|
id="unaffiliatedStudentInstitutionEmailID" placeholder="Enter Institution Email Id"
|
|
value="{{application.student_institute_email}}">
|
|
</div>
|
|
<div class="input-box col-md-6 ">
|
|
<label class="details">Alternative Email Id<span
|
|
style="color: #EE3C4D;">*</span></label>
|
|
<input required onkeypress="return onlyAlphabets(event)" type="email" autocomplete="off"
|
|
name="unaffiliatedStudentAltEmailID" id="unaffiliatedStudentAltEmailID"
|
|
placeholder="Enter Alternative Email Id" value="{{application.email}} "
|
|
oninvalid="this.setCustomValidity('Please enter email')"
|
|
oninput="setCustomValidity('')">
|
|
</div>
|
|
</div>
|
|
<div class="row main-row-details">
|
|
<div class="input-box col-md-6 ">
|
|
<label class="details">Phone Number<span style="color: #EE3C4D;">*</span></label>
|
|
<input value="+{{application.unaffiliated_student_phone_number_country_code}}"
|
|
id="unaffiliatedStudentPhoneCCode" onkeypress="return restrictAlphabets(event)"
|
|
type="text" name="phonenumber" class="greyback" readonly disabled>
|
|
<input value="{{application.unaffiliated_student_phone_number}}" autocomplete="off"
|
|
id="unaffiliatedStudentPhoneNumber" onkeypress="return restrictAlphabets(event)"
|
|
type="tel" name="phonenumber" required minlength="8" maxlength="16"
|
|
oninvalid="this.setCustomValidity('Please enter phone number')"
|
|
oninput="setCustomValidity('')">
|
|
</div>
|
|
<div class="input-box col-md-6 ">
|
|
<label class="details">Alternative Phone Number<span
|
|
style="color: #EE3C4D;">*</span></label>
|
|
<input value="+{{application.unaffiliated_student_alternate_phone_number_country_code}}"
|
|
id="unaffiliated_student_alternate_phone_number_country_code"
|
|
onkeypress="return restrictAlphabets(event)" type="text" name="phonenumber"
|
|
class="greyback" readonly disabled>
|
|
<input value="{{application.unaffiliated_student_alternate_phone_number}}"
|
|
autocomplete="off" id="unaffiliated_student_alternate_phone_number"
|
|
onkeypress="return restrictAlphabets(event)" type="tel"
|
|
name="unaffiliated_student_alternate_phone_number" required minlength="8"
|
|
maxlength="16" oninvalid="this.setCustomValidity('Please enter phone number')"
|
|
oninput="setCustomValidity('')">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="heading-2">KYC Verification</div>
|
|
<hr>
|
|
<div class="newrowk">
|
|
<label style="font-weight: 600; display:block;" class="uploadtext">Upload your currently valid student
|
|
ID<span style="color: #EE3C4D;">*</span>
|
|
</label>
|
|
<p style="font-weight: 500;color:#616161 !important; font-size:12px;">(accepts only
|
|
jpeg/jpg/png format)</p>
|
|
<img src="/media/{{ application.kyc}}" loading="lazyloading"
|
|
style="height:250px; width:250px; border:1px solid #33B0CA; border-radius:3px;"
|
|
alt="KYC Document" />
|
|
<div class="inside_newrok">
|
|
<input type="file" class="student_kyc" id="uploadedUnaffiliatedDocumentContainer" name="myfile1"
|
|
accept="image/*" style="padding-top:3.5px;padding-bottom:9px;font-size:12px;">
|
|
</div>
|
|
<span style="font-weight: 500;color:#252525 !important; font-size:12px;">If you want to
|
|
change your logo, you can upload it here</span>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="row main-row-details">
|
|
<div class="input-box col-md-12 " id="newDiv">
|
|
<label class="details" id="passDiv">Valid Upto<span style="color: #EE3C4D;">*</span></label>
|
|
<input type="hidden" name="IdcomingfroBack" id="IdcomingfroBack" placeholder=""
|
|
value="{{application.end_date}}" style="max-width: 175px; text-align:center;">
|
|
<input type="date" name="passing_date" id="unaffiliatedStudentPass" placeholder="Enter Date"
|
|
value="" style="max-width: 175px; left: 10px; text-align:center;">
|
|
</div>
|
|
|
|
{% if not user.is_active %}
|
|
<div class="">
|
|
<span class="details">Password <span style="color: #EE3C4D;">*</span></span>
|
|
<input type="password" placeholder="Enter your password" required>
|
|
</div>
|
|
<div class="input-box col-md-4">
|
|
<span class="details">Confirm Password <span style="color: #EE3C4D;">*</span></span>
|
|
<input type="password" placeholder="Confirm your password" required>
|
|
</div>
|
|
{% endif %}
|
|
<button id="InstituteSubmitButton" class="stylebutton1"
|
|
onclick="submitUnAffiliatedRegForm('{{application.unaffiliated_student_uuid}}')" style="left: 0;
|
|
transform: none;">SUBMIT</button>
|
|
</div>
|
|
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<br>
|
|
<br>
|
|
</div>
|
|
|
|
<!-- //Student Waiting for their institution to be registered Rejected form Registration Page -->
|
|
<div id="waiting_container" class="" style="display:none; z-index:99999999999999999;">
|
|
<!--Affiliated Division-->
|
|
<div id="waiting" class="">
|
|
<div class="container">
|
|
<div class="heading-2">Student Waiting for Institute Registration</div>
|
|
<hr>
|
|
<form onsubmit="return false;" enctype="multipart/form-data" id="waiting-form">
|
|
{% csrf_token %}
|
|
<div class="user-details">
|
|
<div class="row main-row-details">
|
|
<div class="input-box col-md-6 ">
|
|
<span class="details">Name<span style="color: #EE3C4D;">*</span></span>
|
|
<input readonly disabled required onkeypress="return onlyAlphabets(event)" autocomplete="off"
|
|
type="text" name="waitStudentName" id="waitStudentName" class="greyback"
|
|
placeholder="Enter Student Name" value="{{application.name}}">
|
|
</div>
|
|
<div class="input-box col-md-6 ">
|
|
<span class="details">Email Id Provided by the Institution<span
|
|
style="color: #EE3C4D;">*</span></span>
|
|
<input required readonly disabled class="greyback" onkeypress="return onlyAlphabets(event)"
|
|
autocomplete="off" type="email" name="waitStudentInstituteEmail"
|
|
id="waitStudentInstituteEmail" placeholder="Enter Institution Email Id"
|
|
value="{{application.student_institute_email}}">
|
|
</div>
|
|
</div>
|
|
<div class="row main-row-details">
|
|
|
|
<div class="input-box col-md-6 ">
|
|
<span class="details">Alternative Email<span style="color: #EE3C4D;">*</span></span>
|
|
<input required onkeypress="return onlyAlphabets(event)" type="email" autocomplete="off"
|
|
name="waitStudentAltEmail" id="waitStudentAltEmail"
|
|
placeholder="Enter Alternative Email Id" value="{{application.email}}">
|
|
</div>
|
|
<div class="input-box col-md-6 ">
|
|
<span class="details">Phone Number<span style="color: #EE3C4D;">*</span></span>
|
|
<input value="+{{application.wait_for_institute_student_phone_number_country_code}}"
|
|
id="waitStudentPhoneCode" onkeypress="return restrictAlphabets(event)" type="text"
|
|
name="waitStudentPhoneCode" readonly disabled class="greyback">
|
|
<input value="{{application.wait_for_institute_student_phone_number}}"
|
|
autocomplete="off" maxlength="15" id="waitStudentPhoneNumber"
|
|
onkeypress="return restrictAlphabets(event)" type="text"
|
|
name="waitStudentPhoneNumber">
|
|
</div>
|
|
<div class="input-box col-md-6 ">
|
|
<span class="details">Alternative Phone Number<span
|
|
style="color: #EE3C4D;">*</span></span>
|
|
<input value="+{{application.wait_for_institute_student_a_phone_number_country_code}}"
|
|
id="waitStudentAltPhoneCode" class="greyback"
|
|
onkeypress="return restrictAlphabets(event)" type="text"
|
|
name="waitStudentAltPhoneCode" readonly disabled>
|
|
<input value="{{application.wait_for_institute_student_alternate_phone_number}}"
|
|
autocomplete="off" maxlength="15" id="waitStudentAltPhoneNumber"
|
|
onkeypress="return restrictAlphabets(event)" type="text"
|
|
name="waitStudentAltPhoneNumber">
|
|
</div>
|
|
<div class="input-box col-md-6 ">
|
|
<span class="details">Institution Email<span style="color: #EE3C4D;">*</span></span>
|
|
<input required readonly disabled class="greyback" onkeypress="return onlyAlphabets(event)"
|
|
autocomplete="off" type="email" name="waitStudentInstituttionInviteEmail"
|
|
id="waitStudentInstituttionInviteEmail" placeholder="Enter Institution Email Id"
|
|
value="{{application.institute_email}}">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="heading-2">KYC Verification</div>
|
|
<hr>
|
|
<div class="newrowk">
|
|
<label style="font-weight: 600; display:block;" class="uploadtext">Upload your currently valid student
|
|
ID<span style="color: #EE3C4D;">*</span>
|
|
</label>
|
|
<p style="font-weight: 500;color:#616161 !important; font-size:12px;">(accepts only
|
|
jpeg/jpg/png format)</p>
|
|
<img src="/media/{{ application.kyc}}" loading="lazyloading"
|
|
style="height:250px; width:250px; border:1px solid #33B0CA; border-radius:3px;"
|
|
alt="KYC Document" />
|
|
<div class="inside_newrok">
|
|
<input type="file" class="student_kyc" id="WaitStudentDocument" name="myfile1"
|
|
accept="image/*" style="padding-top:3.5px;padding-bottom:9px;font-size:12px;">
|
|
</div>
|
|
<span style="font-weight: 500;color:#252525 !important; font-size:12px;">If you want to
|
|
change your logo, you can upload it here</span>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="row main-row-details">
|
|
<div class="input-box col-md-12 " id="passwaitDiv">
|
|
<span class="details">Valid Upto<span style="color: #EE3C4D;">*</span></span>
|
|
<input type="hidden" name="waitStudentIdcomingfroBack" id="waitStudentIdcomingfroBack"
|
|
value="{{application.end_date}}" style="max-width: 175px; text-align:center;">
|
|
<input type="date" name="waitStudentPass" id="waitStudentPass" placeholder="Enter Date"
|
|
min="" style="max-width: 175px; text-align:center;"/>
|
|
</div>
|
|
|
|
<div class="row main-row-details">
|
|
{% if not user.is_active %}
|
|
<div class="">
|
|
<span class="details">Password <span style="color: #EE3C4D;">*</span></span>
|
|
<input type="password" placeholder="Enter your password" required>
|
|
</div>
|
|
<div class="input-box col-md-4">
|
|
<span class="details">Confirm Password <span style="color: #EE3C4D;">*</span></span>
|
|
<input type="password" placeholder="Confirm your password" required>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
<button id="waitingSubmitButton" class="stylebutton1"
|
|
onclick="submitWaitRegForm('{{application.wait_for_institute_student_uuid}}')" style="margin-left:0 !important;">SUBMIT</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<br>
|
|
</div>
|
|
|
|
|
|
<script>
|
|
// Get a reference to the input element
|
|
var inputElement = document.getElementById('unaffiliatedStudentPass');
|
|
var inputElement1 = document.getElementById('waitStudentPass');
|
|
var inputElement2 = document.getElementById('waitStudentIdcomingfroBack');
|
|
|
|
// Add an event listener to the input element to capture keydown events
|
|
inputElement.addEventListener('keydown', function (event) {
|
|
// Prevent the default behavior of the keypress
|
|
event.preventDefault();
|
|
});
|
|
|
|
inputElement1.addEventListener('keydown', function (event) {
|
|
// Prevent the default behavior of the keypress
|
|
event.preventDefault();
|
|
});
|
|
|
|
inputElement2.addEventListener('keydown', function (event) {
|
|
// Prevent the default behavior of the keypress
|
|
event.preventDefault();
|
|
});
|
|
</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('unaffiliatedStudentPass').min = currentDateOnly;
|
|
|
|
console.log(currentDate);
|
|
console.log(currentDateOnly);
|
|
</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('waitStudentPass').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>
|
|
<script>
|
|
function openForm() {
|
|
var corporate_container1 = document.getElementById('corporate_container');
|
|
var institute_container1 = document.getElementById('institute_container');
|
|
var unaffiliated_container1 = document.getElementById('unaffiliated_container');
|
|
var waiting_container1 = document.getElementById('waiting_container');
|
|
var app_Type = document.getElementById("Application_type").value;
|
|
var buttcolor = document.getElementById('UpdateButton');
|
|
var title = document.getElementById('title');
|
|
buttcolor.style.display = "none";
|
|
title.innerHTML = "Your Application has been rejected!";
|
|
console.log(app_Type)
|
|
if (app_Type === "InstituteMembership") {
|
|
|
|
// Condition 1: If app_Type is InstituteMembership, show institute_container1's content
|
|
institute_container1.style.display = "block";
|
|
|
|
|
|
// Condition 2: If institute_container1 display is none, toggle its display to block (make it visible)
|
|
if (corporate_container1.style.display === "block") {
|
|
corporate_container1.style.display = "none";
|
|
}
|
|
if (unaffiliated_container1.style.display === "block") {
|
|
unaffiliated_container1.style.display = "none";
|
|
}
|
|
if (waiting_container1.style.display === "block") {
|
|
waiting_container1.style.display = "none";
|
|
}
|
|
|
|
}
|
|
else if (app_Type === "CorporateMembership") {
|
|
// Condition 3: If app_Type is CoprporateMembership, show corporate_container1's content
|
|
corporate_container1.style.display = "block";
|
|
|
|
// Condition 4: If corporate_container1 display is none, toggle its display to block (make it visible)
|
|
if (institute_container1.style.display === "block") {
|
|
institute_container1.style.display = "none";
|
|
}
|
|
if (unaffiliated_container1.style.display === "block") {
|
|
unaffiliated_container1.style.display = "none";
|
|
}
|
|
if (waiting_container1.style.display === "block") {
|
|
waiting_container1.style.display = "none";
|
|
}
|
|
}
|
|
|
|
else if (app_Type === "UnaffiliatedStudentMembership") {
|
|
// Condition 3: If app_Type is UnaffiliatedStudentMembership, show unaffiliated_container1's content
|
|
unaffiliated_container1.style.display = "block";
|
|
|
|
// Condition 4: If unaffiliated_container1 display is none, toggle its display to block (make it visible)
|
|
if (institute_container1.style.display === "block") {
|
|
institute_container1.style.display = "none";
|
|
}
|
|
if (corporate_container1.style.display === "block") {
|
|
corporate_container1.style.display = "none";
|
|
}
|
|
if (waiting_container1.style.display === "block") {
|
|
waiting_container1.style.display = "none";
|
|
}
|
|
}
|
|
|
|
else if (app_Type === "WaitForInstituteStudentMembership") {
|
|
|
|
waiting_container1.style.display = "block";
|
|
|
|
// Condition 4: If unaffiliated_container1 display is none, toggle its display to block (make it visible)
|
|
if (institute_container1.style.display === "block") {
|
|
institute_container1.style.display = "none";
|
|
}
|
|
if (corporate_container1.style.display === "block") {
|
|
corporate_container1.style.display = "none";
|
|
}
|
|
if (unaffiliated_container1.style.display === "block") {
|
|
unaffiliated_container1.style.display = "none";
|
|
}
|
|
|
|
}
|
|
else {
|
|
// If app_Type is neither "UnaffiliatedStudentMembership" nor "CoprporateMembership",
|
|
// hide both containers (if they were visible)
|
|
institute_container1.style.display = "none";
|
|
corporate_container1.style.display = "none";
|
|
unaffiliated_container1.style.display = "none";
|
|
waiting_container1.style.display = "none";
|
|
}
|
|
}
|
|
</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 type="text/javascript">
|
|
async function submitCorporateRegForm(vall) {
|
|
|
|
var firm_name = document.getElementById("corporate_name").value;
|
|
var firm_address = document.getElementById("corporate_address").value;
|
|
var firm_pincode = document.getElementById("corporate_pin_code").value;
|
|
var firm_support_email = document.getElementById("corporate_contact_person_support_email").value;
|
|
var firm_contact_number = document.getElementById("corporate_contact_person_phone_number").value;
|
|
var firm_support_number = document.getElementById("corporate_contact_person_support_phone_number").value;
|
|
var acesTok = localStorage.getItem("accessToken");
|
|
var fileInput = document.getElementById('firstDocument');
|
|
var file = fileInput.files[0];
|
|
var requested_credit_point = document.getElementById('request_credit_point').value;
|
|
|
|
console.log(firm_name);
|
|
console.log(firm_address);
|
|
console.log(firm_pincode);
|
|
console.log(firm_support_email);
|
|
console.log(firm_contact_number);
|
|
console.log(firm_support_number);
|
|
console.log(fileInput);
|
|
console.log(requested_credit_point);
|
|
|
|
var fileVariable = file;
|
|
|
|
// Perform client-side validations
|
|
var emptyFields = [];
|
|
var invalidFields = [];
|
|
|
|
if (!firm_name) emptyFields.push("Name");
|
|
else if (firm_name.length > 100) invalidFields.push("Name (maximum 100 characters)");
|
|
|
|
if (!firm_address) emptyFields.push("Address");
|
|
else if (firm_address.length > 100) invalidFields.push("Address (maximum 100 characters)");
|
|
|
|
if (!firm_pincode) emptyFields.push("Pin Code");
|
|
else if (firm_pincode.length > 20) invalidFields.push("Pin Code (maximum 20 characters)");
|
|
|
|
|
|
if (!firm_support_email) emptyFields.push("Contact Person Support Email");
|
|
else if (firm_support_email.length > 254) invalidFields.push("Contact Person Support Email (maximum 254 characters)");
|
|
|
|
if (!firm_contact_number) emptyFields.push("Phone Number(Maximum 16 characters and Minimum 8 characters)");
|
|
if (firm_contact_number.length >= 17) invalidFields.push("Contact Person Phone Number (maximum 16 characters)");
|
|
if (firm_contact_number.length <= 7) invalidFields.push("Contact Person Phone Number (minimum 8 characters)");
|
|
|
|
if (!firm_support_number) emptyFields.push("Support Phone Number(Maximum 16 characters and Minimum 8 characters)");
|
|
if (firm_support_number.length >= 17) invalidFields.push("Contact Person Support Phone Number (maximum 16 characters)");
|
|
if (firm_support_number.length <= 7) invalidFields.push("Contact Person Support Phone Number (minimum 8 characters)");
|
|
|
|
|
|
if (!requested_credit_point) emptyFields.push("Requested Credit Limit");
|
|
if (requested_credit_point.length > 48) invalidFields.push("Requested Credit Limit (maximum 48 characters)");
|
|
|
|
const emailRegex = /^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}$/;
|
|
|
|
if (emailRegex.test(firm_support_email)) {
|
|
spinnerStatus = 'true';
|
|
}
|
|
else {
|
|
spinnerStatus = 'false';
|
|
return
|
|
}
|
|
|
|
|
|
if (emptyFields.length > 0) {
|
|
spinnerStatus = 'false';
|
|
var errorMessage = "Please fill in the following fields:\n" + emptyFields.join("\n");
|
|
{% comment %} alert(errorMessage); {% endcomment %}
|
|
|
|
return;
|
|
}
|
|
var spinnerStatus = 'true';
|
|
if (invalidFields.length > 0) {
|
|
spinnerStatus = 'false';
|
|
var errorMessage = "Please correct the following field lengths:\n" + invalidFields.join("\n");
|
|
{% comment %} alert(errorMessage); {% endcomment %}
|
|
|
|
return;
|
|
}
|
|
if (spinnerStatus == 'true') {
|
|
showLoader();
|
|
}
|
|
else {
|
|
hideLoader();
|
|
}
|
|
var formData = new FormData();
|
|
|
|
formData.append("name", firm_name);
|
|
formData.append("address", firm_address);
|
|
formData.append("pin_code", firm_pincode);
|
|
if (file !== undefined) {
|
|
formData.append("kyc", fileVariable);
|
|
}
|
|
formData.append("contact_person_support_email", firm_support_email);
|
|
formData.append("contact_person_phone_number", firm_contact_number);
|
|
formData.append("contact_person_support_phone_number", firm_support_number);
|
|
formData.append("requested_credit_point", requested_credit_point);
|
|
formData.append("is_approved", 'pending');
|
|
console.log(formData);
|
|
|
|
// Make a POST request to submit the form data
|
|
fetch('/institute/api/corporate-members/' + vall + '/', {
|
|
method: 'PATCH',
|
|
headers: {
|
|
'Authorization': `Bearer ${acesTok}`
|
|
},
|
|
body: formData
|
|
})
|
|
.then(response => response.json())
|
|
.then(data => {
|
|
console.log(data);
|
|
hideLoader();
|
|
location.reload();
|
|
})
|
|
.catch(error => console.error(error));
|
|
|
|
};
|
|
|
|
async function submitInstituteRegForm(vall) {
|
|
|
|
var institution_name = document.getElementById("institution_name").value;
|
|
console.log(institution_name);
|
|
var institution_nature = document.getElementById("institution_nature").value;
|
|
console.log(institution_nature);
|
|
var institution_phone_number = document.getElementById("institution_phone_number").value;
|
|
console.log(institution_phone_number);
|
|
var institution_email = document.getElementById("institution_email").value;
|
|
console.log(institution_email);
|
|
var institution_domain = document.getElementById("institution_domain").value;
|
|
console.log(institution_domain);
|
|
var institution_admin_number = document.getElementById("institution_admin_phone_number").value;
|
|
console.log(institution_admin_number);
|
|
var institution_address = document.getElementById("institution_address").value;
|
|
console.log(institution_address);
|
|
var institution_postal_code = document.getElementById("institution_postal_code").value;
|
|
console.log(institution_postal_code);
|
|
var acesTok = localStorage.getItem("accessToken");
|
|
var fileInput = document.getElementById('SecondDocument');
|
|
var file = fileInput.files[0];
|
|
console.log(file);
|
|
var requested_credit_limit1 = document.getElementById('institution_request_credit_limit').value;
|
|
console.log(requested_credit_limit1);
|
|
|
|
|
|
var fileVariable = file;
|
|
|
|
// Perform client-side validations
|
|
var emptyFields = [];
|
|
var invalidFields = [];
|
|
|
|
if (!institution_name) emptyFields.push("Institution Name");
|
|
else if (institution_name.length > 255) invalidFields.push("Institution Name (maximum 255 characters)");
|
|
|
|
if (!institution_nature) emptyFields.push("Nature of Institution");
|
|
else if (institution_nature.length > 255) invalidFields.push("Nature of Institution (maximum 255 characters)");
|
|
|
|
if (!institution_phone_number) emptyFields.push("Phone Number");
|
|
if (institution_phone_number.length <= 7) invalidFields.push("Phone Number(Minimum 8 Characters )");
|
|
else if (institution_phone_number.length >= 17) invalidFields.push("Phone Number(Maximum 16 Characters )");
|
|
|
|
if (!institution_admin_number) emptyFields.push("Admin Phone Number");
|
|
else if (institution_admin_number.length <= 7) invalidFields.push("Admin Phone Number(Minimum 8 Characters )");
|
|
else if (institution_admin_number.length >= 17) invalidFields.push("Admin Phone Number(Maximum 16 Characters )");
|
|
|
|
if (!institution_email) emptyFields.push("Institution Email");
|
|
|
|
if (!institution_domain) emptyFields.push("Institution Domain");
|
|
else if (institution_domain.length > 255) invalidFields.push("Institution Domain (maximum 255 characters)");
|
|
|
|
if (!institution_address) emptyFields.push("Institution Adress");
|
|
|
|
if (!institution_postal_code) emptyFields.push("Postal Code");
|
|
else if (institution_postal_code.length > 10) invalidFields.push("Pin Code (maximum 10 characters)"); requested_credit_limit1
|
|
|
|
if (!requested_credit_limit1) emptyFields.push("Credit Request Limit");
|
|
|
|
const emailRegex = /^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}$/;
|
|
|
|
if (emailRegex.test(institution_email)) {
|
|
spinnerStatus = 'true';
|
|
}
|
|
else {
|
|
spinnerStatus = 'false';
|
|
return
|
|
}
|
|
|
|
|
|
if (emptyFields.length > 0) {
|
|
spinnerStatus = 'false';
|
|
var errorMessage = "Please fill in the following fields:\n" + emptyFields.join("\n");
|
|
{% comment %} alert(errorMessage); {% endcomment %}
|
|
return;
|
|
}
|
|
var spinnerStatus = 'true';
|
|
if (invalidFields.length > 0) {
|
|
spinnerStatus = 'false';
|
|
var errorMessage = "Please correct the following field lengths:\n" + invalidFields.join("\n");
|
|
{% comment %} alert(errorMessage); {% endcomment %}
|
|
return;
|
|
}
|
|
if (spinnerStatus == 'true') {
|
|
showLoader();
|
|
}
|
|
else {
|
|
hideLoader();
|
|
}
|
|
var formData = new FormData();
|
|
|
|
formData.append("name", institution_name);
|
|
formData.append("institute_type", institution_nature);
|
|
formData.append("institute_phone_number", institution_phone_number);
|
|
formData.append("institute_email", institution_email);
|
|
formData.append("domain_name", institution_domain);
|
|
formData.append("admin_phone_number", institution_admin_number);
|
|
formData.append("address", institution_address);
|
|
formData.append("pin_code", institution_postal_code);
|
|
if (file !== undefined) {
|
|
formData.append("kyc", fileVariable);
|
|
}
|
|
formData.append("requested_credit_point", requested_credit_limit1);
|
|
formData.append("is_approved", 'pending');
|
|
|
|
|
|
console.log(formData);
|
|
|
|
// Make a POST request to submit the form data
|
|
fetch('/institute/api/institute/' + vall + '/', {
|
|
method: 'PATCH',
|
|
headers: {
|
|
'Authorization': `Bearer ${acesTok}`
|
|
},
|
|
body: formData
|
|
})
|
|
.then(response => response.json())
|
|
.then(data => {
|
|
console.log(data);
|
|
hideLoader();
|
|
location.reload();
|
|
})
|
|
.catch(error => console.error(error));
|
|
};
|
|
|
|
|
|
|
|
async function submitUnAffiliatedRegForm(vall) {
|
|
|
|
var unaffiliatedStudentAltEmailID = document.getElementById("unaffiliatedStudentAltEmailID").value;
|
|
console.log(unaffiliatedStudentAltEmailID);
|
|
var unaffiliatedStudentPhoneNumber = document.getElementById("unaffiliatedStudentPhoneNumber").value;
|
|
console.log(unaffiliatedStudentPhoneNumber);
|
|
var unaffiliated_student_alternate_phone_number = document.getElementById("unaffiliated_student_alternate_phone_number").value;
|
|
console.log(unaffiliated_student_alternate_phone_number);
|
|
var unaffiliatedStudentPass = document.getElementById('unaffiliatedStudentPass').value;
|
|
console.log(unaffiliatedStudentPass);
|
|
var acesTok = localStorage.getItem("accessToken");
|
|
var fileInput = document.getElementById('uploadedUnaffiliatedDocumentContainer');
|
|
console.log(fileInput);
|
|
var file = fileInput.files[0];
|
|
console.log(file);
|
|
|
|
var fileVariable = file;
|
|
|
|
// Perform client-side validations
|
|
var emptyFields = [];
|
|
var invalidFields = [];
|
|
|
|
if (!unaffiliatedStudentAltEmailID) emptyFields.push("Alternative Email Id");
|
|
console.log("code executred 1")
|
|
|
|
if (!unaffiliatedStudentPhoneNumber) emptyFields.push(" Enter Phone Number (Maximum 16 characters and Minimum 8 Characters)");
|
|
if (unaffiliatedStudentPhoneNumber.length >= 17) invalidFields.push("Student's Phone Number(Maximum 16 characters)");
|
|
if (unaffiliatedStudentPhoneNumber.length <= 7) invalidFields.push("Student's Phone Number(Minimum 8 characters)");
|
|
|
|
if (!unaffiliated_student_alternate_phone_number) emptyFields.push(" Enter Alternative Phone Number(Maximum 16 characters and Minimum 8 Characters)");
|
|
if (unaffiliated_student_alternate_phone_number.length >= 17) invalidFields.push("Student's Alternative Phone Number(Maximum 16 characters)");
|
|
if (unaffiliated_student_alternate_phone_number.length <= 7) invalidFields.push("Student's Alternative Phone Number(Minimum 8 characters)");
|
|
|
|
|
|
if (!unaffiliatedStudentPass) emptyFields.push("Passing Date");
|
|
|
|
console.log("code executred 4")
|
|
|
|
const emailRegex = /^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}$/;
|
|
|
|
if (emailRegex.test(unaffiliatedStudentAltEmailID)) {
|
|
spinnerStatus = 'true';
|
|
}
|
|
else {
|
|
spinnerStatus = 'false';
|
|
return
|
|
}
|
|
|
|
if (emptyFields.length > 0) {
|
|
spinnerStatus = 'false';
|
|
var errorMessage = "Please fill in the following fields:\n" + emptyFields.join("\n");
|
|
{% comment %} alert(errorMessage); {% endcomment %}
|
|
return;
|
|
}
|
|
console.log("code executred 5")
|
|
var spinnerStatus = 'true';
|
|
if (invalidFields.length > 0) {
|
|
spinnerStatus = 'false';
|
|
var errorMessage = "Please correct the following field lengths:\n" + invalidFields.join("\n");
|
|
{% comment %} alert(errorMessage); {% endcomment %}
|
|
return;
|
|
}
|
|
|
|
|
|
console.log("code executred 6")
|
|
if (spinnerStatus == 'true') {
|
|
showLoader();
|
|
}
|
|
else {
|
|
hideLoader();
|
|
}
|
|
var formData = new FormData();
|
|
formData.append("email", unaffiliatedStudentAltEmailID);
|
|
console.log("code executred 8")
|
|
formData.append("unaffiliated_student_phone_number", unaffiliatedStudentPhoneNumber);
|
|
console.log("code executred 9")
|
|
formData.append("unaffiliated_student_alternate_phone_number", unaffiliated_student_alternate_phone_number);
|
|
console.log("code executred 10")
|
|
formData.append("end_date", unaffiliatedStudentPass);
|
|
console.log("code executred 11")
|
|
|
|
if (file !== undefined) {
|
|
formData.append("kyc", fileVariable);
|
|
}
|
|
console.log("code executred 12")
|
|
formData.append("is_approved", 'pending');
|
|
|
|
console.log("code executred 13")
|
|
console.log(formData);
|
|
|
|
console.log("code executred 14")
|
|
// Make a POST request to submit the form data
|
|
fetch('/institute/api/unaffiliated-student/' + vall + '/', {
|
|
method: 'PATCH',
|
|
headers: {
|
|
'Authorization': `Bearer ${acesTok}`
|
|
},
|
|
body: formData
|
|
})
|
|
.then(response => response.json())
|
|
.then(data => {
|
|
console.log(data);
|
|
hideLoader();
|
|
location.reload();
|
|
})
|
|
.catch(error => console.error(error))
|
|
|
|
};
|
|
|
|
|
|
|
|
async function submitWaitRegForm(vall) {
|
|
|
|
var waitStudentAltEmail = document.getElementById("waitStudentAltEmail").value;
|
|
console.log(waitStudentAltEmail);
|
|
|
|
var waitStudentPhoneNumber = document.getElementById('waitStudentPhoneNumber').value;
|
|
console.log(waitStudentPhoneNumber);
|
|
|
|
var waitStudentAltPhoneNumber = document.getElementById('waitStudentAltPhoneNumber').value;
|
|
console.log(waitStudentAltPhoneNumber);
|
|
|
|
var waitStudentInstituttionInviteEmail = document.getElementById('waitStudentInstituttionInviteEmail').value;
|
|
console.log(waitStudentInstituttionInviteEmail);
|
|
|
|
var waitStudentPass = document.getElementById('waitStudentPass').value;
|
|
console.log(waitStudentPass);
|
|
|
|
var fileInput = document.getElementById('WaitStudentDocument');
|
|
var file = fileInput.files[0];
|
|
|
|
console.log(file);
|
|
|
|
var fileVariable = file;
|
|
var acesTok = localStorage.getItem("accessToken");
|
|
|
|
// Perform client-side validations
|
|
var emptyFields = [];
|
|
var invalidFields = [];
|
|
|
|
if (!waitStudentAltEmail) emptyFields.push("Alternative Email Id");
|
|
|
|
if (!waitStudentInstituttionInviteEmail) emptyFields.push("Invitation to Institution Email Id");
|
|
|
|
if (!waitStudentPhoneNumber) emptyFields.push("Phone Number(Maximum 16 characters and Minimum 8 characters)");
|
|
|
|
if (waitStudentPhoneNumber.length >= 17) invalidFields.push("Phone Number (maximum 16 characters)");
|
|
if (waitStudentPhoneNumber.length <= 7) invalidFields.push("Phone Number (minimum 8 characters)");
|
|
|
|
if (!waitStudentAltPhoneNumber) emptyFields.push("Alternative Phone Number(Maximum 16 characters and Minimum 8 characters)");
|
|
if (waitStudentAltPhoneNumber.length >= 17) invalidFields.push("Alternate Phone Number (maximum 16 characters)");
|
|
if (waitStudentAltPhoneNumber.length <= 7) invalidFields.push("Alternate Phone Number (minimum 8 characters)");
|
|
|
|
if (!waitStudentPass) emptyFields.push("Passing Date");
|
|
else if (unaffiliatedStudentPass.length > 16) invalidFields.push("Date (maximum 16 characters)");
|
|
console.log("code executred 4")
|
|
|
|
const emailRegex = /^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}$/;
|
|
|
|
if (emailRegex.test(waitStudentAltEmail)) {
|
|
spinnerStatus = 'true';
|
|
}
|
|
else {
|
|
spinnerStatus = 'false';
|
|
return
|
|
}
|
|
|
|
if (emailRegex.test(waitStudentInstituttionInviteEmail)) {
|
|
spinnerStatus = 'true';
|
|
}
|
|
else {
|
|
spinnerStatus = 'false';
|
|
return
|
|
}
|
|
|
|
|
|
if (emptyFields.length > 0) {
|
|
spinnerStatus = 'false';
|
|
var errorMessage = "Please fill in the following fields:\n" + emptyFields.join("\n");
|
|
{% comment %} alert(errorMessage); {% endcomment %}
|
|
return;
|
|
}
|
|
var spinnerStatus = 'true';
|
|
if (invalidFields.length > 0) {
|
|
spinnerStatus = 'false';
|
|
var errorMessage = "Please correct the following field lengths:\n" + invalidFields.join("\n");
|
|
{% comment %} alert(errorMessage); {% endcomment %}
|
|
return;
|
|
}
|
|
if (spinnerStatus == 'true') {
|
|
showLoader();
|
|
}
|
|
else {
|
|
hideLoader();
|
|
}
|
|
var formData = new FormData();
|
|
formData.append("email", waitStudentAltEmail);
|
|
formData.append("wait_for_institute_student_phone_number", waitStudentPhoneNumber);
|
|
formData.append("wait_for_institute_student_alternate_phone_number", waitStudentAltPhoneNumber);
|
|
formData.append("institute_email", waitStudentInstituttionInviteEmail);
|
|
formData.append("is_approved", 'pending');
|
|
|
|
if (file !== undefined) {
|
|
formData.append("kyc", fileVariable);
|
|
}
|
|
|
|
console.log(formData);
|
|
|
|
// Make a POST request to submit the form data
|
|
fetch('/institute/api/waiting-for-institute-student/' + vall + '/', {
|
|
method: 'PATCH',
|
|
headers: {
|
|
'Authorization': `Bearer ${acesTok}`
|
|
},
|
|
body: formData
|
|
})
|
|
.then(response => response.json())
|
|
.then(data => {
|
|
console.log(data);
|
|
hideLoader();
|
|
location.reload();
|
|
|
|
})
|
|
.catch(error => console.error(error));
|
|
};
|
|
|
|
</script>
|
|
<script>
|
|
// For showing date
|
|
var inputElement = document.getElementById("waitStudentPass");
|
|
var dateStringFromBackend = document.getElementById('waitStudentIdcomingfroBack').value;
|
|
</script>
|
|
|
|
<script>
|
|
// Replace 'YOUR_API_KEY' with your actual Numverify API key
|
|
var apiKey = 'YOUR_API_KEY';
|
|
|
|
function validatePhoneNumber(phoneNumber) {
|
|
var url = `http://apilayer.com/numverify/validate?access_key=${apiKey}&number=${encodeURIComponent(phoneNumber)}`;
|
|
|
|
fetch(url)
|
|
.then(response => response.json())
|
|
.then(data => {
|
|
if (data.valid) {
|
|
console.log(`Phone number is valid. Country: ${data.country}, Location: ${data.location}`);
|
|
} else {
|
|
console.log('Invalid phone number.');
|
|
}
|
|
})
|
|
.catch(error => {
|
|
console.error('An error occurred:', error);
|
|
});
|
|
}
|
|
// Example usage
|
|
var phoneNumber = '+1234567890';
|
|
validatePhoneNumber(phoneNumber);
|
|
|
|
</script>
|
|
<script>
|
|
function isValidNumber(num) {
|
|
return new libphonenumber.parsePhoneNumber(num).isValid();
|
|
}
|
|
|
|
$(document).ready(function () {
|
|
var max_fields = 10;
|
|
var wrapper = $("#referform1");
|
|
var add_button = $("#add1");
|
|
|
|
var code = $("#code1")[0];
|
|
var arr = [];
|
|
$("#code1 > option").each(function () {
|
|
arr.push(this);
|
|
});
|
|
arr.shift();
|
|
var x = 1;
|
|
$(add_button).click(function (e) {
|
|
e.preventDefault();
|
|
let emails = document.getElementsByClassName('gift-email');
|
|
console.log(emails);
|
|
let emailSet = new Set();
|
|
let emailFlag = false;
|
|
let selfemail = false;
|
|
console.log("{{user.email}}")
|
|
|
|
if ($('#formRef1').trigger('reportValidity') && $('#G' + x).val() !== "" && $(
|
|
'#Gt' + x).val() !== "" && $('#Gp' + x).val() !== "") { } else {
|
|
{% comment %} alert("please fill previous input") {% endcomment %}
|
|
}
|
|
for (let i = 0; i < emails.length; i++) {
|
|
if (emailSet.has(emails[i].value)) {
|
|
emailFlag = true;
|
|
break;
|
|
}
|
|
if ("{{user.email}}" == emails[i].value) {
|
|
selfemail = true;
|
|
break;
|
|
}
|
|
console.log(emails[i].value)
|
|
emailSet.add(emails[i].value);
|
|
}
|
|
let phones = document.getElementsByClassName('gift-phone');
|
|
let numbers = [];
|
|
for (let i = 0; i < phones.length; i++) {
|
|
let j = i + 1;
|
|
let id = "#code" + j;
|
|
let currPhoneNumber = '+' + $(id).val() + phones[i].value;
|
|
numbers.push(currPhoneNumber);
|
|
}
|
|
let phoneFlag = false;
|
|
for (let num of numbers) {
|
|
console.log("manoj2765" + numbers)
|
|
|
|
if (!isValidNumber(num)) {
|
|
phoneFlag = true;
|
|
break;
|
|
}
|
|
}
|
|
console.log(numbers);
|
|
if (phoneFlag) {
|
|
{% comment %} alert("Please enter correct phone number length"); {% endcomment %}
|
|
} else if (emailFlag) {
|
|
{% comment %} alert("You have already entered this email"); {% endcomment %}
|
|
} else if (selfemail) {
|
|
{% comment %} alert("you can't use your mail id"); {% endcomment %}
|
|
} else {
|
|
console.log("manoj2779")
|
|
if ($('#formRef1').trigger('reportValidity') && $('#G' + x).val() !== "" &&
|
|
$('#Gt' + x).val() !== "" && $('#Gp' + x).val() !== "") {
|
|
if (x < max_fields) {
|
|
x++;
|
|
$('#counts1').val(x)
|
|
$(wrapper).append(
|
|
'<div style="display: flex;justify-content: center;width: 100%;"><div><input type="text" style="width:100%;" placeholder="Name" class="form-control border border-dark" id="Gt' +
|
|
x +
|
|
'" name="mytext2" onkeydown="return /[a-zA-Z ]/i.test(event.key)" maxlength="20" required ><input type="email" style="width:100%;" pattern="(?![_.-])((?![_.-][_.-])[a-zA-Z\d_.-]){0,63}[a-zA-Z\d]@((?!-)((?!--)[a-zA-Z\d-]){0,63}[a-zA-Z\d]\.){1,2}([a-zA-Z]{2,14}\.)?[a-zA-Z]{2,14}" minlength="3" maxlength="40" id="G' +
|
|
x +
|
|
'" placeholder="Email" class="form-control border border-dark gift-email my-1" name="mytext' +
|
|
x +
|
|
// '" required></div><div style="display:flex"><input type="tel" placeholder="Phone" class="form-control border border-dark"id="Gp' +
|
|
// <div style="display: flex;">
|
|
// <select id="code" name="code" required class="form-control border border-dark">
|
|
' "required> <div style="display: flex;width:100%;">' +
|
|
'<select id="code' + x +
|
|
'"name = "code" required class="form-control border border-dark" style="width: 170px;margin-right:2px;padding-left:3px; font-size:12px; margin-bottom:10px;"><option>Country Code</option><option data-countryCode="IN" value="91" selected>India (+91)</option></select> ' +
|
|
//'<select id="code' + x + '"name = "code" required class="form-control border border-dark" style="width: 155px;margin-left:51px;padding-left:1px; font-size:12px;"><option data-countryCode="IN" value="91" selected>India (+91)</option><option>Country Code</option></select > ' +
|
|
' <input type="tel" onkeypress="return (event.charCode !=8 && event.charCode ==0 || (event.charCode >= 48 && event.charCode <= 57))" minlength="4" maxlength="14" placeholder="Phone" class="form-control border border-dark gift-phone" id="Gp' +
|
|
x +
|
|
'" name="mytext2" required style="margin-left:2px;margin-bottom:10px;"><a href="#" class="delete mx-1"><i class="fa fa-trash fa-2x mt-2" aria-hidden="true" style="color:#ee3c4d;"></i></a></div></div></div>'
|
|
);
|
|
y = $("#code" + x)[0];
|
|
console.log("manoj2801" + y)
|
|
arr.map((ele) => {
|
|
// console.log(ele);
|
|
y.append(new Option(ele.text, ele.value));
|
|
}, y); //add input box
|
|
} else {
|
|
{% comment %} alert('You Reached the limits') {% endcomment %}
|
|
}
|
|
} else {
|
|
{% comment %} alert("please fill previous input") {% endcomment %}
|
|
}
|
|
}
|
|
|
|
});
|
|
|
|
$(wrapper).on("click", ".delete", function (e) {
|
|
e.preventDefault();
|
|
|
|
$(this).parent('div').parent('div').remove();
|
|
x--;
|
|
$('#counts1').val(x)
|
|
})
|
|
});
|
|
var SF = $("#submitButton1");
|
|
var alldata = ""
|
|
var alldata2 = ""
|
|
var alldata3 = ""
|
|
$(SF).click(function (e) {
|
|
e.preventDefault();
|
|
if ($('#Gt1').val() == "" || $('#G1').val() == "" || $('#Gp1').val() == "") {
|
|
{% comment %} alert("please fill required field") {% endcomment %}
|
|
return false
|
|
} else {
|
|
for (let i = 1; i <= $('#counts1').val(); i++) {
|
|
alldata += ($('#G' + i).val()) + "@#$"
|
|
alldata2 += ($('#Gt' + i).val()) + "@#$"
|
|
alldata3 += "+" + $("#code" + i).val() + "-" + $("#Gp" + i).val() + "@#$"
|
|
}
|
|
$('#emails1').val(alldata)
|
|
$('#names1').val(alldata2)
|
|
$('#phone1').val(alldata3)
|
|
console.log($('#emails1').val())
|
|
console.log($('#names1').val())
|
|
console.log($('#counts1').val())
|
|
|
|
if (!isPhoneNumberOK()) {
|
|
{% comment %} alert("Invalid phone number length"); {% endcomment %}
|
|
} else if (!isEmailOK()) {
|
|
{% comment %} alert("You have already entered this email."); {% endcomment %}
|
|
} else if (!selfEmailOk()) {
|
|
{% comment %} alert("You can't use your email id."); {% endcomment %}
|
|
} else if ($('#formRef1')[0].reportValidity())
|
|
$('#formRef1').submit()
|
|
}
|
|
})
|
|
</script>
|
|
<script>
|
|
var inputElement = document.getElementById("unaffiliatedStudentPass");
|
|
|
|
// Get the date string from the backend
|
|
var dateStringFromBackend = document.getElementById('IdcomingfroBack').value; // Replace this with the actual value
|
|
|
|
try {
|
|
// Convert the date string to a Date object (adjust for timezone if necessary)
|
|
var dateObject = new Date(dateStringFromBackend);
|
|
|
|
// Convert the Date object to the "YYYY-MM-DD" format
|
|
var formattedDate = dateObject.toISOString().split('T')[0];
|
|
|
|
// Set the formatted date as the input field's value
|
|
inputElement.value = formattedDate;
|
|
|
|
console.log("Formatted Date:", formattedDate);
|
|
} catch (error) {
|
|
console.error("Error:", error.message);
|
|
}
|
|
</script>
|
|
<script>
|
|
var inputElement = document.getElementById("waitStudentPass");
|
|
|
|
// Get the date string from the backend
|
|
var dateStringFromBackend = document.getElementById('waitStudentIdcomingfroBack').value; // Replace this with the actual value
|
|
|
|
try {
|
|
// Convert the date string to a Date object (adjust for timezone if necessary)
|
|
var dateObject = new Date(dateStringFromBackend);
|
|
|
|
// Convert the Date object to the "YYYY-MM-DD" format
|
|
var formattedDate = dateObject.toISOString().split('T')[0];
|
|
|
|
// Set the formatted date as the input field's value
|
|
inputElement.value = formattedDate;
|
|
|
|
console.log("Formatted Date:", formattedDate);
|
|
} catch (error) {
|
|
console.error("Error:", error.message);
|
|
}
|
|
</script>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
|
{%endblock%} |