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

3666 lines
118 KiB
HTML
Executable File
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{% extends "mnfapp/base.html" %}
{% load static %} {% block content %}
<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>MyNextFilm | LPP Registration</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" />
<style>
.form-control {
border: 1px solid black !important;
}
.top-space {
margin-top: 102px;
font-size: 16px;
font-weight: 500;
}
#shoppingList label {
width: 150px;
}
#shoppingList input {
margin-right: 5px;
}
.active {
right: 0px !important;
}
.contact-pincode {
width: 75px !important;
}
#numberphone {
width: 157px;
}
body.disabled-page {
pointer-events: none;
/* Disable user interactions */
opacity: 0.7;
/* Set the opacity to create the disabled effect */
color: #252525;
}
input[type=checkbox] {
margin: 0px;
}
.processing-popup {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: rgba(0, 0, 0, 0.8);
color: #fff;
padding: 20px;
border-radius: 5px;
}
.accordion-header,
.accordion-button {
margin-top: 0px !important;
font-size: 16px !important;
color: #252525;
font-weight: 600;
}
.accordion-body {
font-size: 14px !important;
}
.container-main-lp {
width: 100%;
}
.other {
width: 250px;
}
.w-50 {
width: 100% !important;
}
.other1 {
width: 250px;
}
.main-d-dialog {
background-color: #fafafa !important;
border-radius: 8px;
}
.sourcelan {
margin-top: 30px;
margin-left: -7vw;
}
.file {
padding: 24px 3px 5px 0px;
}
.user-details .input-box .input-field-details {
height: 25px;
width: 100%;
outline: none;
font-size: 12px;
border-radius: 5px;
padding-left: 15px;
border: 1px solid #ccc;
transition: all 0.3s ease;
}
.header1 {
width: 98%;
height: 36px;
margin-top: 10px !important;
font-size: 16px;
font-weight: 600;
border-radius: 8px;
padding: 0px 3px 0px 10px;
background-color: #fafafa;
color: #252525;
border: 2px solid #eaeaea;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
}
.header1-text-1 {
height: 36px;
font-size: 16px;
padding-top: 5px;
text-align: center;
width: 96%;
margin-left: -9px;
}
.lppcontact {
width: 66%;
}
.btn_color {
background-color: #33b0ca !important;
color: #fafafa !important;
border: none;
border-radius: 8px;
}
.btn_color:hover {
background-color: #33b0ca !important;
color: #fafafa !important;
cursor: pointer;
}
.firstlang-details {
width: 100%;
border-radius: 4px;
height: 25px;
}
.secondlang-details {
width: 100%;
border-radius: 4px;
height: 25px;
}
.firstLangDegree-div {
width: 250px;
border-radius: 4px;
height: 25px;
}
.secondLangDegree-div {
width: 250px;
border-radius: 4px;
height: 25px;
}
.form-control {
width: 230px;
height: 28px;
border-radius: 5px;
padding-top: 2px !important;
}
.certification-div {
margin-left: 6.5rem;
}
.modeCertificationL1L2-div {
width: 250px;
border-radius: 4px;
height: 25px;
}
.relevent-div {
margin-left: 9%;
}
.header1-certification {
margin-top: 25px;
z-index: 9999;
height: 36px;
font-size: 16px;
padding-top: 4px;
text-align: center;
}
.certificationL1L2-div {
width: 250px;
border-radius: 4px;
height: 28px;
}
.award-by-inp-box {
margin-left: 100px;
margin-top: 8px;
}
.exp-all {
width: 250px;
border-radius: 4px;
height: 28px;
margin-bottom: 10px;
}
.form-control-div {
width: 250px;
height: 28px;
border-radius: 5px;
}
.last-submit-btn {
height: 35px;
width: 6vw;
}
.last-submit-btn-div {
width: 100%;
display: flex;
position: absolute;
left: 13vw;
}
.input-box-upload {
margin-left: -175px;
}
.header1-revelent {
margin-top: 25px;
height: 36px;
font-size: 15px;
padding-top: 4px;
text-align: center;
}
.main-row-details {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
margin: 5px auto;
}
.pair-div {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
}
.quad-div {
display: grid;
grid-template-columns: 5.75fr 0.5fr 5.75fr;
gap: 10px;
}
.arrow {
display: flex;
justify-content: center;
height: auto;
margin-top: 20px;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 120px;
background-color: black;
color: #fff;
text-align: center;
padding: 5px 0;
border-radius: 6px;
z-index: 1;
}
.last-submit-btn {
padding: 0.5em 1em 2em 1em;
border-radius: 10px;
border: 0;
font-size: 1.3em;
font-weight: 700;
width: 130px;
}
#suport-email {
font-size: 14px;
text-align: center;
background-color: #fafafa;
margin-top: 1rem;
color: #252525;
padding: 0.8rem;
border-radius: 10px;
}
.collapsed:hover {
background-color: #e7f1ff;
}
input:not([type="file"]):not([type="submit"]) {
outline: none;
border: 1px solid #616161;
}
input:not([type="file"]):not([type="submit"]):focus {
outline: none;
border: 1px solid #616161;
}
@media (min-width: 986px) and (max-width: 1300px) {
.checkbox-last-div {
display: flex;
}
.container-main-lp {
width: 100%;
}
form .user-details .input-box {
margin-bottom: 15px;
width: max-content;
}
.header1-text-1 {
font-size: 15px;
display: flex;
justify-content: center;
}
.row-reason-div {
width: 140%;
margin-left: -10px;
}
.firstLangDegree-div {
width: 175px;
}
.secondLangDegree-div {
width: 175px;
}
.form-control {
width: 190px;
height: 28px;
border-radius: 5px;
}
.certification-div {
margin-top: 0px;
margin-left: 0px;
}
.modeCertificationL1L2-div {
width: 190px;
}
.relevent-div {
margin-left: 0;
}
.row-experience-div {
margin-bottom: 20px;
}
.header1-certification {
margin-top: 25px;
z-index: 9999;
height: 36px;
font-size: 16px;
padding-top: 4px;
text-align: center;
}
.certificationL1L2-div {
width: 250px;
border-radius: 4px;
height: 25px;
}
.award-by-inp-box {
margin-left: 100px;
margin-top: 8px;
}
.exp-all {
width: 250px;
border-radius: 4px;
height: 28px;
}
.form-control-div {
width: 250px;
height: 28px;
border-radius: 5px;
}
form .last-submit-btn-div {
padding: 0;
margin-left: -120px;
margin-top: auto;
}
}
@media (max-width: 840px) {
.pair-div {
display: flex;
flex-direction: column;
gap: 5px;
}
}
@media (max-width: 769px) {
.certificationL1L2-div {
margin-right: 10px;
}
.header1 {
font-size: 12px;
}
}
@media (max-width: 840px) {
.quad-div {
display: flex;
flex-direction: column;
gap: 5px;
}
}
@media (max-width: 840px) {
.arrow {
display: flex;
flex-direction: column;
gap: 5px;
margin-top: 0px;
}
.arrow svg {
transform: rotate(90deg);
/* Rotate the arrow by 90 degrees */
}
}
@media (min-width: 1200px) {
.w-80-xl {
width: 75%;
}
}
@media (min-width: 950px) and (max-width: 986px) {
.checkbox-last-div {
display: flex;
}
.container-main-lp {
width: 100%;
}
.container .title {
font-size: 19px;
}
.main-row-details {
display: flex;
flex-direction: column;
}
form .input-box span .details {
/*display: block;
font-weight: 500;
margin-bottom: 5px;
width: max-content;*/
}
form .last-submit-btn-div {
height: 45px;
margin: 0px -110px;
}
.header1-text-1 {
height: 50px;
font-size: 14px;
padding-top: 5px;
text-align: center;
width: 96%;
/* margin-left: -9px; */
}
.content form .user-details {
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: space-between;
margin: 20px 0 12px 0;
}
.col-sm-6 {
flex: 0 0 auto;
}
.header1-certification {
margin-top: 25px;
z-index: 9999;
height: 36px;
font-size: 15px;
padding-top: 4px;
text-align: center;
}
.certification-div {
margin-top: 0px;
margin-left: 0;
}
.certificationL1L2-div {
width: 130px;
}
.award-by-inp-box {
margin-left: 5px;
margin-top: 0px;
}
.relevent-div {
margin-left: 0%;
}
.row-experience-div {
display: flex;
justify-content: space-between;
}
.row-experience-div-2 {
display: flex;
justify-content: space-between;
}
.exp-all {
width: 190px;
}
.form-control-div {
width: 190px;
margin-bottom: 12px;
}
.form-control-certification-inp {
width: 185px;
}
.modeCertificationL1L2-div {
width: 185px;
}
.input-box-upload {
margin-left: -160px;
}
}
@media (min-width: 908px) and (max-width: 950px) {
.checkbox-last-div {
display: flex;
}
.container-main-lp {
width: 100%;
}
.container .title {
font-size: 19px;
}
.main-row-details {
display: flex;
flex-direction: column;
}
form .input-box span.details {
/* display: block;
font-weight: 500;
margin-bottom: 5px;
width: max-content;*/
}
form .last-submit-btn-div {
height: 45px;
margin: 0px -110px;
}
.header1-text-1 {
height: 50px;
font-size: 14px;
padding-top: 5px;
text-align: center;
width: 96%;
/* margin-left: -9px; */
}
.content form .user-details {
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: space-between;
margin: 20px 0 12px 0;
}
.col-sm-6 {
flex: 0 0 auto;
}
.col-sm-9 {
flex: 0 0 auto;
width: 70%;
margin-left: 20px;
}
.header1-certification {
margin-top: 25px;
z-index: 9999;
height: 36px;
font-size: 15px;
padding-top: 4px;
text-align: center;
}
.certification-div {
margin-top: 0px;
margin-left: 0;
}
.certificationL1L2-div {
width: 130px;
}
.award-by-inp-box {
margin-left: 5px;
margin-top: 0px;
}
.relevent-div {
margin-left: 0%;
}
.row-experience-div {
display: flex;
justify-content: space-between;
}
.row-experience-div-2 {
display: flex;
justify-content: space-between;
}
.exp-all {
width: 190px;
}
.form-control-div {
width: 190px;
margin-bottom: 12px;
}
.form-control-certification-inp {
width: 185px;
}
.modeCertificationL1L2-div {
width: 185px;
}
.input-box-upload {
margin-left: -162px;
}
}
@media (min-width: 767px) and (max-width: 908px) {
.exp-all {
width: 180px;
}
.form-control-div {
width: 180px;
margin-bottom: 10px;
}
.row-experience-div {
display: flex;
justify-content: space-between;
}
.row-experience-div-2 {
display: flex;
justify-content: space-between;
}
.row-reason-div {
width: 170%;
}
.info {
font-size: 14px;
}
.details-choose {
width: max-content;
}
.col-sm-9 {
flex: 0 0 auto;
width: 60%;
margin-left: 20px;
}
.container-main-lp .title {
font-size: 18px;
}
.content form .user-details {
display: inline-block;
}
.header1-text-1 {
height: 50px;
font-size: 12px;
margin-left: 0px;
}
form .last-submit-btn {
margin: 0;
width: max-content;
margin-left: -40px;
}
form .last-submit-btn-div {
height: 35px;
margin: 0px -85px;
}
.header1-certification {
height: 35px;
font-size: 14px;
padding: 5px 0;
}
.certification-div {
margin-top: 0;
margin-left: 0;
padding: 0;
}
.certificationL1L2-div {
width: 130px;
}
.modeCertificationL1L2-div {
width: 160px;
}
.form-control-certification-inp {
width: 160px;
padding: 1px;
font-size: 10px;
}
.award-by-inp-box {
margin-left: 0;
margin-top: 0;
}
.input-box-upload {
margin-left: -160px;
}
.header1-revelent {
font-size: 14px;
}
.checkbox-last-div {
display: flex;
}
.checkbox-check {
margin-top: -20px;
margin-right: 4px;
}
/*.secondlang-details {
width: 120px;
}*/
#Source {
padding: 0;
}
#Source1 {
padding: 0;
}
#Source2 {
padding: 0;
}
#Source3 {
padding: 0;
}
.relevent-div {
margin-left: 0%;
}
}
@media (max-width: 908px) {
.main-row-details {
display: flex;
flex-direction: column;
}
}
@media (min-width: 701px) and (max-width: 767px) {
.row-reason-div {
width: 170%;
}
.info {
font-size: 14px;
}
.details-choose {
width: max-content;
}
.col-sm-9 {
flex: 0 0 auto;
width: 60%;
margin-left: 20px;
}
.container-main-lp .title {
font-size: 18px;
}
.content form .user-details {
display: inline-block;
}
.header1-text-1 {
height: 50px;
font-size: 12px;
margin-left: 0px;
}
form .last-submit-btn {
margin: 0;
width: max-content;
margin-left: -40px;
}
form .last-submit-btn-div {
height: 35px;
margin: 0px -85px;
}
.header1-certification {
height: 35px;
font-size: 14px;
padding: 5px 0;
}
.certification-div {
margin-top: 0;
margin-left: 0;
padding: 0;
}
.certificationL1L2-div {
width: 130px;
}
.modeCertificationL1L2-div {
width: 160px;
}
.form-control-certification-inp {
width: 160px;
padding: 1px;
font-size: 10px;
}
.award-by-inp-box {
margin-left: 0;
margin-top: 0;
}
.input-box-upload {
margin-left: -130px;
}
.header1-revelent {
font-size: 14px;
}
.checkbox-last-div {
display: flex;
}
.checkbox-check {
margin-top: -20px;
margin-right: 4px;
}
/* .secondlang-details {
width: 120px;
}*/
#Source {
padding: 0;
}
#Source1 {
padding: 0;
}
#Source2 {
padding: 0;
}
#Source3 {
padding: 0;
}
.relevent-div {
margin-left: 0%;
}
.main-row-details {
display: flex;
flex-direction: column;
}
}
@media (min-width: 585px) and (max-width: 700px) {
.row-reason-div {
width: 160%;
}
.info {
font-size: 10px;
}
.container-main-lp .title {
font-size: 18px;
}
.content form .user-details {
display: inline-block;
}
.header1-text-1 {
height: 50px;
font-size: 12px;
margin-left: 0px;
}
form .last-submit-btn {
margin: 0;
width: max-content;
margin-left: -40px;
}
form .last-submit-btn-div {
height: 35px;
margin: 0px -30px;
}
.header1-certification {
height: 50px;
font-size: 14px;
}
.certification-div {
margin-top: 0;
margin-left: 0;
padding: 0;
}
.certificationL1L2-div {
width: 130px;
}
.modeCertificationL1L2-div {
width: 160px;
}
.form-control-certification-inp {
width: 160px;
padding: 1px;
font-size: 10px;
}
.award-by-inp-box {
margin-left: 0;
margin-top: 0;
}
.input-box-upload {
margin-left: -130px;
}
.header1-revelent {
font-size: 14px;
}
.checkbox-last-div {
display: flex;
}
.checkbox-check {
margin-top: -20px;
margin-right: 4px;
}
/*.secondlang-details {
width: 120px;
}*/
#Source {
padding: 0;
}
#Source1 {
padding: 0;
}
#Source2 {
padding: 0;
}
#Source3 {
padding: 0;
}
.relevent-div {
margin-left: 0%;
}
}
@media (min-width: 575px) and (max-width: 585px) {
.row-reason-div {
width: 160%;
}
.info {
font-size: 10px;
}
.container-main-lp .title {
font-size: 18px;
}
.content form .user-details {
display: inline-block;
}
.header1-text-1 {
height: 50px;
font-size: 12px;
margin-left: 0px;
}
form .last-submit-btn {
margin: 0;
width: max-content;
margin-left: -40px;
}
form .last-submit-btn-div {
height: 35px;
margin: 0px -30px;
}
.header1-certification {
height: 50px;
font-size: 14px;
}
.certification-div {
margin-top: 0;
margin-left: 0;
padding: 0;
}
.certificationL1L2-div {
width: 130px;
}
.modeCertificationL1L2-div {
width: 160px;
}
.form-control-certification-inp {
width: 160px;
padding: 1px;
font-size: 10px;
}
.award-by-inp-box {
margin-left: 0;
margin-top: 0;
}
.input-box-upload {
margin-left: -130px;
}
.header1-revelent {
font-size: 14px;
}
.checkbox-last-div {
display: flex;
}
.checkbox-check {
margin-top: -20px;
margin-right: 4px;
}
/* .secondlang-details {
width: 120px;
}*/
#Source {
padding: 0;
}
#Source1 {
padding: 0;
}
#Source2 {
padding: 0;
}
#Source3 {
padding: 0;
}
.relevent-div {
margin-left: 0%;
}
}
@media (min-width: 501px) and (max-width: 575px) {
.container-main-lp .title {
font-size: 18px;
}
.content form .user-details {
display: inline-block;
}
.header1-text-1 {
height: 50px;
font-size: 12px;
margin-left: 0px;
}
form .last-submit-btn {
margin: 0;
width: max-content;
margin-left: -40px;
}
form .last-submit-btn-div {
height: 35px;
margin: 0px -30px;
}
.header1-certification {
height: 30px;
font-size: 12px;
}
.certification-div {
margin-top: 0;
margin-left: 0;
padding: 0;
}
.certificationL1L2-div {
width: 130px;
}
.modeCertificationL1L2-div {
width: 160px;
}
.form-control-certification-inp {
width: 160px;
padding: 1px;
font-size: 10px;
}
.award-by-inp-box {
margin-left: 0;
margin-top: 0;
}
.input-box-upload {
margin-left: -130px;
}
.header1-revelent {
font-size: 14px;
}
.checkbox-last-div {
display: flex;
}
.checkbox-check {
margin-top: -20px;
margin-right: 4px;
}
/*.secondlang-details {
width: 120px;
}*/
#Source {
padding: 0;
}
#Source1 {
padding: 0;
}
#Source2 {
padding: 0;
}
#Source3 {
padding: 0;
}
.relevent-div {
margin-left: 0%;
}
}
@media (min-width: 427px) and (max-width: 500px) {
.container-main-lp .title {
font-size: 18px;
}
.content form .user-details {
display: inline-block;
}
.header1-text-1 {
height: 50px;
font-size: 12px;
margin-left: 0px;
}
form .last-submit-btn {
margin: 0;
width: max-content;
margin-left: -60px;
}
form .last-submit-btn-div {
height: 35px;
margin: 0px -30px;
}
.header1-certification {
height: 40px;
font-size: 12px;
}
.certification-div {
margin-top: 0;
margin-left: 0;
padding: 0;
}
.certificationL1L2-div {
width: 130px;
}
.modeCertificationL1L2-div {
width: 160px;
}
.form-control-certification-inp {
width: 160px;
padding: 1px;
font-size: 10px;
}
.award-by-inp-box {
margin-left: 0;
margin-top: 0;
}
.input-box-upload {
margin-left: -130px;
}
.header1-revelent {
font-size: 14px;
}
.checkbox-last-div {
display: flex;
}
.checkbox-check {
margin-top: -20px;
margin-right: 4px;
}
/*.secondlang-details {
width: 120px;
}*/
#Source {
padding: 0;
}
#Source1 {
padding: 0;
}
#Source2 {
padding: 0;
}
#Source3 {
padding: 0;
}
.relevent-div {
margin-left: 0%;
}
}
@media (min-width: 320px) and (max-width: 426px) {
.container-main-lp .title {
font-size: 18px;
}
.content form .user-details {
display: inline-block;
}
.header1-text-1 {
height: 64px;
font-size: 12px;
margin-left: 0px;
}
form .last-submit-btn {
margin: 0;
width: max-content;
margin-left: -185px;
}
form .last-submit-btn-div {
height: 35px;
margin: 0px -30px;
}
.header1-certification {
height: 55px;
font-size: 15px;
}
.certification-div {
margin-top: 0;
margin-left: 0;
padding: 0;
}
.certificationL1L2-div {
width: 130px;
}
.modeCertificationL1L2-div {
width: 135px;
}
.form-control-certification-inp {
width: 160px;
padding: 1px;
font-size: 10px;
}
.award-by-inp-box {
margin-left: 0;
margin-top: 0;
}
.input-box-upload {
margin-left: -130px;
}
.header1-revelent {
font-size: 14px;
}
.checkbox-last-div {
display: flex;
}
.checkbox-check {
margin-top: -20px;
margin-right: 4px;
}
/* .secondlang-details {
width: 120px;
}*/
#Source {
padding: 0;
}
#Source1 {
padding: 0;
}
#Source2 {
padding: 0;
}
#Source3 {
padding: 0;
}
.relevent-div {
margin-left: 0%;
}
}
@media screen and (max-width: 319px) {
.container-main-lp .title {
font-size: 18px;
}
.content form .user-details {
display: inline-block;
}
.header1-text-1 {
height: 64px;
font-size: 12px;
margin-left: 0px;
}
form .last-submit-btn {
margin: 0;
width: max-content;
}
form .last-submit-btn-div {
width: max-content;
height: 35px;
margin: 0 -25px;
}
.header1-certification {
height: 55px;
font-size: 15px;
}
.certification-div {
margin-top: 0;
margin-left: 0;
padding: 0;
}
.certificationL1L2-div {
width: 130px;
}
.modeCertificationL1L2-div {
width: 115px;
}
.form-control-certification-inp {
width: 130px;
}
.award-by-inp-box {
margin-left: 0;
margin-top: 0;
}
.input-box-upload {
margin-left: -130px;
}
.header1-revelent {
font-size: 14px;
}
.checkbox-last-div {
display: flex;
}
.checkbox-check {
margin-top: -42px;
margin-right: 4px;
}
/*.secondlang-details {
width: 120px;
}*/
#Source {
padding: 0;
}
#Source1 {
padding: 0;
}
#Source2 {
padding: 0;
}
#Source3 {
padding: 0;
}
.relevent-div {
margin-left: 0%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.other {
width: 100%;
}
.other1 {
width: 100%;
}
.sourcelan {
margin-top: 5px;
margin-left: -1vw;
}
.award-by-inp-box {
margin-left: 30px;
}
.exp-all {
width: 100%;
margin-bottom: 10px;
}
}
@media (max-width: 767px) {
.form-control {
width: 90%;
height: 28px;
border-radius: 5px;
}
.firstLangDegree-div {
width: 100%;
}
.secondLangDegree-div {
width: 100%;
}
.sourcelan {
margin-top: 5px;
margin-left: 0vw;
}
.exp-all {
width: 100%;
}
.last-btn {
margin-left: -50px;
}
.other {
width: 100%;
}
.other1 {
width: 100%;
}
}
@media (max-width: 480px) {
.last-btn {
margin-left: 50px;
}
.header1-revelent {
height: 44px;
}
.other {
width: 100%;
}
.other1 {
width: 100%;
}
}
</style>
</head>
<body>
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog main-d-dialog">
<div class="modal-content">
<!-- <button type="button" class="btn-close red-btn-close" data-dismiss="modal" aria-hidden="true"></button> -->
<div class="modal-body">
<h3 class="text-center" style="color: #33b0ca;">
Write&nbsp;a&nbsp;Mail&nbsp;To&nbsp;Us</h3>
<div class="row">
<div class="my-2 ">
<input type="text" class="form-control" name="" id="email_subject" placeholder="Subject" maxlength=""
style="height: 30px; width: 100%" required />
</div>
<div class=" ">
<textarea class="form-control" name="" id="email_content" placeholder="Message" maxlength="600"
style="height: 100px; width: 100%" required></textarea>
</div>
<div class="text-center my-2">
<button type="button" onclick="query_email(this);"
class="popbtn btn btn-primary btn_color">Submit</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="min-height: 100vh" id="multilingual">
<div class="row top-space">
<div class="col-md-4 my-5 px-5">
<div class="row justify-content-center">
<div class=" accordion" id="accordionExample">
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne"
aria-expanded="true" aria-controls="collapseOne" style="color: #252525">
What is the role of a Language Pair Partner(LPP)?
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne"
data-bs-parent="#accordionExample">
<div class="accordion-body" style="font-size: 15px">
Mynextfilm.com endeavours to deliver directly usable
conversions of screenplays etc. to its members . Even though
MNF’s AI generated translations and subtitles are widely
praised by all sections of the filmmaking community, yet often
there are few gaps arising from the differential creative
intelligence of man and machine. The role of a Language Pair
Partner is to fill such gaps by creatively utilising his
language pair proficiency and provide culture specific and
contextual accuracy to the screenplay in a timely manner, and
thus enhance the usability of the AI converted version for the
MNF members. The Language Pair Partners enable the members of
the global filmmaking community to Pull their future into
Present.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"
style="color: #252525">
How does it work?
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<ol style="font-size: 14px">
<li>
User requests for translation along with machine generated
versions are assigned to the respective language pair
partner for filling the gaps and enhancing usability.
</li>
<li>
The LPP returns the edited version within the time
availabel.
</li>
<li>
The edited version is sent to the user. A user accepts or
rejects the suggestions made by the LPP
</li>
<li>
On the basis of user feedback, the remuneration is worked
out and transferred to the LPP.
</li>
</ol>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"
style="color: #252525">
How much remuneration will I receive?
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<ol style="font-size: 14px">
<li>
Initially, for providing this last stage finesse, you will
receive 40% of the revenue received from the user.
</li>
<li>
Based on end user feedback,when your work is rated as
proficient and expert, your remuneration will increase to
50% and 60% respectively of the revenue received from the
user.
</li>
</ol>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingFour">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour"
style="color: #252525">
Are there any 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: 14px">
<li>
Exposure to diversified screenplays certainly expands your
own mental horizons, understanding of the flow of
screenplays and will definitely enrich the quality of your
future works.
</li>
<li>
Expert Language Pair Partners are also recommended for
commissioned projects of screenplay writing.
</li>
<li>
Language Pair Partnering with MNF also brings with it
attractive benefits for your personal usage of MNF
services. (To be announced from time to time)
</li>
</ol>
</div>
</div>
</div>
</div>
<!-- onclick="$('#popupobject').show();" -->
<p id="suport-email">
For any further query email us -<span><b><a href="#" class="info" data-bs-toggle="modal"
data-bs-target="#exampleModal">support@mynextfilm.ai</a></b></span>
</p>
<div style="text-align: center">
<button type="button" class="btn btn-primary btn_color">
<a href="/agreement" style="text-decoration: none; color: white" target="_blank">Agreement</a>
</button>
<button type="button" class="btn btn-primary btn_color">
<a href="/n-d-a" style="color: white; text-decoration: none" target="_blank">NDA</a>
</button>
</div>
</div>
</div>
<div class="col-md-8">
<div class="row container mx-auto" style="margin-top: 20px">
<form onsubmit="$('#processingPopup').removeClass('d-none'); // Show processing popup
$('body').addClass('disabled-page');sessionStorage.clear();return true;" name="form1" method="POST"
enctype="multipart/form-data">
{% csrf_token %}
<div class="title" style="text-align: center; width: 100%">
<h2>Application for Joining as Language Pair Partner</h2>
</div>
<div class="row" style="margin-top: 10px">
<div class="input-box col-sm-12 col-md-6 col-lg-6 col-xl-4 my-1">
<label class="form-label">First Name<span style="color: #33b0ca">*</span></label>
<input class="form-control input-field-details form-control textvalidation" name="firstName" id="fname"
maxlength="20" type="text" placeholder="Enter your First Name"
onkeydown="return /[a-zA-Z]/i.test(event.key)" value="{{cd.firstName}}"
onchange="(function(k,v){console.log(k,v);sessionStorage.setItem(k,v);})(this.name,this.value);"
required />
</div>
<div class="input-box col-sm-12 col-md-6 col-lg-6 col-xl-4 my-1">
<label class="form-label">Last Name<span style="color: #33b0ca">*</span></label>
<input class="form-control input-field-details textvalidation" name="lastName" maxlength="20"
onkeydown="return /[a-zA-Z]/i.test(event.key)" type="text" placeholder="Enter your Last Name"
value="{{cd.lastName}}"
onchange="(function(k,v){console.log(k,v);sessionStorage.setItem(k,v);})(this.name,this.value)"
required />
</div>
<div class="input-box col-sm-12 col-md-6 col-lg-6 col-xl-4 my-1">
<label class="form-label">Email<span style="color: #33b0ca">*</span></label>
<input class="input-field-details form-control emailvalidation" type="email" name="emailId" id="email"
title="Invalid email address"
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}"
maxlength="40" placeholder="Enter your email" value="{{cd.email}}" required />
</div>
<div class="input-box col-sm-12 col-md-6 col-lg-6 col-xl-4 my-1">
<label class="form-label">Phone Number<span style="color: #33b0ca">*</span></label>
<div style="display: flex; gap: 4px; margin-top: 5px">
<select id="code" name="code" class="form-control contact-pincode" required>
<option data-countryCode="IN" value="91" selected>
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 name="number" maxlength="16" class="lppcontact form-control" type="tel"
placeholder="Enter your number" onpaste="return false" id="numberphone"
onclick="(function(t){t.value"="sessionStorage.getItem(t.name)})(this)"
onchange="(function(k,v){console.log(k,v);sessionStorage.setItem(k,v);})(this.name,this.value)"
required />
</div>
</div>
<div class="input-box col-sm-12 col-md-6 col-lg-6 col-xl-4 my-1">
<label class="form-label">Country you live in<span style="color: #33b0ca">*</span> </label>
<select id="country" name="country" class="form-control" required onchange="updateRegions()">
<option value="">Select Country </option>
</select>
</div>
<div class="input-box col-sm-8 col-md-6 col-lg-6 col-xl-4 ">
<div class="w-80-xl" style="display: grid; grid-template-columns: auto auto">
<label class="form-label">State<span style="color: #33b0ca">*</span> </label>
<label class="form-label">City </label>
<select id="region" class="form-control w-50" name="state" required onchange="updateCities()">
<option value="">-- Select State --</option>
</select>
<select id="city-populate" class="form-control w-50" name="city">
<option value="">-- Select City --</option>
</select>
</div>
</div>
<div class="input-box col-md-6 col-lg-5 col-lg-6 col-xl-4">
<label class="form-label">Mother Tongue<span style="color: #33b0ca">*</span></label>
<!-- <span class="details">Mother Tongue<span style="color: #33b0ca">*</span> -->
<select class="form-control fathermother" id="selectNumber" name="motherTongue" style=""
onchange="handleOthersInputValue(this, 'hide4')" required>
<option value="">Choose Option</option>
<option value="Others">Others</option>
<input class="other1 textvalidation px-2" id="hide4" name="othermothertongue" type="text"
placeholder="Enter the details" style="display: none; margin-top: 10px"
onkeydown="return /[a-zA-Z ]/i.test(event.key)"
onchange="(function(k,v){console.log(k,v);sessionStorage.setItem(k,v);})(this.name,this.value)" />
</select>
<!-- </span> -->
</div>
<div class="input-box col-md-6 col-lg-6 col-lg-6 col-xl-4">
<label class="form-label">Father's Mother Tongue</label>
<select class="fathermother form-control" id="fatherTongue" name="fathersMotherToungue" style=""
onchange="handleOthersInputValue(this, 'hide5')">
<option value="">Choose Option</option>
<option value="Others">Others</option>
<input class="other textvalidation px-2" id="hide5" name="otherfathertongue" style="margin-top: 10px"
onkeydown="return /[a-zA-Z ]/i.test(event.key)" type="text" placeholder="Enter the details" />
</select>
</div>
<div class="input-box col-md-4">
<label class="form-label">Mother's Mother Tongue</label>
<select class=" form-control " id="motherTongue" name="mothersMotherToungue"
onchange="handleOthersInputValue(this, 'hide6')">
<option value="">Choose Option</option>
<option value="Others">Others</option>
<input class="textvalidation other px-2" id="hide6" name="othertongue" style="margin-top: 10px"
type="text" placeholder="Enter the details" onkeydown="return /[a-zA-Z ]/i.test(event.key)" />
</select>
</div>
</div>
<!-- I offer myself as MNF -->
<div class="header1" style="text-align: center">
<label for="first_checkbox_lpp">I offer myself as MNF Language Pair Partner for the following pair of
languages</label>
<input id="first_checkbox_lpp" type="checkbox" name=""
onclick="$('#Source').toggle();$('#SourceIcn').toggle();$('#Source1').toggle();$('#Source2').toggle();$('#Source3').toggle();$('#Source4').toggle();$('#Source5').toggle();$('#lppselectdata').toggle();$('#lppselectdata1').toggle();$('#lppselectdata2').hide();$('#lppselectdata3').hide();"
required />
</div>
<div class="row">
<div class="quad-div" style="width: 94%; margin-left:20px;">
<!-- source -->
<div class="row" id="Source" style="display: none">
<div class="col-sm-6 input-box my-2">
<label class="form-label">Source Language (L1)<span style="color: #33b0ca">*</span></label>
<select class="datadilectt firstlang-details form-control" id="firstLanguage"
onchange="datadilect('firstLanguage','datadilectlpp2'); $('#lppselectdata3').show();"
name="firstLanguage" onclick="check_lang_select()" required>
<option value="" hidden>Choose Language</option>
</select>
</div>
<div id="Source1" style="display: none">
<select class="select2 form-control kt-select2" id="datadilectlpp2"
data-placeholder="Choose Dialects" name="dialect1[]" required>
<option value="" hidden>Choose Dialects</option>
</select>
<div class="row row-reason-div">
<label class="form-label">Choose Reason</label>
<div class="col-sm-12 col-lg-6">
<input class="checkcheckbox" type="checkbox" name="motherTounge"
id="motherTounge" />&nbsp;Mother&nbsp;Tongue
</div>
<div class="col-sm-12 col-lg-6">
<input class="checkcheckbox" type="checkbox" name="nativLanguage"
id="nativLanguage" />&nbsp;Native&nbsp;Language
</div>
<div class="col-sm-12 col-lg-6">
<input class="checkcheckbox" type="checkbox" name="mediumOfInstruction" id="mediumOfInstruction"
onchange="((val)=>{if(val){ document.getElementById('division1').style.display = 'block'}else{document.getElementById('division1').style.display = 'none'}})(this.checked)" />&nbsp;Medium&nbsp;of&nbsp;Instruction
</div>
<div class="col-sm-12 col-lg-6">
<input class="checkcheckbox" type="checkbox" name="qualifiedInParticularLanguage"
id="qualifiedInParticularLanguage" />&nbsp;Subject&nbsp;of&nbsp;Study
</div>
<span id="errchoose" style="display: none; color: #33b0ca">Please select at least one Choose
option</span>
</div>
<div id="division1" class="input-box" style="display: none">
<br />
<span class="details">Medium of Instruction at what stages?</span>
<select name="mediumOfInstructionL1" style="width: 250px; border-radius: 4px; height: 25px">
<option value="throughout">Choose Option</option>
<option value="throughoutl1">Throughout</option>
<option value="schoolAlonel1">School Alone</option>
<option value="collegeAlonel1">College Alone</option>
</select>
</div>
<div style="margin: 8px 0px">
<input class="form-control textvalidation" type="text" name="accent1"
placeholder="Enter known accents " />
</div>
</div>
</div>
<div class=" arrow" id="SourceIcn" style="display: none">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25" width="30" height="30">
<path style="fill: #232326"
d="m17.5 5.999-.707.707 5.293 5.293H1v1h21.086l-5.294 5.295.707.707L24 12.499l-6.5-6.5z"
data-name="Right" />
</svg>
</div>
<div class="" id="Source2" style="display: none">
<div class="input-box my-2">
<label class="form-label">Target Language (L2)<span style="color: #33b0ca">*</span></label>
<select id="secondLanguage" class="secondlang-details form-control"
onchange="datadilect('secondLanguage','datadilectlpp1'); $('#lppselectdata2').show();check_lang_select();"
name="secondLanguage" required>
<option value="">Choose Language</option>
</select>
</div>
<div class="" id="Source3" style="display: none">
<select class="select2 form-control kt-select2" id="datadilectlpp1"
data-placeholder="Choose Dialects" name="dialect2[]" required>
<option value="" hidden>Choose Dialects</option>
</select>
<div class="row row-reason-div">
<label class="form-label">Choose Reason</label>
<div class="col-sm-12 col-lg-6">
<input type="checkbox" class="checkresbox" name="motherTounge1"
id="motherTounge1" />&nbsp;Mother&nbsp;Tongue
</div>
<div class="col-sm-12 col-lg-6">
<input type="checkbox" class="checkresbox" name="nativLanguage1"
id="nativLanguage1" />&nbsp;Native&nbsp;Language
</div>
<div class="col-sm-12 col-lg-6">
<input type="checkbox" class="checkresbox" name="mediumOfInstruction1" id="mediumOfInstruction1"
onchange="((val)=>{if(val){ document.getElementById('division2').style.display = 'block'}else{document.getElementById('division2').style.display = 'none'}})(this.checked)" />&nbsp;Medium&nbsp;of&nbsp;Instruction
</div>
<div class="col-sm-12 col-lg-6">
<input type="checkbox" class="checkresbox" name="qualifiedInParticularLanguage1"
id="qualifiedInParticularLanguage1" />&nbsp;Subject&nbsp;of&nbsp;Study
</div>
<span id="errchooseres" style="display: none; color: #33b0ca">Please select at least one
Choose
option</span>
</div>
<div id="division2" class="input-box" style="display: none">
<label class="details">Medium of Instruction at what stages?</label>
<select class="form-control" name="mediumOfInstructionL2"
style="width: 250px; border-radius: 4px; height: 25px">
<option value="throughout">Choose Option</option>
<option value="throughoutl1">Throughout</option>
<option value="schoolAlonel1">School Alone</option>
<option value="collegeAlonel1">College Alone</option>
</select>
</div>
<div style="margin: 8px 0px">
<input class="form-control textvalidation" type="text" name="accent2"
placeholder="Enter known accents" />
</div>
</div>
</div>
</div>
<div class="pair-div"></div>
<div class="mb-2" style="margin-left: -15px; text-align: center">
<div class="mb-2" id="Source4" style="display: none">
<div style=" background-color: #fafafa; border-radius: 4px; width: 55%;
margin: 0 auto; height: 36px; text-align: center; font-size: 16px; padding-top: 7px;">
<span style="font-size: 13px; color: #33B0ca; font-weight: 700"
class="text-center font-weight-bold">Select Scripts You Can Read And Write</span>
<span style="color: #33b0ca">*</span>
</div>
<div class="col-sm-12 d-flex justify-content-center">
<!-- <select class=" select2 form-control-md kt-select2 form-control" id="datascriptlpp" multiple>
</select> -->
<div id="shoppingList">
</div>
</div>
</div>
<div style="display: flex; justify-content: center">
<div class="col-sm-6 col-md-7 col-lg-8" id="lppselectdata" style="display: none">
</div>
</div>
</div>
</div>
<div class="header1">
<label for="second_checkbox_lpp">My relevant qualifications</label>
<input id="second_checkbox_lpp" type="checkbox"
onclick="$('#Highest').toggle();$('#Highest_').toggle();$('#SourceIcn_2').toggle();$('#Highest1').toggle();$('#Highest2').toggle();$('#Highest3').toggle();" />
</div>
<!-- My relevant qualifications -->
<div class="row">
<input type="hidden" id="counter99" value="0" />
<div class="row" style="width: 94%; margin-left:10px">
<div class="quad-div" id="Highest_" style="display: none">
<div>
<div class="header1" id="Highest" style="display: none; background-color: #fafafa;color: #252525; margin-top: 10px;
height: 36px; text-align: center; font-size: 16px; padding-top: 7px; width: 100%;">
<p style="font-size: 13px; font-weight: 700">
Highest Qualification In Source Language
</p>
</div>
<div class="" id="Highest1" style="display: none; margin-left: 10px; margin-top: 10px">
<div class="input-box">
<label class="details form-label">Degree/Award</label>
<select name="firstLangDegree " class="firstLangDegree-div form-control" id="degreetemp"
onchange="handleOthersInputValue(this, 'hide')">
<option value="">Choose option</option>
<option value="school">School</option>
<option value="diploma">Diploma</option>
<option value="bachelors">Bachelor</option>
<option value="masters">Master</option>
<option value="doctorate">Doctorate</option>
<option value="fellows">Fellow</option>
<option value="Others">Others</option>
<input class="form-control textvalidation mt-2" id="hide" name="degreeAward" maxlength="30"
type="text" placeholder="Enter the details" style="border: 1px solid black" />
</select>
</div>
<div class="input-box">
<label class="details form-label">Awarded by</label>
<input class="form-control textvalidation" name="firstLangAwardedBy" type="text"
placeholder="University/College/Board name" value="{{cd.awarded_by}}"
style="border: 1px solid black" maxlength="30" />
</div>
<div class="input-box">
<label class="details form-label">Upload Certificate(.pdf file only)</label>
<input class="file upload_sample_analysis" type="file" id="myfile1" name="firstLangDegreeFile"
accept=".pdf" style="padding: 0px 3px 5px 0px" />
</div>
</div>
</div>
<div>
<div class="arrow" id="SourceIcn_2" style="display: none; margin-top: 10px">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25" width="30" height="30">
<path style="fill: #232326"
d="m17.5 5.999-.707.707 5.293 5.293H1v1h21.086l-5.294 5.295.707.707L24 12.499l-6.5-6.5z"
data-name="Right" />
</svg>
</div>
</div>
<div>
<div class="header1" id="Highest2" style="
display: none;
background-color: #fafafa;
color: #252525;
margin-top: 10px;
text-align: center;
height: 36px;
font-size: 16px;
padding-top: 7px;
width: 100%;
">
<p style="font-size: 13px; font-weight: 700">
Highest Qualification In Target Language
</p>
</div>
<div class="" id="Highest3" style="display: none; margin-left: 10px; margin-top: 10px">
<div class="input-box">
<label class="details form-label">Degree/Award</label>
<select name="secondLangDegree" class="secondLangDegree-div form-control" id="degreetemp2"
onchange="handleOthersInputValue(this, 'hide1')">
<option value="">Choose option</option>
<option value="school">School</option>
<option value="diploma">Diploma</option>
<option value="bachelors">Bachelor</option>
<option value="masters">Master</option>
<option value="doctorate">Doctorate</option>
<option value="fellows">Fellow</option>
<option value="Others">Others</option>
<input class="form-control textvalidation mt-2" id="hide1" name="awarded" maxlength="30"
type="text" placeholder="Enter the details" style="border: 1px solid black" />
</select>
</div>
<div class="input-box">
<label class="details form-label">Awarded by</label>
<input class="form-control textvalidation" name="secondLangAwardedBy" type="text"
placeholder="University/College/Board name" maxlength="30" value="{{cd.awarded_by}}"
style="border: 1px solid black" />
</div>
<div class="input-box">
<label class="details form-label">Upload Certificate(.pdf file only)</label>
<input type="file" class="upload_sample_analysis" id="myfile2" name="secondLangDegreeFile"
accept=".pdf" style="padding: 0px 3px 5px 0px" />
</div>
</div>
</div>
</div>
</div>
</div>
<div class="header1 ">
<label for="dohave">Professional certification for translation between L1 & L2</label>
<input id="dohave" type="checkbox" name="certification" onclick="$('#division').toggle();" />
</div>
<!-- Professional certification -->
<div class="row">
<div id="division" class="certification-div" style="display: none">
<table>
<tr>
<td>
<div class="input-box">
<label class="details form-label">Certification</label>
<select name="certificationL1L2" class="certificationL1L2-div form-control"
onchange=" handleOthersInputValue(this, 'hide3' )">
<option value="nameOfDegree">
Choose certification
</option>
<option value="Certification">Certification</option>
<option value="Diploma">Diploma</option>
<option value="Others">Others</option>
<input class="form-control textNumbervalidation mt-2" id="hide3" maxlength="30"
name="certificationL1L22" type="text" placeholder="Enter the details"
style="border: 1px solid black" />
</select>
<div class="input-box">
<label class="details form-label">Duration&nbsp;Of&nbsp;Program</label>
<span class="details"></span>
<select name="durationCertificationL1L2" class="certificationL1L2-div form-control">
<option value="nameOfDegree" class="form-control">
Select Duration
</option>
<option value=" three">3 Months</option>
<option value="six">6 Months</option>
<option value="twelve">12 Months</option>
<option value="moreThanTwelve">
More than one Year
</option>
</select>
</div>
<div class="input-box ">
<label class="details form-label">Upload&nbsp;Certificate (.pdf file only)<span
style="color: #33b0ca"></span></label>
<input type="file" class="upload_sample_analysis form-control" id="myfile3"
name="certificationFile" accept=".pdf" style="padding: 0px 3px 5px 0px" />
</div>
</div>
</td>
<td>
<div class="input-box award-by-inp-box">
<div>
<label class="details form-label">Awarded By</label>
<input class="form-control form-control-certification-inp textvalidation" maxlength="30"
name="certttificationAwardedByL1L2" type="text" value="{{cd.awarded_by}}"
placeholder="University/College/Board name" style="border: 1px solid black" />
</div>
<div class="input-box">
<label class="details form-label">Mode of</label>
<select name="modeCertificationL1L2" class="modeCertificationL1L2-div form-control">
<option value="">Choose Mode</option>
<option value=" oncampus">On Campus</option>
<option value="online">Online</option>
</select>
</div>
<div style="visibility: collapse;">
<label class="form-label">Awarded By</label>
<input type="text" class="form-control" />
</div>
</div>
</td>
</tr>
</table>
</div>
<div></div>
</div>
<div class=" header1">
<label for="experience">Relevant professional experience</label>
<input id="experience" type="checkbox" name="experience" onclick="$('#relevent').toggle();" />
</div>
<!-- Relevant professional experience -->
<div class="row">
<div class="relevent-div" id="relevent" style="display: none">
<div class="row row-experience-div">
<div class="input-box col-md-5">
<label class="form-label">Years of teaching experience in (L1)</label>
<select name="expFirstLang" class="exp-all form-control">
<option value="">None</option>
<option value=" 0-1">0-1 Years</option>
<option value="1-5">1-5 Years</option>
<option value="5-20">5-20 Years</option>
<option value="20">More than 20 Years</option>
</select>
</div>
<div class="input-box col-md-6">
<label class="form-label">Years of teaching experience in (L2)</label>
<select name="expSecondLang" class="exp-all form-control">
<option value="">None</option>
<option value=" 0-1">0-1 Years</option>
<option value="1-5">1-5 Years</option>
<option value="5-20">5-20 Years</option>
<option value="20">More than 20 Years</option>
</select>
</div>
</div>
<div class="row row-experience-div-2">
<div class="input-box col-md-5">
<label class="form-label details">No.&nbsp;of&nbsp;screenplays&nbsp;written&nbsp;in&nbsp;(L1)
</label>
<select name="scriptWrittenFirstLang" class="exp-all form-control">
<option value="">None</option>
<option value="one">1</option>
<option value="twotofive">2-5</option>
<option value="moreThan5">6-20</option>
<option value="moreThan20">21-100</option>
<option value="moreThan100">More than 100</option>
</select>
</div>
<div class="input-box col-md-6">
<label class="form-label details">No.&nbsp;of&nbsp;screenplays&nbsp;written&nbsp;in&nbsp;(L2)
</label>
<select id="ddlView" name="scriptWrittenSecondLang" class="exp-all form-control">
<option value="">None</option>
<option value="one">1</option>
<option value="twotofive">2-5</option>
<option value="moreThan5">6-20</option>
<option value="moreThan20">21-100</option>
<option value="moreThan100">More than 100</option>
</select>
</div>
</div>
<div class="row row-experience-div">
<div class="input-box col-md-5" style="margin-bottom: 10px">
<input type="url"
pattern="(https:\/\/www\.|http:\/\/www\.|https:\/\/|http:\/\/)?[a-zA-Z0-9]{2,}(\.[a-zA-Z0-9]{2,})(\.[a-zA-Z0-9]{2,})?"
class="form-control form-control-div" name="scriptWrittenFirstLangLink"
placeholder="Drop a sample link of the above" style="border: 1px solid black" />
</div>
<div class="input-box col-md-6">
<input class="form-control form-control-div" name="scriptWrittenSecondLangLink" type="url"
pattern="(https:\/\/www\.|http:\/\/www\.|https:\/\/|http:\/\/)?[a-zA-Z0-9]{2,}(\.[a-zA-Z0-9]{2,})(\.[a-zA-Z0-9]{2,})?"
placeholder="Drop a sample link of the above" style="border: 1px solid black" />
</div>
</div>
<div class="row row-experience-div-2">
<div class="input-box col-md-5">
<label class="form-label details">
Screenplays&nbsp;translated&nbsp;from&nbsp;L1&nbsp;to&nbsp;L2&nbsp;?
</label>
<select name="noScriptTransFromL1toL2" class="exp-all form-control">
<option value="">None</option>
<option value="one">1</option>
<option value="twotofive">2-5</option>
<option value="moreThan5">6-20</option>
<option value="moreThan20">21-100</option>
<option value="moreThan100">More than 100</option>
</select>
</div>
<div class="input-box col-md-6">
<label class="form-label details">
Screenplays&nbsp;translated&nbsp;from&nbsp;L2&nbsp;to&nbsp;L1&nbsp;?
</label>
<select name="noScriptTransFromL2toL1" class="exp-all form-control">
<option value="">None</option>
<option value="one">1</option>
<option value="twotofive">2-5</option>
<option value="moreThan5">6-20</option>
<option value="moreThan20">21-100</option>
<option value="moreThan100">More than 100</option>
</select>
</div>
</div>
<div class="row row-experience-div">
<div class="input-box col-md-5" style="margin-bottom: 10px">
<input class="form-control form-control-div" name="noScriptTransFromL1toL2Link" type="url"
pattern="(https:\/\/www\.|http:\/\/www\.|https:\/\/|http:\/\/)?[a-zA-Z0-9]{2,}(\.[a-zA-Z0-9]{2,})(\.[a-zA-Z0-9]{2,})?"
placeholder="Drop a sample link of the above" style="border: 1px solid black" />
</div>
<div class="input-box col-md-6">
<input class="form-control form-control-div" name="noScriptTransFromL2toL1Link" type="url"
pattern="(https:\/\/www\.|http:\/\/www\.|https:\/\/|http:\/\/)?[a-zA-Z0-9]{2,}(\.[a-zA-Z0-9]{2,})(\.[a-zA-Z0-9]{2,})?"
placeholder="Drop a sample link of the above" style="border: 1px solid black" />
</div>
</div>
<div class="row row-experience-div-2">
<div class="input-box col-md-5">
<label class="form-label details">
Articles&nbsp;translated&nbsp;from&nbsp;L1&nbsp;to&nbsp;L2&nbsp;?
</label>
<select name="noArticleTransFromL1toL2" class="exp-all form-control">
<option value="">None</option>
<option value="one">1</option>
<option value="twotofive">2-5</option>
<option value="moreThan5">6-20</option>
<option value="moreThan20">21-100</option>
<option value="moreThan100">More than 100</option>
</select>
</div>
<div class="input-box col-md-6">
<label class="form-label details">
Articles&nbsp;translated&nbsp;from&nbsp;L2&nbsp;to&nbsp;L1&nbsp;?
</label>
<select name="noArticleTransFromL2toL1" class="exp-all form-control">
<option value="">None</option>
<option value="one">1</option>
<option value="twotofive">2-5</option>
<option value="moreThan5">6-20</option>
<option value="moreThan20">21-100</option>
<option value="moreThan100">More than 100</option>
</select>
</div>
</div>
<div class="row row-experience-div">
<div class="input-box col-md-5" style="margin-bottom: 10px">
<input class="form-control form-control-div" name="noArticleTransFromL1toL2Link" type="url"
pattern="(https:\/\/www\.|http:\/\/www\.|https:\/\/|http:\/\/)?[a-zA-Z0-9]{2,}(\.[a-zA-Z0-9]{2,})(\.[a-zA-Z0-9]{2,})?"
placeholder="Drop a sample link of the above" style="border: 1px solid black" />
</div>
<div class="input-box col-md-6">
<input class="form-control form-control-div" name="noArticleTransFromL2toL1Link" type="url"
pattern="(https:\/\/www\.|http:\/\/www\.|https:\/\/|http:\/\/)?[a-zA-Z0-9]{2,}(\.[a-zA-Z0-9]{2,})(\.[a-zA-Z0-9]{2,})?"
placeholder="Drop a sample link of the above" style="border: 1px solid black" />
</div>
</div>
</div>
</div>
<div class="checkbox-last-div" style="margin-top: 20px">
<input class="checkbox-check" type="checkbox" style="margin-right: 5px" required />
<label>I have read the <a href="{% static 'tnc.html' %}" target="_blank">Terms </a>of
Engagement of MNF Language Pair Partners and agree to abide by
them</label>
</div>
<div class=" text-center">
<button type="submit" class="btn btn-primary last-submit-btn last-btn btn_color " value="submit"
onclick="handle_form_submission()">
<span onclick="ValidateEmail(document.form1.text1)">SUBMIT</span>
</button>
</div>
</form>
</div>
</div>
</div>
</div>
<div id="processingPopup" class="processing-popup d-none">
<p>Please wait while the form is being processed...</p>
</div>
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>-->
<!-- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>-->
<!-- -->
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/js/bootstrap-select.min.js"></script>-->
<!-- Latest compiled and minified JavaScript -->
<!-- <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>-->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<script>
$(document).ready(function () {
$('.selectpicker').selectpicker();
});
</script>
<!-- Query Email AJAX Call-->
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/css/bootstrap-select.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="{% static 'battuta.js' %}"></script>
<script>
function query_email(btn) {
var subj = document.getElementById("email_subject").value;
var content = document.getElementById("email_content").value;
if (!subj && !content) {
alert("Please write something.");
return false;
} else if (!subj) {
alert("Please write subject first.");
return false;
} else if (!content) {
alert("Please write the message.");
return false;
} else {
btn.value = "Submitting...";
btn.disabled = true;
btn.style =
"background-color:#eeeeee; border: 1px solid #33B0ca; color:#33B0ca; font-weight:700;";
$.ajax({
type: "POST",
url: "{% url 'query_email' %}",
data: {
subj: subj,
content: content,
frompage: "regform",
csrfmiddlewaretoken: $("input[name=csrfmiddlewaretoken").val(),
},
success: function (response) {
console.log("Sent successfully");
$("#popupobject").hide();
document.getElementById("email_subject").value = "";
document.getElementById("email_content").value = "";
alert("Thank you for writing to us. We will get back ASAP!");
btn.value = "Submit";
btn.style =
"background-color:#33B0ca; border: 1px solid #33B0ca; color:white; font-weight:700;";
btn.disabled = false;
},
});
}
}
</script>
<!--Make Source and Destination Language dropdown disable option which is selected in other dropdown-->
<script>
$(firstLanguage).change(function () {
var select = document.getElementById("secondLanguage");
for (var i = 0; i < select.length; i++) {
var option = select.options[i];
option.disabled = false;
// now have option.text, option.value
}
$(secondLanguage)
.not(this)
.find("option[value=" + $(this).val() + "]")
.attr("disabled", true);
});
$(secondLanguage).change(function () {
var select = document.getElementById("firstLanguage");
for (var i = 0; i < select.length; i++) {
var option = select.options[i];
option.disabled = false;
// now have option.text, option.value
}
$(firstLanguage)
.not(this)
.find("option[value=" + $(this).val() + "]")
.attr("disabled", true);
});
</script>
<!--Make the Text Input Box for others dropdown hide and show and populating country and languages dropdown-->
<script>
// Others hide show
document.getElementById("hide").style.display = "none";
document.getElementById("hide1").style.display = "none";
document.getElementById("hide3").style.display = "none";
document.getElementById("hide4").style.display = "none";
document.getElementById("hide5").style.display = "none";
document.getElementById("hide6").style.display = "none";
function handleOthersInputValue(selectTag, othersInputTextBox) {
if (selectTag.value === "Others") {
document.getElementById(othersInputTextBox).style.display = "block";
document
.getElementById(othersInputTextBox)
.setAttribute("required", "");
} else {
document.getElementById(othersInputTextBox).style.display = "none";
document.getElementById(othersInputTextBox).removeAttribute("required");
}
}
var options = [
"Afrikaans",
"Albanian",
"Amharic",
"Arabic",
"Armenian",
"Azerbaijani ",
"Basque",
"Belarusian",
"Bengali",
"Bosnian",
"Bulgarian",
"Catalan",
"Cebuano",
"Chinese-Simplified",
"Chinese-Traditional",
"Corsican",
"Croatian",
"Czech",
"Danish",
"Dutch",
"English",
"Esperanto",
"Estonian",
"Finnish",
"French",
"Frisian",
"Galician",
"Georgian",
"German",
"Greek",
"Gujrati",
"Haitian Creole",
"Hausa",
"Hawaiian",
"Hebrew",
"Hindi",
"Hmong",
"Hungarian",
"Icelandic",
"Igbo",
"Indonesian",
"Irish",
"Italian",
"Japanese",
"Javanese",
"Kannada",
"Kazak",
"Khmer",
"Kinyarwanda",
"Korean",
"Kurdish",
"Kyrgyz",
"Lao",
"Latin",
"Latvian",
"Lithuanian",
"Luxembourgish",
"Macedonian",
"Malagasy",
"Malay",
"Malayalam",
"Maltese",
"Maori",
"Marathi",
"Mayanmar",
"Mongolian",
"Nepali",
"Norwegian",
"Nyanja",
"Odia",
"Pashto",
"Persian",
"Polish",
"Portugese",
"Punjabi",
"Romanian",
"Russian",
"Samoan",
"Serbian",
"Scots Gaelic",
"Sesotho",
"Shona",
"Sindhi",
"Sinhala",
"Slovak",
"Slovenian",
"Somali",
"Spanish",
"Sundanese",
"Swahili",
"Swedish",
"Tagalog",
"Tamil",
"Tatar",
"Telugu",
"Thai",
"Turkish",
"Turkmen",
"Ukranian",
"Urdu",
"Uyghur",
"Uzbek",
"Vietnamese",
"Welsh",
"Xhosa",
"Yiddish",
"Yoruba",
"Zulu",
];
var select = document.getElementById("selectNumber");
var select2 = document.getElementById("fatherTongue");
var select3 = document.getElementById("motherTongue");
var select4 = document.getElementById("firstLanguage");
var select5 = document.getElementById("secondLanguage");
console.log("Hello 987");
options.forEach((element, index, arr) => {
// primary mother tongue
var el = document.createElement("option");
el.textContent = element;
el.value = element;
select.appendChild(el);
// father's mother tongue
var el = document.createElement("option");
el.textContent = element;
el.value = element;
select2.appendChild(el);
// mother's mother tongue
var el = document.createElement("option");
el.textContent = element;
el.value = element;
select3.appendChild(el);
// first language
var el = document.createElement("option");
el.textContent = element;
el.value = element;
select4.appendChild(el);
// second language
var el = document.createElement("option");
el.textContent = element;
el.value = element;
select5.appendChild(el);
});
var language = "{{ cd.language }}";
$("#selectNumber").val(language);
$("#secondLanguage").val(language);
$(document).ready(function () {
datadilect("secondLanguage", "datadilectlpp1");
});
$("#fatherTongue").val(language);
$("#motherTongue").val(language);
// API for countries cities state
// Code to Ensure that Country is selected before trying to select region and so on for city
function checkSelectOptions() {
var select = document.getElementById("region");
if (select.options.length === 1) {
alert("Please Select the Country First");
}
}
function checkSelectOptions2() {
var select = document.getElementById("city1");
if (select.options.length === 1) {
alert("Please Select the State First");
}
}
</script>
<!--Validation Codes only-->
<script>
// lpp -> number only validation
$(".lppcontact").on("keypress", function (event) {
var regex = new RegExp("^[0-9]+$");
var key = String.fromCharCode(
!event.charCode ? event.which : event.charCode
);
if (!regex.test(key)) {
event.preventDefault();
return false;
}
});
// text validation
$(".textvalidation").on("keypress", function (event) {
var regex1 = new RegExp("^[a-zA-Z ]+$");
var key = String.fromCharCode(
!event.charCode ? event.which : event.charCode
);
if (!regex1.test(key)) {
event.preventDefault();
return false;
}
});
// number only validation
$(".numvalidation").on("keypress", function (event) {
var regex1 = new RegExp("^[0-9]+$");
var key = String.fromCharCode(
!event.charCode ? event.which : event.charCode
);
if (!regex1.test(key)) {
event.preventDefault();
return false;
}
});
// email only validation
$(".emailvalidation").on("keypress", function (event) {
var regex1 = new RegExp("^[a-zA-Z0-9.@]+$");
var key = String.fromCharCode(
!event.charCode ? event.which : event.charCode
);
if (!regex1.test(key)) {
event.preventDefault();
return false;
}
});
// text and number validation
$(".textNumbervalidation").on("keypress", function (event) {
var regex1 = new RegExp("^[a-zA-Z1-9 ]+$");
var key = String.fromCharCode(
!event.charCode ? event.which : event.charCode
);
if (!regex1.test(key)) {
event.preventDefault();
return false;
}
});
// Code to Validate that only PDF gets Uploaded in Certificates Input Prompts
$(".upload_sample_analysis").on("change", function (e) {
let ext = this.value.split(".").pop();
if (ext.toLowerCase() === "pdf") {
} else {
alert("Invalid file format. Only .pdf file are accept ");
this.value = "";
e.preventDefault();
}
});
</script>
<!--Code to allow atleast one field be always checked in reasons of language being chosen-->
<script>
$(document).ready(function () {
$(".checkcheckbox").click(() => {
if ($(".checkcheckbox:input:checkbox").filter(":checked").length < 1) {
$("#errchoose").show();
return false;
} else {
$(".errchoose").hide();
return true;
}
});
});
$(document).ready(function () {
$(".checkresbox").click(function () {
if ($(".checkresbox:input:checkbox").filter(":checked").length < 1) {
$("#errchooseres").show();
return false;
} else {
$(".errchooseres").hide();
return true;
}
});
});
</script>
<!--Code to Update Scripts to be chosen based on first and second languages-->
<script>
function removeAllItems() {
var shoppingList = document.getElementById("shoppingList");
shoppingList.innerHTML = "";
}
function dataScript() {
// $("#datascriptlpp").empty();
removeAllItems();
var firstLanguage = document.getElementById("firstLanguage").value;
var secondLanguage = document.getElementById("secondLanguage").value;
$.ajax({
type: "POST",
url: '{% url "datascriptslpp" %}',
data: {
firstlang: firstLanguage,
secondlang: secondLanguage,
csrfmiddlewaretoken: $("input[name=csrfmiddlewaretoken").val(),
},
success: function (data) {
var word = JSON.stringify(data["data"]);
ourNewWord = word.replace("[", "");
ourNewWord = ourNewWord.replace("]", "");
const split_string = ourNewWord.split(",");
var x = document.getElementById("datascriptlpp");
//split_string.forEach(item => {
//$('#datascriptlpp').append('<option value="1">1</option>');
//})
for (let i = 0; i < split_string.length; i++) {
const str = split_string[i];
const removed = str.replaceAll('"', "");
var newItem = document.createElement("input");
newItem.type = "checkbox";
newItem.name = removed;
var label = document.createElement("label");
label.appendChild(newItem);
label.appendChild(document.createTextNode(removed));
var list = document.getElementById("shoppingList");
list.appendChild(label);
// var option = document.createElement("option");
// option.text = removed;
// option.value = split_string[i];
// x.add(option);
}
},
});
}
function check_lang_select() {
const select1 = document.getElementById("firstLanguage");
const select2 = document.getElementById("secondLanguage");
if (select1.value !== "" && select2.value !== "") {
console.log("Both select elements are selected.");
dataScript();
}
}
</script>
<!--Code to Update Dialects for the Specific Language-->
<script>
function datadilect(id1, id2) {
$("#" + id2).empty();
var lang = document.getElementById(id1).value;
$.ajax({
type: "POST",
url: '{% url "datadilectlpp" %}',
data: {
lang: lang,
csrfmiddlewaretoken: $("input[name=csrfmiddlewaretoken").val(),
},
statusCode: {
500: function () {
if (document.getElementById("counter99").value !== "0") {
alert("Dialects not availabel for chosen language");
} else {
document.getElementById("counter99").value = 1;
}
},
},
success: function (data) {
var word = JSON.stringify(data["datadilect"]);
ourNewWord = word.replace("[", "");
ourNewWord = ourNewWord.replace("]", "");
const split_string = ourNewWord.split(",");
var x = document.getElementById(id2);
for (let i = 0; i < split_string.length; i++) {
const str = split_string[i];
const removed = str.replaceAll('"', "");
var option = document.createElement("option");
option.text = removed;
option.value = split_string[i];
x.add(option);
}
},
error: (error) => {
console.log("Dialects not availabel");
},
});
}
</script>
<!--Code to Auto-populate LPP form fields based on data stored in central database-->
<script>
//for centralDatabase
//phone number and country code
var country = "{{ cd.country }}";
var state = "{{ cd.state }}";
var city = "{{ cd.city }}";
var language = "{{ cd.language }}";
if ("{{ cd }}") {
var code = "{{ cd.countryCode }}";
var phone = "{{ cd.contact }}";
var country = "{{ cd.country }}";
var degree = "{{ cd.degree }}";
if (code != "None") {
}
if (phone != "None") {
$("#numberphone").val(phone);
}
$("#country").val(country);
$("#degreetemp").val(degree);
$("#degreetemp2").val(degree);
} else {
console.log("not found data");
}
</script>
<script>
$("#selectNumber").on("change", function () {
$("#secondLanguage").val($(this).find(":selected").val());
$("#fatherTongue").val($(this).find(":selected").val());
$("#motherTongue").val($(this).find(":selected").val());
datadilect("secondLanguage", "datadilectlpp1");
});
$("#").on("change", function () {
$("#secondLanguage").val($(this).find(":selected").val());
datadilect("secondLanguage", "datadilectlpp1");
});
</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>
setTimeout(() => {
let selectElement = document.getElementById("multiSelect");
let inputElement = document.querySelector(".form-control");
selectElement.addEventListener("change", function () {
let selectedOptions = [];
for (let option of selectElement.selectedOptions) {
selectedOptions.push(option.value);
}
let lastSelectedValue = selectedOptions[selectedOptions.length - 1];
if (inputElement.value.includes(lastSelectedValue)) {
inputElement.value = inputElement.value
.split(",")
.filter((item) => item.trim() !== lastSelectedValue)
.join(",")
.trim();
} else {
if (inputElement.value !== "") {
inputElement.value += ", ";
}
inputElement.value += lastSelectedValue;
}
console.log(inputElement.value);
});
}, 1000);
</script>
</body>
{% endblock %}
Reference in New Issue View Git Blame Copy Permalink