Conversion_Kitchen_Code/kitchen_counter/lpp/templates/lpp/majortable.html

1736 lines
106 KiB
HTML
Executable File

{% extends "mnfapp/base.html" %} {% load static %} {% block content %}
<!DOCTYPE html>
<html lang="en">
<head>
{% if edit == 1 %}
<title>Edit Lpp Details</title>
{% else %}
<title>Lpp Details</title>
{% endif %}
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<script src="https://requirejs.org/docs/release/2.3.5/minified/require.js"></script>
<style>
.mar-top{
margin-top: 5px;
}
</style>
</head>
<body>
{% if edit == 1 %}
<div class="container" id="multilingual">
<h2 style="text-align: center;">Edit LPP Details</h2>
<br>
{% if data %}
<form method="POST" action="{%url 'lppeditdetails'%}" enctype="multipart/form-data">
{% csrf_token %}
<input type="hidden" name="id" value="{{data.lpp_id}}"/>
<div class="form-group row">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_id_edit">LPP ID</label>
<input class="form-control" id="lpp_id_edit" disabled='True' value="{{data.lpp_id}}" type="text">
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_name_edit">Full Name</label>
<input class="form-control" id="lpp_name_edit" disabled='True' value="{{data.first_name}} {{data.last_name}}" type="text">
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_email_edit">Email</label>
<input class="form-control" id="lpp_email_edit" name="lpp_email_new" value="{{data.lpp_email}}" type="text" maxlength="40" required 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}">
</div>
</div>
<br>
<div class="form-group row">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_langs_edit">Language Pair</label>
<input class="form-control" id="lpp_langs_edit" disabled='True' value="{{data.firstLanguage}} - {{data.secondLanguage}}" type="text">
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_status_edit">Status</label>
<input class="form-control" id="lpp_status_edit" disabled='True' value="{{data.status}}" type="text">
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_level_edit">Level</label>
<input class="form-control" id="lpp_level_edit" disabled='True' value="{{data.level}}" type="text">
</div>
</div>
<br>
<div class="form-group row">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_rating_edit">Rating</label>
<input class="form-control" id="lpp_rating_edit" disabled='True' value="{{data.rating}}" type="text"/>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<input id = "contact_edit_counter" name="contact_edit_counter" type="hidden" value="Yes">
<label for="lpp_contact_edit">Phone</label>
<input class="form-control" id="lpp_contact_edit" disabled='True' value="{{data.countryCode}}-{{data.contact}}" type="text"/>
<input type="button" id="change_contact" onclick="toggle_contact_edit(this);" value="Edit"/>
<div id="contact_edit" style="display:none">
<select id="code" name="code_edit" style="width: 85px; border-radius:4px;">
<option data-countryCode="IN" value="91">India (+91)</option>
<option data-countryCode="DZ" value="213">Algeria (+213)</option>
<option data-countryCode="AD" value="376">Andorra (+376)</option>
<option data-countryCode="AO" value="244">Angola (+244)</option>
<option data-countryCode="AI" value="1264">Anguilla (+1264)</option>
<option data-countryCode="AG" value="1268">Antigua &amp; Barbuda (+1268)</option>
<option data-countryCode="AR" value="54">Argentina (+54)</option>
<option data-countryCode="AM" value="374">Armenia (+374)</option>
<option data-countryCode="AW" value="297">Aruba (+297)</option>
<option data-countryCode="AU" value="61">Australia (+61)</option>
<option data-countryCode="AT" value="43">Austria (+43)</option>
<option data-countryCode="AZ" value="994">Azerbaijan (+994)</option>
<option data-countryCode="BS" value="1242">Bahamas (+1242)</option>
<option data-countryCode="BH" value="973">Bahrain (+973)</option>
<option data-countryCode="BD" value="880">Bangladesh (+880)</option>
<option data-countryCode="BB" value="1246">Barbados (+1246)</option>
<option data-countryCode="BY" value="375">Belarus (+375)</option>
<option data-countryCode="BE" value="32">Belgium (+32)</option>
<option data-countryCode="BZ" value="501">Belize (+501)</option>
<option data-countryCode="BJ" value="229">Benin (+229)</option>
<option data-countryCode="BM" value="1441">Bermuda (+1441)</option>
<option data-countryCode="BT" value="975">Bhutan (+975)</option>
<option data-countryCode="BO" value="591">Bolivia (+591)</option>
<option data-countryCode="BA" value="387">Bosnia Herzegovina (+387)</option>
<option data-countryCode="BW" value="267">Botswana (+267)</option>
<option data-countryCode="BR" value="55">Brazil (+55)</option>
<option data-countryCode="BN" value="673">Brunei (+673)</option>
<option data-countryCode="BG" value="359">Bulgaria (+359)</option>
<option data-countryCode="BF" value="226">Burkina Faso (+226)</option>
<option data-countryCode="BI" value="257">Burundi (+257)</option>
<option data-countryCode="KH" value="855">Cambodia (+855)</option>
<option data-countryCode="CM" value="237">Cameroon (+237)</option>
<option data-countryCode="CA" value="1">Canada (+1)</option>
<option data-countryCode="CV" value="238">Cape Verde Islands (+238)</option>
<option data-countryCode="KY" value="1345">Cayman Islands (+1345)</option>
<option data-countryCode="CF" value="236">Central African Republic (+236)</option>
<option data-countryCode="CL" value="56">Chile (+56)</option>
<option data-countryCode="CN" value="86">China (+86)</option>
<option data-countryCode="CO" value="57">Colombia (+57)</option>
<option data-countryCode="KM" value="269">Comoros (+269)</option>
<option data-countryCode="CG" value="242">Congo (+242)</option>
<option data-countryCode="CK" value="682">Cook Islands (+682)</option>
<option data-countryCode="CR" value="506">Costa Rica (+506)</option>
<option data-countryCode="HR" value="385">Croatia (+385)</option>
<option data-countryCode="CU" value="53">Cuba (+53)</option>
<option data-countryCode="CY" value="90392">Cyprus North (+90392)</option>
<option data-countryCode="CY" value="357">Cyprus South (+357)</option>
<option data-countryCode="CZ" value="42">Czech Republic (+42)</option>
<option data-countryCode="DK" value="45">Denmark (+45)</option>
<option data-countryCode="DJ" value="253">Djibouti (+253)</option>
<option data-countryCode="DM" value="1809">Dominica (+1809)</option>
<option data-countryCode="DO" value="1809">Dominican Republic (+1809)</option>
<option data-countryCode="EC" value="593">Ecuador (+593)</option>
<option data-countryCode="EG" value="20">Egypt (+20)</option>
<option data-countryCode="SV" value="503">El Salvador (+503)</option>
<option data-countryCode="GQ" value="240">Equatorial Guinea (+240)</option>
<option data-countryCode="ER" value="291">Eritrea (+291)</option>
<option data-countryCode="EE" value="372">Estonia (+372)</option>
<option data-countryCode="ET" value="251">Ethiopia (+251)</option>
<option data-countryCode="FK" value="500">Falkland Islands (+500)</option>
<option data-countryCode="FO" value="298">Faroe Islands (+298)</option>
<option data-countryCode="FJ" value="679">Fiji (+679)</option>
<option data-countryCode="FI" value="358">Finland (+358)</option>
<option data-countryCode="FR" value="33">France (+33)</option>
<option data-countryCode="GF" value="594">French Guiana (+594)</option>
<option data-countryCode="PF" value="689">French Polynesia (+689)</option>
<option data-countryCode="GA" value="241">Gabon (+241)</option>
<option data-countryCode="GM" value="220">Gambia (+220)</option>
<option data-countryCode="GE" value="7880">Georgia (+7880)</option>
<option data-countryCode="DE" value="49">Germany (+49)</option>
<option data-countryCode="GH" value="233">Ghana (+233)</option>
<option data-countryCode="GI" value="350">Gibraltar (+350)</option>
<option data-countryCode="GR" value="30">Greece (+30)</option>
<option data-countryCode="GL" value="299">Greenland (+299)</option>
<option data-countryCode="GD" value="1473">Grenada (+1473)</option>
<option data-countryCode="GP" value="590">Guadeloupe (+590)</option>
<option data-countryCode="GU" value="671">Guam (+671)</option>
<option data-countryCode="GT" value="502">Guatemala (+502)</option>
<option data-countryCode="GN" value="224">Guinea (+224)</option>
<option data-countryCode="GW" value="245">Guinea - Bissau (+245)</option>
<option data-countryCode="GY" value="592">Guyana (+592)</option>
<option data-countryCode="HT" value="509">Haiti (+509)</option>
<option data-countryCode="HN" value="504">Honduras (+504)</option>
<option data-countryCode="HK" value="852">Hong Kong (+852)</option>
<option data-countryCode="HU" value="36">Hungary (+36)</option>
<option data-countryCode="IS" value="354">Iceland (+354)</option>
<option data-countryCode="ID" value="62">Indonesia (+62)</option>
<option data-countryCode="IR" value="98">Iran (+98)</option>
<option data-countryCode="IQ" value="964">Iraq (+964)</option>
<option data-countryCode="IE" value="353">Ireland (+353)</option>
<option data-countryCode="IL" value="972">Israel (+972)</option>
<option data-countryCode="IT" value="39">Italy (+39)</option>
<option data-countryCode="JM" value="1876">Jamaica (+1876)</option>
<option data-countryCode="JP" value="81">Japan (+81)</option>
<option data-countryCode="JO" value="962">Jordan (+962)</option>
<option data-countryCode="KZ" value="7">Kazakhstan (+7)</option>
<option data-countryCode="KE" value="254">Kenya (+254)</option>
<option data-countryCode="KI" value="686">Kiribati (+686)</option>
<option data-countryCode="KP" value="850">Korea North (+850)</option>
<option data-countryCode="KR" value="82">Korea South (+82)</option>
<option data-countryCode="KW" value="965">Kuwait (+965)</option>
<option data-countryCode="KG" value="996">Kyrgyzstan (+996)</option>
<option data-countryCode="LA" value="856">Laos (+856)</option>
<option data-countryCode="LV" value="371">Latvia (+371)</option>
<option data-countryCode="LB" value="961">Lebanon (+961)</option>
<option data-countryCode="LS" value="266">Lesotho (+266)</option>
<option data-countryCode="LR" value="231">Liberia (+231)</option>
<option data-countryCode="LY" value="218">Libya (+218)</option>
<option data-countryCode="LI" value="417">Liechtenstein (+417)</option>
<option data-countryCode="LT" value="370">Lithuania (+370)</option>
<option data-countryCode="LU" value="352">Luxembourg (+352)</option>
<option data-countryCode="MO" value="853">Macao (+853)</option>
<option data-countryCode="MK" value="389">Macedonia (+389)</option>
<option data-countryCode="MG" value="261">Madagascar (+261)</option>
<option data-countryCode="MW" value="265">Malawi (+265)</option>
<option data-countryCode="MY" value="60">Malaysia (+60)</option>
<option data-countryCode="MV" value="960">Maldives (+960)</option>
<option data-countryCode="ML" value="223">Mali (+223)</option>
<option data-countryCode="MT" value="356">Malta (+356)</option>
<option data-countryCode="MH" value="692">Marshall Islands (+692)</option>
<option data-countryCode="MQ" value="596">Martinique (+596)</option>
<option data-countryCode="MR" value="222">Mauritania (+222)</option>
<option data-countryCode="YT" value="269">Mayotte (+269)</option>
<option data-countryCode="MX" value="52">Mexico (+52)</option>
<option data-countryCode="FM" value="691">Micronesia (+691)</option>
<option data-countryCode="MD" value="373">Moldova (+373)</option>
<option data-countryCode="MC" value="377">Monaco (+377)</option>
<option data-countryCode="MN" value="976">Mongolia (+976)</option>
<option data-countryCode="MS" value="1664">Montserrat (+1664)</option>
<option data-countryCode="MA" value="212">Morocco (+212)</option>
<option data-countryCode="MZ" value="258">Mozambique (+258)</option>
<option data-countryCode="MN" value="95">Myanmar (+95)</option>
<option data-countryCode="NA" value="264">Namibia (+264)</option>
<option data-countryCode="NR" value="674">Nauru (+674)</option>
<option data-countryCode="NP" value="977">Nepal (+977)</option>
<option data-countryCode="NL" value="31">Netherlands (+31)</option>
<option data-countryCode="NC" value="687">New Caledonia (+687)</option>
<option data-countryCode="NZ" value="64">New Zealand (+64)</option>
<option data-countryCode="NI" value="505">Nicaragua (+505)</option>
<option data-countryCode="NE" value="227">Niger (+227)</option>
<option data-countryCode="NG" value="234">Nigeria (+234)</option>
<option data-countryCode="NU" value="683">Niue (+683)</option>
<option data-countryCode="NF" value="672">Norfolk Islands (+672)</option>
<option data-countryCode="NP" value="670">Northern Marianas (+670)</option>
<option data-countryCode="NO" value="47">Norway (+47)</option>
<option data-countryCode="OM" value="968">Oman (+968)</option>
<option data-countryCode="PW" value="680">Palau (+680)</option>
<option data-countryCode="PA" value="507">Panama (+507)</option>
<option data-countryCode="PG" value="675">Papua New Guinea (+675)</option>
<option data-countryCode="PY" value="595">Paraguay (+595)</option>
<option data-countryCode="PE" value="51">Peru (+51)</option>
<option data-countryCode="PH" value="63">Philippines (+63)</option>
<option data-countryCode="PL" value="48">Poland (+48)</option>
<option data-countryCode="PT" value="351">Portugal (+351)</option>
<option data-countryCode="PR" value="1787">Puerto Rico (+1787)</option>
<option data-countryCode="QA" value="974">Qatar (+974)</option>
<option data-countryCode="RE" value="262">Reunion (+262)</option>
<option data-countryCode="RO" value="40">Romania (+40)</option>
<option data-countryCode="RU" value="7">Russia (+7)</option>
<option data-countryCode="RW" value="250">Rwanda (+250)</option>
<option data-countryCode="SM" value="378">San Marino (+378)</option>
<option data-countryCode="ST" value="239">Sao Tome &amp; Principe (+239)</option>
<option data-countryCode="SA" value="966">Saudi Arabia (+966)</option>
<option data-countryCode="SN" value="221">Senegal (+221)</option>
<option data-countryCode="CS" value="381">Serbia (+381)</option>
<option data-countryCode="SC" value="248">Seychelles (+248)</option>
<option data-countryCode="SL" value="232">Sierra Leone (+232)</option>
<option data-countryCode="SG" value="65">Singapore (+65)</option>
<option data-countryCode="SK" value="421">Slovak Republic (+421)</option>
<option data-countryCode="SI" value="386">Slovenia (+386)</option>
<option data-countryCode="SB" value="677">Solomon Islands (+677)</option>
<option data-countryCode="SO" value="252">Somalia (+252)</option>
<option data-countryCode="ZA" value="27">South Africa (+27)</option>
<option data-countryCode="ES" value="34">Spain (+34)</option>
<option data-countryCode="LK" value="94">Sri Lanka (+94)</option>
<option data-countryCode="SH" value="290">St. Helena (+290)</option>
<option data-countryCode="KN" value="1869">St. Kitts (+1869)</option>
<option data-countryCode="SC" value="1758">St. Lucia (+1758)</option>
<option data-countryCode="SD" value="249">Sudan (+249)</option>
<option data-countryCode="SR" value="597">Suriname (+597)</option>
<option data-countryCode="SZ" value="268">Swaziland (+268)</option>
<option data-countryCode="SE" value="46">Sweden (+46)</option>
<option data-countryCode="CH" value="41">Switzerland (+41)</option>
<option data-countryCode="SI" value="963">Syria (+963)</option>
<option data-countryCode="TW" value="886">Taiwan (+886)</option>
<option data-countryCode="TJ" value="7">Tajikstan (+7)</option>
<option data-countryCode="TH" value="66">Thailand (+66)</option>
<option data-countryCode="TG" value="228">Togo (+228)</option>
<option data-countryCode="TO" value="676">Tonga (+676)</option>
<option data-countryCode="TT" value="1868">Trinidad &amp; Tobago (+1868)</option>
<option data-countryCode="TN" value="216">Tunisia (+216)</option>
<option data-countryCode="TR" value="90">Turkey (+90)</option>
<option data-countryCode="TM" value="7">Turkmenistan (+7)</option>
<option data-countryCode="TM" value="993">Turkmenistan (+993)</option>
<option data-countryCode="TC" value="1649">Turks &amp; Caicos Islands(+1649)</option>
<option data-countryCode="TV" value="688">Tuvalu (+688)</option>
<option data-countryCode="UG" value="256">Uganda (+256)</option>
<option data-countryCode="GB" value="44">UK (+44)</option>
<option data-countryCode="UA" value="380">Ukraine (+380)</option>
<option data-countryCode="AE" value="971">United Arab Emirates (+971)</option>
<option data-countryCode="UY" value="598">Uruguay (+598)</option>
<option data-countryCode="US" value="1">USA (+1)</option>
<option data-countryCode="UZ" value="7">Uzbekistan (+7)</option>
<option data-countryCode="VU" value="678">Vanuatu (+678)</option>
<option data-countryCode="VA" value="379">Vatican City (+379)</option>
<option data-countryCode="VE" value="58">Venezuela (+58)</option>
<option data-countryCode="VN" value="84">Vietnam (+84)</option>
<option data-countryCode="VG" value="84">Virgin Islands - British (+1284)</option>
<option data-countryCode="VI" value="84">Virgin Islands - US (+1340)</option>
<option data-countryCode="WF" value="681">Wallis &amp; Futuna (+681)</option>
<option data-countryCode="YE" value="969">Yemen (North)(+969)</option>
<option data-countryCode="YE" value="967">Yemen (South)(+967)</option>
<option data-countryCode="ZM" value="260">Zambia (+260)</option>
<option data-countryCode="ZW" value="263">Zimbabwe (+263)</option>
</select>
<input id="contact_11" name="number_edit" maxlength="15" class="lppcontact textNumbervalidation" style="width: 169px;border:1px solid black;" type="text" placeholder="Enter your number" 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)>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_country_edit">Country Currently:({{data.country}})</label>
{% comment %} <select class="form-control" name="country_Edit" id="lpp_country_edit">
<option selected disabled>Choose Country</option>
</select> {% endcomment %}
<select id="country" name="country_Edit" class="country-div form-control">
<option value="">Country</option>
</select>
</div>
<!-- shehzeen -->
<input type="text" id="batutakey" value="{{key}}" style="width: 190px; display:none">
<br><br><br>
<!-- shehzeen -->
</div>
<script>
$('.textNumbervalidation').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;
}
});
</script>
<script>
$(document).ready(function () {
//-------------------------------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/
// var BATTUTA_KEY = "1fee824672fdead3eed687706f155dbb";
// shehzeen
var BATTUTA_KEY = document.getElementById("batutakey").value;
// shehzeen
// Populate country select box from battuta API
url =
"https://battuta.medunes.net/api/country/all/?key=" +
BATTUTA_KEY +
"&callback=?";
// EXTRACT JSON DATA.
$.getJSON(url, function (data) {
console.log(data);
$.each(data, function (index, value) {
// APPEND OR INSERT DATA TO SELECT ELEMENT.
$("#country").append(
'<option value="' + value.code + '">' + value.name + "</option>"
);
});
});
// Country selected --> update region list .
$("#country").change(function () {
selectedCountry = this.options[this.selectedIndex].text;
countryCode = $("#country").val();
// Populate country select box from battuta API
url =
"https://battuta.medunes.net/api/region/" +
countryCode +
"/all/?key=" +
BATTUTA_KEY +
"&callback=?";
$.getJSON(url, function (data) {
$("#region option").remove();
$.each(data, function (index, value) {
// APPEND OR INSERT DATA TO SELECT ELEMENT.
$("#region").append(
'<option value="' + value.region + '">' + value.region + "</option>"
);
});
});
});
// Region selected --> updated city list
$("#region").on("change", function () {
selectedRegion = this.options[this.selectedIndex].text;
// Populate country select box from battuta API
countryCode = $("#country").val();
region = $("#region").val();
url =
"https://battuta.medunes.net/api/city/" +
countryCode +
"/search/?region=" +
region +
"&key=" +
BATTUTA_KEY +
"&callback=?";
$.getJSON(url, function (data) {
console.log(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").on("change", function () {
selectedCity = this.options[this.selectedIndex].text;
$("#location").html(
"Locatation: Country: " +
selectedCountry +
", Region: " +
selectedRegion +
", City: " +
selectedCity
);
});
});
</script>
<script>
function toggle_contact_edit(btn){
const input = document.getElementById('code');
const input1 = document.getElementById('contact_11');
var counter = document.getElementById('contact_edit_counter').value;
if (counter == "Yes"){
btn.value = "Cancel"
input.setAttribute('required', '');
input1.setAttribute('required', '');
$('#contact_edit').show();
document.getElementById('contact_edit_counter').value = "No";
}
else{
btn.value = "Edit"
const input = document.getElementById('code');
input.removeAttribute('required');
input1.removeAttribute('required');
$('#contact_edit').hide();
document.getElementById('contact_edit_counter').value = "Yes";
}
}
</script>
<br>
<div class="form-group row">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_province_edit">Province Currently:({{data.province}})</label>
{% comment %} <select class="form-control" name="province_Edit" id="lpp_province_edit">
<option selected disabled>Choose Province</option>
</select> {% endcomment %}
<select id="region" class="form-control" name="province_Edit">
<option value="" hidden>Choose </option>
</select>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_city_edit">City Currently:({{data.city}})</label>
{% comment %} <select class="form-control" name="city_Edit" id="lpp_city_edit">
<option selected disabled>Choose City</option>
</select> {% endcomment %}
<select class="form-control" id="city" name="city_Edit">
<option value="">Choose </option>
</select>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_mt_edit">Mother Tongue</label>
<input class="form-control" id="lpp_mt_edit" disabled='True' value="{{data.motherTongue}}" type="text">
</div>
</div>
<br>
<div class="form-group row">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_fmt_edit" >Father's Mother Tongue</label>
<input class="form-control" id="lpp_fmt_edit" disabled='True' value="{{data.fathersMotherTongue}}" type="text"/>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_mmt_edit">Mother's Mother Tongue</label>
<input class="form-control" id="lpp_mmt_edit" disabled='True' value="{{data.mothersMotherTongue}}" type="text"/>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_sl_edit">Source Language</label>
<input class="form-control" id="lpp_sl_edit" disabled='True' value="{{data.firstLanguage}}" type="text"/>
</div>
</div>
<br>
<div class="form-group row">
{% if data.firstLangDegree in 'school,diploma,bachelors,masters,doctorate,fellows,text' %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_sl_ql_select_edit_1">Qualification for Source Language</label>
<select class="form-control" id="lpp_sl_ql_select_edit_1" name="lpp_sl_ql_select_edit" onchange="handlechange11(this,'lpp_sl_ql_edit_1');" required>
<option disabled>Choose Option</option>
</select>
<input class="form-control" style="display:none" name="lpp_sl_ql_select_edit_text" id="lpp_sl_ql_edit_1" type="text">
</div>
{% elif data.firstLangDegree == 'Empty' or data.firstLangDegree == '' or data.firstLangDegree == 'N/A' or data.firstLangDegree == null %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_sl_ql_select_edit_3">Qualification for Source Language</label>
<select class="form-control" id="lpp_sl_ql_select_edit_3" name="lpp_sl_ql_select_edit" onchange="handlechange11(this,'lpp_sl_ql_edit_3');" required>
<option disabled selected>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="text">Others</option>
</select>
<input class="form-control" style="display:none" name="lpp_sl_ql_select_edit_text" id="lpp_sl_ql_edit_3" type="text">
</div>
{% else %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_sl_ql_select_edit_2">Qualification for Source Language</label>
<select class="form-control" id="lpp_sl_ql_select_edit_2" name="lpp_sl_ql_select_edit" onchange="handlechange11(this,'lpp_sl_ql_edit_2');" required>
<option disabled>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="text" selected>Others</option>
</select>
<input class="form-control" name="lpp_sl_ql_select_edit_text" id="lpp_sl_ql_edit_2" type="text" value="{{data.firstLangDegree}}" required>
</div>
{% endif %}
{% if data.choice13 == True %}
{% if data.firstLangMedium == "N/A" or data.firstLangMedium == "" or data.firstLangMedium == "throughout" or data.firstLangMedium == null%}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_sl_medium_edit">Medium of Instruction of Source Language</label>
<select class="form-control" id="lpp_sl_medium_edit" name="lpp_sl_medium_edit">
<option value="throughout" disabled selected>Choose Option</option>
<option value="throughoutl1">Throughout</option>
<option value="schoolAlonel1">School Alone</option>
<option value="collegeAlonel1">College Alone</option>
</select>
</div>
{% else %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_sl_medium_edit_2">Medium of Instruction of Source Language</label>
<select class="form-control" id="lpp_sl_medium_edit_2" name="lpp_tl_medium_edit">
<option value="throughout" disabled>Choose Option</option>
</select>
</div>
{% endif %}
{% endif %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_sl_ql_c_edit">Qualification for Source Language Awarded by</label>
<input class="form-control" name="lpp_sl_ql_c_edit" id="lpp_sl_ql_c_edit" value="{{data.firstLangAwardedBy}}" type="text">
</div>
</div>
<br>
<div class="form-group row">
{% if data.firstLangDegreeFile != '' %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="new111">Certificate for Source Qualification</label>
<br>
<a href="/media/{{ data.firstLangDegreeFile}}" Target = '_blank'>Click to view Document</a>
<label for="new111" style="color:#f44336">Wanna replace it?</label>
<input type="file" id="new111" name="degree_sl" accept="application/pdf"/>
</div>
{% else %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="new112">Submit your Certificate for Source Qualification</label>
<br>
<input type="file" id="new112" name="degree_sl" accept="application/pdf"/>
</div>
{% endif %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_tl_edit">Target Language</label>
<input class="form-control" id="lpp_tl_edit" disabled='True' value="{{data.secondLanguage}}" type="text">
</div>
{% if data.secondLangDegree in 'school,diploma,bachelors,masters,doctorate,fellows,text' %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_tl_ql_edit_1">Qualification for Target Language</label>
<select class="form-control" id="lpp_tl_ql_select_edit_1" name="lpp_tl_ql_select_edit" onchange="handlechange11(this,'lpp_tl_ql_edit_1');" required>
<option disabled>Choose Option</option>
</select>
<input class="form-control" style="display:none" name="lpp_tl_ql_select_edit_text" id="lpp_tl_ql_edit_1" type="text">
</div>
{% elif data.secondLangDegree == 'Empty' or data.secondLangDegree == '' or data.secondLangDegree == 'N/A' or data.secondLangDegree == null %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_tl_ql_edit_3">Qualification for Target Language</label>
<select class="form-control" id="lpp_tl_ql_select_edit_3" name="lpp_tl_ql_select_edit" onchange="handlechange11(this,'lpp_tl_ql_edit_3');" required>
<option disabled selected>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="text">Others</option>
</select>
<input class="form-control" style="display:none" name="lpp_tl_ql_select_edit_text" id="lpp_tl_ql_edit_3" type="text">
</div>
{% else %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_tl_ql_edit_2">Qualification for Target Language</label>
<select class="form-control" id="lpp_tl_ql_select_edit_2" name="lpp_tl_ql_select_edit" onchange="handlechange11(this,'lpp_tl_ql_edit_2');" required>
<option disabled>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="text" selected>Others</option>
</select>
<input class="form-control" name="lpp_tl_ql_select_edit_text" id="lpp_tl_ql_edit_2" type="text" value="{{data.secondLangDegree}}" required>
</div>
{% endif %}
</div>
<br>
<div class="form-group row">
{% if data.choice23 == True %}
{% if data.secondLangMedium == "N/A" or data.secondLangMedium == "" or data.secondLangMedium == "throughout" or data.secondLangMedium == null %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_tl_medium_edit">Medium of Instruction of Target Language</label>
<select class="form-control" id="lpp_tl_medium_edit" name="lpp_tl_medium_edit">
<option value="throughout" disabled selected>Choose Option</option>
<option value="throughoutl1">Throughout</option>
<option value="schoolAlonel1">School Alone</option>
<option value="collegeAlonel1">College Alone</option>
</select>
</div>
{% else %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_tl_medium_edit_2">Medium of Instruction of Target Language</label>
<select class="form-control" id="lpp_tl_medium_edit_2" name="lpp_tl_medium_edit">
<option value="throughout" disabled>Choose Option</option>
</select>
</div>
{% endif %}
{% endif %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_tl_ql_c_edit">Qualification for Target Language Awarded by</label>
<input class="form-control" id="lpp_tl_ql_c_edit" name="lpp_tl_ql_c_edit" value="{{data.secondLangAwardedBy}}" type="text">
</div>
{% if data.secondLangDegreeFile != '' %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="new221">Certificate for Target Qualification</label>
<br>
<a href="/media/{{ data.secondLangDegreeFile }}" Target = '_blank'>Click to view Document</a>
<label for="new221" style="color:#f44336">Wanna replace it?</label>
<input type="file" id="new221" name="degree_tl" accept="application/pdf"/>
</div>
{% else %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="new222">Submit your Certificate for Target Qualification</label>
<br>
<input type="file" id="new222" name="degree_tl" accept="application/pdf"/>
</div>
{% endif %}
</div>
<br>
<div class="form-group row">
{% if data.certificationL1L2 in 'Certification,Diploma,Others' %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_sl_tl_edit">Translation certificate from Source to Target Language {{data.certificationL1L2}}</label><br>
<select class="form-control" id="lpp_sl_tl_select_edit" name="lpp_sl_tl_select_edit" onchange="handlechange22(this,'lpp_sl_tl_edit');" required>
<option disabled>Choose certification</option>
</select>
<input class="form-control" style="display:none" id="lpp_sl_tl_edit" name="lpp_sl_tl_select_edit_text" type="text">
</div>
{% elif data.certificationL1L2 == 'Empty' or data.certificationL1L2 == 'N/A' %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_sl_tl_edit_2">Translation certificate from Source to Target Language {{data.certificationL1L2}}</label><br>
<select class="form-control" id="lpp_sl_tl_select_edit_3" name="lpp_sl_tl_select_edit" onchange="handlechange22(this,'lpp_sl_tl_edit_3');" required>
<option disabled selected>Choose certification</option>
<option value="Certification">Certification</option>
<option value="Diploma">Diploma</option>
<option value="Others">Others</option>
</select>
<input class="form-control" style="display:none" id="lpp_sl_tl_edit_3" name="lpp_sl_tl_select_edit_text" type="text">
</div>
{% else %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_sl_tl_edit_2">Translation certificate for Source to Target Language {{data.certificationL1L2}}</label><br>
<select class="form-control" id="lpp_sl_tl_select_edit_2" name="lpp_sl_tl_select_edit" onchange="handlechange22(this,'lpp_sl_tl_edit_2');" required>
<option disabled>Choose certification</option>
<option value="Certification">Certification</option>
<option value="Diploma">Diploma</option>
<option value="Others" selected>Others</option>
</select>
<input class="form-control" id="lpp_sl_tl_edit_2" name="lpp_sl_tl_select_edit_text" type="text" value="{{data.certificationL1L2 }}" required>
</div>
{% endif %}
{% if data.certttificationAwardedByL1L2 == 'N/A' or data.certttificationAwardedByL1L2 == '' %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_sl_tl_a_edit">Translation (from L1 to L2) certification Awarded by</label>
<input class="form-control" id="lpp_sl_tl_a_edit" name="lpp_sl_tl_a_edit" placeholder="Enter Certification awarded by" type="text">
</div>
{% else %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_sl_tl_a_edit_2">Translation (from L1 to L2) certification Awarded by</label>
<input class="form-control" id="lpp_sl_tl_a_edit_2" name="lpp_sl_tl_a_edit" placeholder="Enter Certification awarded by" value="{{data.certttificationAwardedByL1L2}}" type="text" required>
</div>
{% endif %}
{% if data.durationCertificationL1L2 in 'three,six,twelve,moreThanTwelve' %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
{% comment %} <label for="lpp_sl_tl_d_select_edit">Duration of translation(from L1 to L2) certification1 {{data.durationCertificationL1L2}}</label> {% endcomment %}
<label for="lpp_sl_tl_d_select_edit">Duration of translation(from L1 to L2) certification</label>
<select class="form-control" id="lpp_sl_tl_d_select_edit" name="lpp_sl_tl_d_select_edit">
<option disabled>Select Duration</option>
</select>
</div>
{% elif data.durationCertificationL1L2 == None or data.durationCertificationL1L2 == "" or data.durationCertificationL1L2 == null or data.durationCertificationL1L2 == "N/A " %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_sl_tl_d_select_edit_2">Duration of translation(from L1 to L2) certification</label>
<select class="form-control" id="lpp_sl_tl_d_select_edit_2" name="lpp_sl_tl_d_select_edit" required>
<option disabled selected>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>
{% endif %}
</div>
<br>
<div class="form-group row">
{% if data.modeCertificationL1L2 == 'oncampus' %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_sl_tl_mode">Translation certification Mode <label style="color:#f44336">Currently:{{data.modeCertificationL1L2}}</label></label>
<br>
<select class="form-control" id="lpp_sl_tl_mode" name="modeCertificationL1L2" required>
<option disabled>Choose Mode</option>
<option value="oncampus" selected>On Campus</option>
<option value="online">Online</option>
</select>
</div>
{% elif data.modeCertificationL1L2 == 'online' %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_sl_tl_mode2">Translation certification Mode <label style="color:#f44336">Currently:{{data.modeCertificationL1L2}}</label></label>
<br>
<select class="form-control" id="lpp_sl_tl_mode2" name="modeCertificationL1L2" required>
<option disabled>Choose Mode</option>
<option value="oncampus" >On Campus</option>
<option value="online" selected>Online</option>
</select>
</div>
{% else %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_sl_tl_mode1">Translation certification Mode <label>Currently:{{data.modeCertificationL1L2}}</label></label>
<br>
<select class="form-control" id="lpp_sl_tl_mode1" name="modeCertificationL1L2">
<option value="N/A">Choose Mode</option>
<option value="oncampus">On Campus</option>
<option value="online">Online</option>
</select>
</div>
{% endif %}
{% if data.certificationFile != '' %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="new331">Translation Certifcate</label>
<br>
<a href="/media/{{ data.certificationFile }}" Target = '_blank'>Click to view Document</a>
<label for="new331" style="color:#f44336">Wanna replace it?</label>
<input type="file" id="new331" name="degree_sl_tl_c" accept="application/pdf"/>
</div>
{% else %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="new332">Submit your Professional certification for translation between L1 & L2</label>
<br>
<input type="file" id="new332" name="degree_sl_tl_c" accept="application/pdf"/>
</div>
{% endif %}
</div>
<br>
<div class="form-group row">
{% if data.expFirstLang == '20' %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_sl_exp_hardcoded">Years of teaching experience in (L1)</label>
<input class="form-control" id="lpp_sl_exp_hardcoded" disabled='True' value="More than 20 Years" type="text">
</div>
{% elif data.expFirstLang == "N/A" %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_sl_exp_extra">Years of teaching experience in (L1)</label>
<select class="form-control" id="lpp_sl_exp_extra" name="lpp_sl_exp">
<option value="N/A">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>
{% elif data.expFirstLang != '' %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_sl_exp_99">Years of teaching experience in (L1)</label>
<select class="form-control" id="lpp_sl_exp_99" name="lpp_sl_exp" required>
<option disabled>None</option>
</select>
</div>
{% endif %}
{% if data.expSecondLang == '20' %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_tl_exp_hardcoded">Years of teaching experience in (L2)</label>
<input class="form-control" id="lpp_tl_exp_hardcoded" disabled='True' value="More than 20 Years" type="text">
</div>
{% elif data.expSecondLang == "N/A" %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_tl_exp_extra">Years of teaching experience in (L2)</label>
<select class="form-control" id="lpp_tl_exp_extra" name="lpp_tl_exp">
<option value="N/A">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>
{% elif data.expSecondLang != '' %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_tl_exp_1200">Years of teaching experience in (L2)</label>
<select class="form-control" id="lpp_tl_exp_1200" name="lpp_tl_exp" required>
<option disabled>None</option>
</select>
</div>
{% endif %}
</div>
<br>
<div class="form-group row">
{% if data.scriptWrittenFirstLang == 'moreThan100' %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_sl_exp_w_n_1">. of screenplays written in (L1)</label>
<input class="form-control" id="lpp_sl_exp_w_n_1" disabled='True' value="More than 20 Years" type="text">
<input class="form-control mar-top" name="lpp_sl_exp_w_n_text" value="{{data.scriptWrittenFirstLangLink}}" placeholder="Drop a sample link of the above" type="text">
</div>
{% elif data.scriptWrittenFirstLang == "N/A" %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_sl_exp_w_n_2">No. of screenplays written in (L1)</label>
<select class="form-control" id="lpp_sl_exp_w_n_2" name="lpp_sl_exp_w_n">
<option value="N/A">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>
<input class="form-control mar-top" name="lpp_sl_exp_w_n_text" value="{{data.scriptWrittenFirstLangLink}}" placeholder="Drop a sample link of the above" type="text">
</div>
{% elif data.scriptWrittenFirstLang != '' %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_sl_exp_w_n_11">No. of screenplays written in (L1)</label>
<select class="form-control" id="lpp_sl_exp_w_n_11" name="lpp_sl_exp_w_n" required>
<option disabled>None</option>
</select>
<input class="form-control mar-top" name="lpp_sl_exp_w_n_text" value="{{data.scriptWrittenFirstLangLink}}" placeholder="Drop a sample link of the above" type="text">
</div>
{% endif %}
{% if data.scriptWrittenSecondLang == 'moreThan100' %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_tl_exp_w_n_22">. of screenplays written in (L2)</label>
<input class="form-control" id="lpp_tl_exp_w_n_22" disabled='True' value="More than 20 Years" type="text">
<input class="form-control mar-top" name="lpp_tl_exp_w_n_text" value="{{data.scriptWrittenSecondLangLink}}" placeholder="Drop a sample link of the above" type="text">
</div>
{% elif data.scriptWrittenSecondLang == "N/A" %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_tl_exp_w_n_33">No. of screenplays written in (L2)</label>
<select class="form-control" id="lpp_tl_exp_w_n_33" name="lpp_tl_exp_w_n">
<option value="N/A">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>
<input class="form-control mar-top" name="lpp_tl_exp_w_n_text" value="{{data.scriptWrittenSecondLangLink}}" placeholder="Drop a sample link of the above" type="text">
</div>
{% elif data.scriptWrittenSecondLang != '' %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_tl_exp_w_n_444">No. of screenplays written in (L2)</label>
<select class="form-control" id="lpp_tl_exp_w_n_444" name="lpp_tl_exp_w_n" required>
<option disabled>None</option>
</select>
<input class="form-control mar-top" name="lpp_tl_exp_w_n_text" value="{{data.scriptWrittenSecondLangLink}}" placeholder="Drop a sample link of the above" type="text">
</div>
{% endif %}
</div>
<br>
<div class="form-group row">
{% if data.noScriptTransFromL1toL2 == 'moreThan100' %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_sl_exp_s_n_1222">Screenplays translated from L1 to L2 ?</label>
<input class="form-control" id="lpp_sl_exp_s_n_1222" disabled='True' value="More than 20 Years" type="text">
<input class="form-control mar-top" name="lpp_sl_exp_s_n_text" value="{{data.noScriptTransFromL1toL2Link}}" placeholder="Drop a sample link of the above" type="text">
</div>
{% elif data.noScriptTransFromL1toL2 == "N/A" %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_sl_exp_s_n_1234">Screenplays translated from L1 to L2 ?</label>
<select class="form-control" id="lpp_sl_exp_s_n_1234" name="lpp_sl_exp_s_n">
<option value="N/A">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>
<input class="form-control mar-top" name="lpp_sl_exp_s_n_text" value="{{data.noScriptTransFromL1toL2Link}}" placeholder="Drop a sample link of the above" type="text">
</div>
{% elif data.noScriptTransFromL1toL2 != '' %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_sl_exp_s_n_111111">Screenplays translated from L1 to L2 ?</label>
<select class="form-control" id="lpp_sl_exp_s_n_111111" name="lpp_sl_exp_s_n" required>
<option disabled>None</option>
</select>
<input class="form-control mar-top" name="lpp_sl_exp_s_n_text" value="{{data.noScriptTransFromL1toL2Link}}" placeholder="Drop a sample link of the above" type="text">
</div>
{% endif %}
{% if data.noScriptTransFromL2toL1 == 'moreThan100' %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_tl_exp_s_n_1222">Screenplays translated from L2 to L1 ?</label>
<input class="form-control" id="lpp_tl_exp_s_n_1222" disabled='True' value="More than 20 Years" type="text">
<input class="form-control mar-top" name="lpp_tl_exp_s_n_text" value="{{data.noScriptTransFromL2toL1Link}}" placeholder="Drop a sample link of the above" type="text">
</div>
{% elif data.noScriptTransFromL2toL1 == "N/A" %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_tl_exp_s_n_12345">Screenplays translated from L2 to L1 ?</label>
<select class="form-control" id="lpp_tl_exp_s_n_12345" name="lpp_tl_exp_s_n">
<option value="N/A">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>
<input class="form-control mar-top" name="lpp_tl_exp_s_n_text" value="{{data.noScriptTransFromL2toL1Link}}" placeholder="Drop a sample link of the above" type="text">
</div>
{% elif data.noScriptTransFromL2toL1 != '' %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_tl_exp_s_n_14">Screenplays translated from L2 to L1 ?</label>
<select class="form-control" id="lpp_tl_exp_s_n_14" name="lpp_tl_exp_s_n" required>
<option disabled>None</option>
</select>
<input class="form-control mar-top" name="lpp_tl_exp_s_n_text" value="{{data.noScriptTransFromL2toL1Link}}" placeholder="Drop a sample link of the above" type="text">
</div>
{% endif %}
</div>
<br>
<div class="form-group row">
{% if data.noArticleTransFromL1toL2 == 'moreThan100' %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_sl_exp_a_n_1222">Articles translated from L1 to L2 ?</label>
<input class="form-control" id="lpp_sl_exp_a_n_1222" disabled='True' value="More than 20 Years" type="text">
<input class="form-control mar-top" name="lpp_sl_exp_a_n_text" value="{{data.noArticleTransFromL1toL2Link}}" placeholder="Drop a sample link of the above" type="text">
</div>
{% elif data.noArticleTransFromL1toL2 == "N/A" %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_sl_exp_a_n_1234">Articles translated from L1 to L2 ?</label>
<select class="form-control" id="lpp_sl_exp_a_n_1234" name="lpp_sl_exp_a_n">
<option value="N/A">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>
<input class="form-control mar-top" name="lpp_sl_exp_a_n_text" value="{{data.noArticleTransFromL1toL2Link}}" placeholder="Drop a sample link of the above" type="text">
</div>
{% elif data.noArticleTransFromL1toL2 != '' %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_sl_exp_a_n">Articles translated from L1 to L2 ?</label>
<select class="form-control" id="lpp_sl_exp_a_n" name="lpp_sl_exp_a_n" required>
<option disabled>None</option>
</select>
<input class="form-control mar-top" name="lpp_sl_exp_a_n_text" value="{{data.noArticleTransFromL1toL2Link}}" placeholder="Drop a sample link of the above" type="text">
</div>
{% endif %}
{% if data.noArticleTransFromL2toL1 == 'moreThan100' %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_tl_exp_a_n_1222">Articles translated from L2 to L1 ?</label>
<input class="form-control" id="lpp_tl_exp_a_n_1222" disabled='True' value="More than 20 Years" type="text">
<input class="form-control mar-top" name="lpp_tl_exp_a_n_text" value="{{data.noArticleTransFromL2toL1Link}}" placeholder="Drop a sample link of the above" type="text">
</div>
{% elif data.noArticleTransFromL2toL1 == "N/A" %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_tl_exp_a_n_1234">Articles translated from L2 to L1 ?</label>
<select class="form-control" id="lpp_tl_exp_a_n_1234" name="lpp_tl_exp_a_n">
<option value="N/A">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>
<input class="form-control mar-top" name="lpp_tl_exp_a_n_text" value="{{data.noArticleTransFromL2toL1Link}}" placeholder="Drop a sample link of the above" type="text">
</div>
{% elif data.noArticleTransFromL2toL1 != '' %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_tl_exp_a_n">Articles translated from L2 to L1 ?</label>
<select class="form-control" id="lpp_tl_exp_a_n" name="lpp_tl_exp_a_n" required>
<option disabled>None</option>
</select>
<input class="form-control mar-top" name="lpp_tl_exp_a_n_text" value="{{data.noArticleTransFromL2toL1Link}}" placeholder="Drop a sample link of the above" type="text">
</div>
{% endif %}
</div>
<br>
<br>
<div class="form-group" style="display: flex;
justify-content: center;">
<a href="{% url 'majorTable' data.lpp_id 'view' %}"><button type="button" class="btn btn-danger mx-3" style="margin-right: 10px;">Cancel</button></a>
<button type="submit" class="btn btn-success mx-3">Update</button>
</div>
</form>
<script>
$( document ).ready(function() {
console.log( "ready!" );
const qualifys = ['School','Diploma','Bachelor','Master','Doctorate','Fellow','Others']
const qualifys_vals = ['school','diploma','bachelors','masters','doctorate','fellows','text']
const qualifys2 = ['Certification','Diploma','Others']
const qualifys3 = ['3 Months','6 Months','12 Months','More than one Year']
const qualifys3_vals = ['three','six','twelve','moreThanTwelve']
const qualifys4 = ['0-1 Years','1-5 Years','5-20 Years','More than 20 Years']
const qualifys4_vals = ['0-1','1-5','5-20','20']
const qualifys5 = ['1','2-5','6-20','21-100','More than 100']
const qualifys5_vals = ['one','twotofive','moreThan5','moreThan20','moreThan100']
const qualifys6 = ['Throughout','School Alone','College Alone']
const qualifys6_vals = ['throughoutl1','schoolAlonel1','collegeAlonel1']
var qualify1 = -1;
var degree1qualification = '{{data.firstLangDegree}}';
let selectBox = document.getElementById('lpp_sl_ql_select_edit_1');
for (let i=0;i<7;i++){
if (degree1qualification == qualifys_vals[i]){
qualify1 = i;
}
}
if (qualify1 != -1){
for (let j=qualify1;j<7;j++){
let newOption = new Option(qualifys[j],qualifys_vals[j]);
selectBox.add(newOption,undefined);
}}
console.log("1");
qualify1 = -1;
var degree1qualification2 = '{{data.secondLangDegree}}';
let selectBox2 = document.getElementById('lpp_tl_ql_select_edit_1');
for (let i=0;i<7;i++){
if (degree1qualification2 == qualifys_vals[i]){
qualify1 = i;
}
}
if (qualify1 != -1){
for (let j=qualify1;j<7;j++){
let newOption = new Option(qualifys[j],qualifys_vals[j]);
selectBox2.add(newOption,undefined);
}}
console.log("2");
qualify1 = -1;
var translatequalification = '{{data.certificationL1L2}}';
let selectBox3 = document.getElementById('lpp_sl_tl_select_edit');
console.log('{{data.certificationL1L2}}');
for (let i=0;i<3;i++){
if (translatequalification == qualifys2[i]){
qualify1 = i;
}
}
if (qualify1 != -1){
console.log('hi'+qualify1);
for (let j=qualify1;j<3;j++){
let newOption = new Option(qualifys2[j],qualifys2[j]);
selectBox3.add(newOption,undefined);
}}
console.log("3");
qualify1 = -1;
var translatequalification_dur = '{{data.durationCertificationL1L2}}';
let selectBox4 = document.getElementById('lpp_sl_tl_d_select_edit');
for (let i=0;i<4;i++){
if (translatequalification_dur == qualifys3_vals[i]){
qualify1 = i;
}
}
if (qualify1 != -1){
for (let j=qualify1;j<4;j++){
let newOption = new Option(qualifys3[j],qualifys3_vals[j]);
selectBox4.add(newOption,undefined);
}}
console.log("4");
qualify1 = -1;
var xp_sl = '{{data.expFirstLang}}';
for (let i=0;i<4;i++){
if (xp_sl == qualifys4_vals[i]){
qualify1 = i;
}
}
if (xp_sl == '20'){
qualify1 = -1;
}
if (qualify1 != -1){
let selectBox5 = document.getElementById('lpp_sl_exp_99');
for (let j=qualify1;j<4;j++){
let newOption = new Option(qualifys4[j],qualifys4_vals[j]);
selectBox5.add(newOption,undefined);
}}
console.log("5");
qualify1 = -1;
var xp_sl2 = '{{data.expSecondLang}}';
for (let i=0;i<4;i++){
if (xp_sl2 == qualifys4_vals[i]){
qualify1 = i;
}
}
if (xp_sl2 == '20'){
qualify1 = -1;
}
if (qualify1 != -1){
let selectBox6 = document.getElementById('lpp_tl_exp_1200');
for (let j=qualify1;j<4;j++){
let newOption = new Option(qualifys4[j],qualifys4_vals[j]);
selectBox6.add(newOption,undefined);
}}
console.log("6");
qualify1 = -1;
var xp_sl_wn = '{{data.scriptWrittenFirstLang}}';
for (let i=0;i<5;i++){
if (xp_sl_wn == qualifys5_vals[i]){
qualify1 = i;
}
}
if (xp_sl_wn == 'moreThan100'){
qualify1 = -1;
}
if (qualify1 != -1){
let selectBox7 = document.getElementById('lpp_sl_exp_w_n_11');
for (let j=qualify1;j<5;j++){
let newOption = new Option(qualifys5[j],qualifys5_vals[j]);
selectBox7.add(newOption,undefined);
}}
console.log('111111111111111111111111111111');
qualify1 = -1;
var xp_tl_wn = '{{data.scriptWrittenSecondLang}}';
for (let i=0;i<5;i++){
if (xp_tl_wn == qualifys5_vals[i]){
qualify1 = i;
}
}
console.log("kk")
console.log(qualify1)
if (xp_tl_wn == 'moreThan100'){
qualify1 = -1;
}
if (qualify1 != -1){
let selectBox8 = document.getElementById('lpp_tl_exp_w_n_444');
for (let j=qualify1;j<5;j++){
let newOption = new Option(qualifys5[j],qualifys5_vals[j]);
selectBox8.add(newOption,undefined);
}}
qualify1 = -1;
var xp_sl_sn = '{{data.noScriptTransFromL1toL2}}';
for (let i=0;i<5;i++){
if (xp_sl_sn == qualifys5_vals[i]){
qualify1 = i;
}
}
if (xp_sl_sn == 'moreThan100'){
qualify1 = -1;
}
if (qualify1 != -1){
for (let j=qualify1;j<5;j++){
let selectBox9 = document.getElementById('lpp_sl_exp_s_n_111111');
let newOption = new Option(qualifys5[j],qualifys5_vals[j]);
selectBox9.add(newOption,undefined);
}}
qualify1 = -1
var xp_tl_sn = '{{data.noScriptTransFromL2toL1}}';
for (let i=0;i<5;i++){
if (xp_tl_sn == qualifys5_vals[i]){
qualify1 = i;
}
}
if (xp_tl_sn == 'moreThan100'){
qualify1 = -1;
}
if (qualify1 != -1){
let selectBox10 = document.getElementById('lpp_tl_exp_s_n_14');
for (let j=qualify1;j<5;j++){
let newOption = new Option(qualifys5[j],qualifys5_vals[j]);
selectBox10.add(newOption,undefined);
}}
qualify1 = -1
var xp_sl_an = '{{data.noArticleTransFromL1toL2}}';
for (let i=0;i<5;i++){
if (xp_sl_an == qualifys5_vals[i]){
qualify1 = i;
}
}
if (xp_sl_an == 'moreThan100'){
qualify1 = -1;
}
if (qualify1 != -1){
let selectBox11 = document.getElementById('lpp_sl_exp_a_n');
for (let j=qualify1;j<5;j++){
let newOption = new Option(qualifys5[j],qualifys5_vals[j]);
selectBox11.add(newOption,undefined);
}}
qualify1 = -1
var xp_tl_an = '{{data.noArticleTransFromL2toL1}}';
for (let i=0;i<5;i++){
if (xp_tl_an == qualifys5_vals[i]){
qualify1 = i;
}
}
if (xp_tl_an == 'moreThan100'){
qualify1 = -1;
}
if (qualify1 != -1){
let selectBox12 = document.getElementById('lpp_tl_exp_a_n');
for (let j=qualify1;j<5;j++){
let newOption = new Option(qualifys5[j],qualifys5_vals[j]);
selectBox12.add(newOption,undefined);
}}
var qualify1 = -1;
var axios = '{{data.firstLangMedium}}';
let selectBox55 = document.getElementById('lpp_sl_medium_edit_2');
for (let i=0;i<3;i++){
if (axios == qualifys6_vals[i]){
qualify1 = i;
}
}
if (qualify1 != -1){
for (let j=qualify1;j<3;j++){
let newOption = new Option(qualifys6[j],qualifys6_vals[j]);
selectBox55.add(newOption,undefined);
}}
var qualify1 = -1;
var axios2 = '{{data.secondLangMedium}}';
let selectBox44 = document.getElementById('lpp_tl_medium_edit_2');
for (let i=0;i<3;i++){
if (axios2 == qualifys6_vals[i]){
qualify1 = i;
}
}
if (qualify1 != -1){
for (let j=qualify1;j<3;j++){
let newOption = new Option(qualifys6[j],qualifys6_vals[j]);
selectBox44.add(newOption,undefined);
}}
});
</script>
<script>
function handlechange11(id,id2){
if (id.value == 'text'){
document.getElementById(id2).required = true;
$('#'+id2).show();
}else{
document.getElementById(id2).required = false;
$('#'+id2).hide();
}
}
function handlechange22(id,id2){
if (id.value == 'Others'){
document.getElementById(id2).required = true;
$('#'+id2).show();
}else{
document.getElementById(id2).required = false;
$('#'+id2).hide();
}
}
</script>
<script>
console.log("1144");
var json = '{{json_country}}';
var json = json.replaceAll('&#x27;', '');
var json = json.split("],");
console.log(json);
console.log(typeof(json));
</script>
{%endif%}
</div>
{% else %}
<div class="container" id="multilingual">
<h2 style="text-align: center;">LPP Details</h2>
<br>
{% if data %}
<form method="POST" action="{%url 'update' %}">
{% csrf_token %}
<div class="form-group row">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_id">LPP ID</label>
<input class="form-control" id="lpp_id" disabled='True' value="{{data.lpp_id}}" type="text">
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_name">Full Name</label>
<input class="form-control" id="lpp_name" disabled='True' value="{{data.first_name}} {{data.last_name}}" type="text">
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_email">Email</label>
<input class="form-control" id="lpp_email" disabled='True' value="{{data.lpp_email}}" type="text">
</div>
</div>
<br>
<div class="form-group row">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_langs">Language Pair</label>
<input class="form-control" id="lpp_langs" disabled='True' value="{{data.firstLanguage}} - {{data.secondLanguage}}" type="text">
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_status">Status</label>
<input class="form-control" id="lpp_status" disabled='True' value="{{data.status}}" type="text">
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_level">Level</label>
<input class="form-control" id="lpp_level" disabled='True' value="{{data.level}}" type="text">
</div>
</div>
<br>
<div class="form-group row">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_rating">Rating</label>
<input class="form-control" id="lpp_rating" disabled='True' value="{{data.rating}}" type="text">
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_contact">Phone</label>
<input class="form-control" id="lpp_contact" disabled='True' value="{{data.countryCode}}-{{data.contact}}" type="text">
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_country">Country</label>
<input class="form-control" id="lpp_country" disabled='True' value="{{data.country}}" type="text">
</div>
</div>
<br>
<div class="form-group row">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_province">Province</label>
<input class="form-control" id="lpp_province" disabled='True' value="{{data.province}}" type="text">
</div>
{% if data.city == "N/A" %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_city">City</label>
<input class="form-control" style="color:#f44336" id="lpp_city" disabled='True' value="{{data.city}}" type="text">
</div>
{% else %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_city_2">City</label>
<input class="form-control" id="lpp_city_2" disabled='True' value="{{data.city}}" type="text">
</div>
{% endif %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_mt">Mother Tongue</label>
<input class="form-control" id="lpp_mt" disabled='True' value="{{data.motherTongue}}" type="text">
</div>
</div>
<br>
<div class="form-group row">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_fmt" >Father's Mother Tongue</label>
<input class="form-control" id="lpp_fmt" disabled='True' value="{{data.fathersMotherTongue}}" type="text">
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_mmt">Mother's Mother Tongue</label>
<input class="form-control" id="lpp_mmt" disabled='True' value="{{data.mothersMotherTongue}}" type="text">
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_sl">Source Language</label>
<input class="form-control" id="lpp_sl" disabled='True' value="{{data.firstLanguage}}" type="text">
</div>
</div>
<br>
<div class="form-group row">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_qsl">Qualification for Source Language </label>
<input class="form-control" id="lpp_qsl" disabled='True' value="{{data.firstLangDegree}}" type="text">
</div>
{% if data.firstLangMedium == "N/A" or data.firstLangMedium == "None" or data.firstLangMedium == "" or data.firstLangMedium == null %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_msl">Medium of Instruction for Source Language </label>
<input class="form-control" style="color:#f44336" id="lpp_msl" disabled='True' value="{{data.firstLangMedium}}" type="text">
</div>
{% else %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_msl_2">Medium of Instruction for Source Language </label>
<input class="form-control" id="lpp_msl_2" disabled='True' value="{{data.firstLangMedium}}" type="text">
</div>
{% endif %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_qslab">Qualification for Source Language Awarded by</label>
<input class="form-control" id="lpp_qslab" disabled='True' value="{{data.firstLangAwardedBy}}" type="text">
</div>
</div>
<br>
<div class="form-group row">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="cert_Sl">Certificate for Source Qualification</label>
<br>
{% if data.firstLangDegreeFile == "" or data.firstLangDegreeFile == "N/A" or data.firstLangDegreeFile == null or data.firstLangDegreeFile == "None" %}
<label style="color:#f44336">Upload a File First</label>
{% else %}
<a href="/media/{{ data.firstLangDegreeFile }}" id="cert_Sl" Target = '_blank'>Click to view Document</a>
{% endif %}
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_tll">Target Language</label>
<input class="form-control" id="lpp_tll" disabled='True' value="{{data.secondLanguage}}" type="text">
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_qtl">Qualification for Target Language</label>
<input class="form-control" id="lpp_qtl" disabled='True' value="{{data.secondLangDegree}}" type="text">
</div>
</div>
<br>
<div class="form-group row">
{% if data.secondLangMedium == "N/A" or data.secondLangMedium == "None" or data.secondLangMedium == "" or data.secondLangMedium == null %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_mtl">Medium of Instruction for Target Language </label>
<input class="form-control" style="color:#f44336" id="lpp_mtl" disabled='True' value="{{data.secondLangMedium}}" type="text">
</div>
{% else %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_mtl2">Medium of Instruction for Target Language </label>
<input class="form-control" id="lpp_mtl2" disabled='True' value="{{data.secondLangMedium}}" type="text">
</div>
{% endif %}
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_qtlab">Qualification for Target Language Awarded by</label>
<input class="form-control" id="lpp_qtlab" disabled='True' value="{{data.secondLangAwardedBy}}" type="text">
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="cert_ttl">Certificate for Target Qualification</label>
<br>
{% if data.secondLangDegreeFile == "" or data.secondLangDegreeFile == "N/A" or data.secondLangDegreeFile == null or data.secondLangDegreeFile == "None" %}
<label style="color:#f44336">Upload a File First</label>
{% else %}
<a href="/media/{{ data.secondLangDegreeFile }}" id="cert_ttl" Target = '_blank'>Click to view Document</a>
{% endif %}
</div>
</div>
<br>
<div class="form-group row">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_tcstl">Translation certificate for Source to Target Language</label><br>
<input class="form-control" id="lpp_tcstl" disabled='True' value="{{data.certificationL1L2}}" type="text">
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_dtcstl">Duration of translation(from L1 to L2) certification</label>
<input class="form-control" id="lpp_dtcstl" disabled='True' value="{{data.durationCertificationL1L2}}" type="text">
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_mtcstl">Mode of translation(from L1 to L2) certification</label>
<input class="form-control" id="lpp_mtcstl" disabled='True' value="{{data.modeCertificationL1L2}}" type="text">
</div>
</div>
<br>
<div class="form-group row">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_tc">Translation certificate</label>
<br>
{% if data.certificationFile == "" or data.certificationFile == "N/A" or data.certificationFile == null or data.certificationFile == "None" %}
<label style="color:#f44336">Upload a File First</label>
{% else %}
<a href="/media/{{data.certificationFile}}" id="lpp_tc" target='_blank'>Click to view Document</a>
{% endif %}
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lppesl">Exp. in teaching Source Language </label>
<input class="form-control" id="lppesl" disabled='True' value="{{data.expFirstLang}}" type="text">
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lppetl">Exp. in teaching Target Language</label>
<input class="form-control" id="lppetl" disabled='True' value="{{data.expSecondLang}}" type="text">
</div>
</div>
<br>
<div class="form-group row">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lppnsl">No. of script written in L1 </label>
<input class="form-control" id="lppnsl" disabled='True' value="{{data.scriptWrittenFirstLang}}" type="text">
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lppntl">No. of script written in L2</label>
<input class="form-control" id="lppntl" disabled='True' value="{{data.scriptWrittenSecondLang}}" type="text">
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lppnstt">No. of screen play translation L1 to L2 </label>
<input class="form-control" id="lppnstt" disabled='True' value="{{data.noScriptTransFromL1toL2}}" type="text">
</div>
</div>
<br>
<div class="form-group row">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lppstnt">No. of screen play translation L2 to L1 </label>
<input class="form-control" id="lppstnt" disabled='True' value="{{data.noScriptTransFromL2toL1}}" type="text">
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lppstsam">Sample of screen play translation L1 to L2 </label>
<br>
{% if data.noScriptTransFromL1toL2Link == "" or data.noScriptTransFromL1toL2Link == "N/A" or data.noScriptTransFromL1toL2Link == null or data.noScriptTransFromL1toL2Link == "None" %}
{% if request.user.is_superuser %}
<label style="color:#f44336">Not Available</label>
{% else %}
<label style="color:#f44336">Upload a Link First</label>
{% endif %}
{% else %}
<a href="{{data.noScriptTransFromL1toL2Link}}" id="lppstsam">Click to view sample</a>
{% endif %}
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpptssam">Sample of screen play translation L2 to L1</label>
<br>
{% if data.noScriptTransFromL2toL1Link == "" or data.noScriptTransFromL2toL1Link == "N/A" or data.noScriptTransFromL2toL1Link == null or data.noScriptTransFromL2toL1Link == "None" %}
{% if request.user.is_superuser %}
<label style="color:#f44336">Not Available</label>
{% else %}
<label style="color:#f44336">Upload a Link First</label>
{% endif %}
{% else %}
<a href="{{data.noScriptTransFromL2toL1Link}}" id="lpptssam">Click to view sample</a>
{% endif %}
</div>
</div>
<br>
<div class="form-group row">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lppastt">No. of article translation L1 to L2 </label>
<input class="form-control" id="lppastt" disabled='True' value="{{data.noArticleTransFromL1toL2}}" type="text">
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpptsasam">Sample of article translation L2 to L1</label>
<br>
{% if data.noArticleTransFromL2toL1Link == "" or data.noArticleTransFromL2toL1Link == "N/A" or data.noArticleTransFromL2toL1Link == null or data.noArticleTransFromL2toL1Link == "None" %}
{% if request.user.is_superuser %}
<label style="color:#f44336">Not Available</label>
{% else %}
<label style="color:#f44336">Upload a Link First</label>
{% endif %}
{% else %}
<a href="{{data.noArticleTransFromL2toL1Link}}" id="lpptsasam">Click to view sample</a>
{% endif %}
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_score">Score</label>
<input class="form-control" id="lpp_score" disabled value="{{data.score}}" type="text">
</div>
</div>
<br>
<div class="form-group row">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_date">Date of Application </label>
<input class="form-control" id="lpp_date" disabled value="{{data.date_at}}" type="text">
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_date_selected">Date of Selection </label>
<input class="form-control" id="lpp_date_selected" disabled type="text" value="{{data.date_selection}}">
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_last_assigned_date">Date of last assigned task</label>
<input class="form-control" id="lpp_last_assigned_date" disabled value="{{data.date_last_task_assigned}}" type="text">
</div>
</div>
<br>
<div class="form-group row">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_last_task_completed">Date of last task completion</label>
<input class="form-control" id="lpp_last_task_completed" disabled='True' value="{{data.date_last_task_completion}}" type="text">
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_rejected">No.of task rejected</label>
<input class="form-control" id="lpp_rejected" disabled='True' value="{{data.no_task_rejected}}" type="text">
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<label for="lpp_completed">No.of task completed</label>
<input class="form-control" id="lpp_completed" disabled='True' value="{{data.no_task_rejected}}" type="text">
</div>
</div>
<br>
<br>
<br>
<div class="form-group row">
{% if request.user.is_superuser %}
<div class="col-xs-12 col-sm-4 col-md-6 col-lg-4">
{% if data.nda %}
<a href="../../../media/{{ data.nda}}" target="_blank"><input type="button" class="btn btn-secondary mx-3" value="View NDA" style="font-weight:700;" ></a>
{% endif %}
</div>
<div class="col-xs-12 col-sm-4 col-md-6 col-lg-4">
<label for="ex3123">Choose Action:</label>
<select name="status" id="ex3123" style="width: 250px;" onchange="handleChange81(this.value)">
<option value="Shortlist">Shortlist</option>
<option value="Select">Select</option>
<option value="Reject">Reject</option>
<option value="Promote">Promote</option>
<option value="Terminate">Terminate</option>
<option value="On Hold">On Hold</option>
<input id="reason_1" type="text" class ="form-control" name="reason" placeholder="Enter Reason"/>
<select id="reason_1_select" class="form-control" name="reason_reject">Select a Reason
<option value="Application not upto our standards">Application not upto our standards</option>
<option value="Your Score is too low for your selection">Score too low</option>
</select>
</select>
</div>
<div class="col-xs-12 col-sm-4 col-md-6 col-lg-4 text-center" style="display:flex;">
<input type="button" class="btn btn-secondary mx-3" name="" value="Send Message to LPP" id="messagepopup" onclick="$('#popupobject').show();" style=" font-weight:700;">
{% if data.availabity == False or data.status != "Selected" %}
<input type="button" class="btn btn-primary mx-3" value="Manually Assign Task" id="assign_task0" style="font-weight:700;" onclick="alert('Sorry this LPP is Unavailable for assigning Tasks!!!')" >
{% else %}
<a href="{% url 'manualassign' data.lpp_id %}"><input type="button" class="btn btn-dark mx-3" value="Manually Assign Task" id="assign_task" style="font-weight:700;" ></a>
{% endif %}
</div>
<input type='hidden' name='lppid' value="{{data.lpp_id}}"/>
</div>
<br>
<div class="container" style="text-align: center; padding-bottom: 25px;">
<button type="submit" class="btn btn-success mx-3">Update</button>
</div>
{% else %}
<div class="container" style="text-align: center; padding-bottom: 25px;">
<a href="{%url 'majorTable' data.lpp_id 'edit' %}" type="button" class="btn btn-success mx-3">Edit</a>
</div>
{% endif %}
</form>
{% endif %}
</div>
{% endif %}
</body>
<div class="modal-content" id="popupobject" style="position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: white;
padding: 20px;
border-radius: 10px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
z-index: 1000;
width:auto;
display:none;">
<div style="
display: flex;
flex-direction: column;
align-items: center;">
<div>
<h3 style="text-align: center; margin-top: 5px; display:flex; color:#ee3c4d;">Write&nbsp;a&nbsp;Mail&nbsp;To&nbsp;Lpp
<b data-toggle="tooltip" title="Close" style="color:red; font-size:32px;margin-top:-10px; margin-left: 10px;border: 0;" onclick="$('#popupobject').hide()">x
</b>
</h3>
</div>
<div class="modal-body" style="margin-top: -15px;">
<div><br>
<div>
<div>
<br>
<input type="text" class="form-control" id="email_subject" placeholder="Subject" style="height:30px; width:100%">
</div>
<div>
<br>
<textarea class="form-control" id="email_content" placeholder="Message" maxlength="600" style="height:100px; width:100%;resize: none;"></textarea>
</div>
<div class="text-center">
<br>
<input type="button" id="query_submit" value="Submit" style="background-color:#ee3c4d; border: 1px solid #ee3c4d; color:white; font-weight:700;" onclick="query_email();">
</div>
</div>
</div>
</div>
</div>
</div>
<script>
function query_email(){
var btn = document.getElementById("query_submit")
btn.value = "Submitting...";
btn.disabled = true;
btn.style = "background-color:#eeeeee; border: 1px solid #ee3c4d; color:#ee3c4d; font-weight:700;";
var subj = document.getElementById("email_subject").value;
var content = document.getElementById("email_content").value;
$.ajax({
type:"POST",
url:"{% url 'query_email' %}",
data:{
subj:subj,
content:content,
frompage:'majortable',
lpp_id:'{{data.lpp_id}}',
csrfmiddlewaretoken:$('input[name=csrfmiddlewaretoken').val()
},
success:function(response){
alert("Email Sent to LPP");
$('#popupobject').hide();
document.getElementById("email_subject").value="";
document.getElementById("email_content").value="";
btn.value = "Submit";
btn.style ="background-color:#ee3c4d; border: 1px solid #ee3c4d; color:white; font-weight:700;";
btn.disabled = false;
}
});
}
</script>
<script>
document.getElementById('reason_1').style.display = 'none'
document.getElementById('reason_1_select').style.display = 'none'
function handleChange81(value){
if (value === "Reject"){
document.getElementById('reason_1_select').style.display = 'block'
document.getElementById('reason_1').style.display = 'none'
}
else if (value === "On Hold"){
document.getElementById('reason_1').style.display = 'block'
document.getElementById('reason_1_select').style.display = 'none'
}
else{
document.getElementById('reason_1').style.display = 'none'
document.getElementById('reason_1_select').style.display = 'none'
}
}
</script>
</html>
{%endblock%}