dharmesh
/
Conversion_Kitchen_Code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
Conversion_Kitchen_Code/kitchen_counter/institutional/templates/institutional/instituteReg.html

2180 lines
95 KiB
HTML
Executable File
Raw Blame History

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