Académique Documents
Professionnel Documents
Culture Documents
<title>Algeria BLS Spain Visa: Welcome to the Official Website Spain Visa
Application Centre in Algeria</title>
<script>
setTheme(getPreferredTheme())
window.addEventListener('DOMContentLoaded', () => {
var el = document.querySelector('.theme-icon-active');
if (el != 'undefined' && el != null) {
const showActiveTheme = theme => {
const activeThemeIcon = document.querySelector('.theme-icon-
active use')
const btnToActive = document.querySelector(`[data-bs-theme-
value="${theme}"]`)
const svgOfActiveBtn = btnToActive.querySelector('.mode-switch
use').getAttribute('href')
document.querySelectorAll('[data-bs-theme-
value]').forEach(element => {
element.classList.remove('active')
})
btnToActive.classList.add('active')
activeThemeIcon.setAttribute('href', svgOfActiveBtn)
}
window.matchMedia('(prefers-color-scheme:
dark)').addEventListener('change', () => {
if (storedTheme !== 'light' || storedTheme !== 'dark') {
setTheme(getPreferredTheme())
}
})
showActiveTheme(getPreferredTheme())
document.querySelectorAll('[data-bs-theme-value]')
.forEach(toggle => {
toggle.addEventListener('click', () => {
const theme = toggle.getAttribute('data-bs-theme-
value')
localStorage.setItem('theme', theme)
setTheme(theme)
showActiveTheme(theme)
})
})
}
})
</script>
<style>
</style>
<script src="/assets/vendor/jquery/dist/jquery.min.js"></script>
<script src="/assets/vendor/jquery-validation/dist/jquery.validate.min.js"></
script>
<script src="/assets/vendor/jquery-ajax-unobtrusive/jquery-ajax-
unobtrusive.js"></script>
<script
src="/assets/vendor/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.j
s"></script>
<script>
$.ajaxSetup({
beforeSend: function (xhr, options) {
if (options.type.toUpperCase() == "POST") {
xhr.setRequestHeader("RequestVerificationToken", $
('input:hidden[name="__RequestVerificationToken"]').val());
}
}
});
</script>
</head>
<body>
<div class="preloader animate__animated animate__fadeOut" style="display:
none;">
<div class="preloader-item">
<div class="spinner-grow text-primary"></div>
</div>
</div>
<div id="global-overlay" class="global-overlay" style="display: none;">
<div class="global-overlay-loader">
</div>
</div>
<header class="navbar-light header-sticky header-sticky-on">
<!-- Nav START -->
<nav class="navbar navbar-expand-xl z-index-9 navbar-divider">
<div class="container">
<!-- Logo START -->
<a class="navbar-brand" href="/DZA/home/index">
<img class="light-mode-item navbar-brand-item"
src="/assets/images/logo.png" alt="BLS Logo" title="BLS Logo">
<img class="dark-mode-item navbar-brand-item"
src="/assets/images/logo.png" alt="logo">
</a>
<!-- Logo END -->
<!-- Responsive navbar toggler -->
<button class="navbar-toggler ms-auto" type="button" data-bs-
toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse"
aria-expanded="false" aria-label="Toggle navigation">
<i class="bi bi-search fs-4"> </i>
</button>
</div>
<div>
<a class="h6 mt-2 mt-sm-0"
href="#">Mohammed Mohammed ridha</a>
<p class="small m-
0">mohammedridhahassouni@gmail.com</p>
</div>
</div>
</li>
<li>
<a class="dropdown-item"
href="/DZA/bls/Medical">
<i class="text-info fa fa-globe
me-2"></i>Medical
</a>
</li>
<li>
<a class="dropdown-item"
href="/DZA/bls/Transit">
<i class="text-info fa fa-globe
me-2"></i>Transit
</a>
</li>
</ul>
</li>
<li>
<a class="dropdown-item"
href="/DZA/blsappointment/BLSCancelAppointment">
<i class="text-danger fa-regular fa-
calendar-xmark me-2"></i>Cancel Appointment
</a>
</li>
<li>
<a class="dropdown-item"
href="/DZA/blsappointment/BLSReprintAppointmentLetter">
<i class="text-info fa-solid fa-print me-
2"></i>Re-Print Appointment Letter
</a>
</li>
</ul>
</li>
<li class="nav-item"> <a class="nav-link faq-
manageapplicant" href="/DZA/blsappointment/ManageApplicant">Manage
Applicants</a></li>
<li>
<a class="dropdown-item"
href="/DZA/bls/publicholidaysclosures">
<i class="text-info fa fa-umbrella-beach
me-2"></i>Public Holidays
</a>
</li>
<li> <hr class="dropdown-divider"></li>
<li>
<a class="dropdown-item"
href="/DZA/bls/usefullinks">
<i class="text-success fa fa-link
me-2"></i>Useful Links
</a>
</li>
<li>
<a class="dropdown-item"
href="/DZA/bls/securityrules">
<i class="text-orange fa fa-lock
me-2"></i>Security Rules
</a>
</li>
<li>
<a class="dropdown-item" href="/DZA/bls/faq">
<i class="text-orange fa fa-lock
me-2"></i>FAQs
</a>
</li>
</ul>
</li>
</ul>
</div>
<!-- Main navbar END -->
</div>
</nav>
<!--Main menu link END -->
</header><div id="sticky-space" class="active" style="height: 157px;"></div>
<!-- **************** MAIN CONTENT START **************** -->
<main>
<style>
.k-disabled, .k-state-disabled {
opacity: 1 !important;
cursor: not-allowed !important;
}
.ddlSlot .k-dropdown {
width: 100%;
}
.font-small {
font-size: 11px !important;
}
.tmdeh{z-index:1;}.zxqgjhaqf{z-index:1;}.vaptirhr{z-index:1;}.fivkeey{z-
index:1;}.wcpzb{z-index:1;}.ikdzczmoj{z-index:1;}.gurmctb{z-index:1;}.mrbmd{z-
index:1;}.mckfdnq{z-index:1;}.tdgjfsfs{z-index:1;}.qyhej{z-index:1;}.ladblnj{z-
index:1;}.vgqmzogkw{z-index:1;}.pbnfsnjzu{z-index:1;}.lowicpzf{z-index:1;}.mfeji{z-
index:1;}.cpffdtf{z-index:1;}.ioizg{z-index:1;}.prmtsk{z-index:1;}.khkkpb{z-
index:1;}.ktlrfu{z-index:1;}.xdtqxfmo{z-index:1;}.qtxlutlr{display:none !
important;z-index:1;}.dsiuvorvr{display:none !important;z-
index:1;}.drtlqro{display:none !important;z-index:1;}.cufvwnqt{display:none !
important;z-index:1;}.ezqaaagry{display:none !important;z-
index:1;}.ixcfjuz{display:none !important;z-index:1;}.cwhhtgai{display:none !
important;z-index:1;}.tivuebsnw{display:none !important;z-
index:1;}.odrmu{display:none !important;z-index:1;}.cfvzovax{display:none !
important;z-index:1;}.oxoxgkard{display:none !important;z-
index:1;}.icuevks{display:none !important;z-index:1;}.tkmljno{display:none !
important;z-index:1;}.aejhxhyx{display:none !important;z-
index:1;}.edqqromn{display:none !important;z-index:1;}.lphazpwih{display:none !
important;z-index:1;}.kcnaipj{display:none !important;z-
index:1;}.iwpbexorg{display:none !important;z-index:1;}.wcwax{display:none !
important;z-index:1;}.byizet{display:none !important;z-
index:1;}.almnqdi{display:block !important;z-index:1;}.hsdrj{display:block !
important;z-index:1;}.lkmiium{display:block !important;z-
index:1;}.qjedz{display:block !important;z-index:1;}.gjqolb{display:block !
important;z-index:1;}.skbad{display:block !important;z-
index:1;}.vudwgbrn{display:block !important;z-index:1;}.nwlqcvvdi{display:block !
important;z-index:1;}.eyuxbpg{display:block !important;z-
index:1;}.jtzkhf{display:block !important;z-index:1;}.rjmmy{display:block !
important;z-index:1;}.hwhvu{display:block !important;z-
index:1;}.vyewh{display:block !important;z-index:1;}.zuaxcha{display:block !
important;}.htzdpfpk{display:block !important;}.jqklwcm{display:block !
important;}.hlljf{display:block !important;}.squggrmje{display:block !
important;}.jacisfxfn{display:block !important;}.nqjcdsnv{display:block !
important;}.wpjcwgmuz{display:block !important;}.tzzlmb{display:block !
important;}.aejcnfvnj{display:block !important;}.hsdnd{display:block !
important;}.oihzyfcf{display:block !important;}.ywusoe{display:block !
important;}.ahsjlsikn{display:block !important;}.neecwvp{display:block !
important;}.kdecwu{display:block !important;}.dspib{display:block !
important;}.vxksvvuf{display:block !important;}.axmjsybhb{display:block !
important;}.jdbsx{display:none !important;}.xhiascm{display:none !
important;}.rgtkaauc{display:none !important;}.chqncdc{display:none !
important;}.nhwkrvs{display:none !important;}.gsqsmf{display:block !
important;}.yccozgrv{display:block !important;}.foxzsgq{display:block !
important;}.zyuqisml{display:block !important;}.stshn{display:block !
important;}.twzxwdx{display:block !important;}.flzqhe{display:block !
important;}.nacwsnl{display:block !important;}.qkqdy{display:block !
important;}.xdgraec{display:block !important;}.iuqbpoei{display:block !
important;}.egmft{display:block !important;}.kuahwimf{display:block !
important;}.zvhiszhal{display:block !important;}.rhgqywvh{display:block !
important;}.mwlidn{display:block !important;}.wawgkwoqc{display:block !
important;}.hwqcxgal{display:block !important;}.edbkab{display:none !
important;}.tdnmd{display:none !important;}.xcgdfivtq{display:none !
important;}.epzrgpq{display:none !important;}.xberszl{display:none !
important;}.jtunph{display:none !important;}.bsaqd{display:none !
important;}.chpopxvbk{display:none !important;}.embpcqfjh{display:none !
important;}.zzbydyxm{display:none !important;}.ygynquupd{display:none !important;}
</style>
</script>
<script id="slot-footer-template" type="text/x-kendo-template">
<div id="slot-legend">
<div>
<i class="fa fa-square text-success"></i><span class="mx-2 pb-2 font-
small">Slot Available</span>
</div>
<div>
<i class="fa fa-square text-danger"></i><span class="mx-2 font-
small">Slot Booked</span>
</div>
</div>
</script>
<script>
var locationData =[{"Id":"0566245a-7ba1-4b5a-b03b-
3dd33e051f46","Name":"Algiers","Code":"ALGIERS"},{"Id":"8457a52e-98be-4860-88fc-
2ce11b80a75e","Name":"Oran","Code":"ORAN"}];
var AppointmentCategoryIdData =[{"Id":"5c2e8e01-796d-4347-95ae-
0c95a9177b26","Name":"Normal","Code":"CATEGORY_NORMAL"},{"Id":"37ba2fe4-4551-4c7d-
be6e-5214617295a9","Name":"Premium","Code":"CATEGORY_PREMIUM"},{"Id":"15044668-
9bb4-477d-918b-4809370190b9","Name":"Prime Time","Code":"PRIME_TIME"}];
var visaIdData =[{"Id":"c805c157-7e8f-4932-89cf-
d7ab69e1af96","Name":"Schengen visa","VisaTypeCode":"SCHENGEN_VISA"},
{"Id":"ec08e478-17f2-4516-914c-4d9198fd8d1e","Name":"National
Visa","VisaTypeCode":"NATIONAL_VISA"}];
var baseurl = 'https://algeriaapi.blsvisaapp.com/';
var visasubIdData =[{"Id":"b563f6e3-58c2-48c4-ab37-
a00145bfce7c","Name":"Schengen Visa","Value":"c805c157-7e8f-4932-89cf-
d7ab69e1af96"},{"Id":"4d774535-d05b-46bf-83bd-6b98d6d4fd2f","Name":"Researcher
visa","Value":"ec08e478-17f2-4516-914c-4d9198fd8d1e"},{"Id":"e3a2e1b1-378e-4f6e-
9adb-eacaec8d8ba8","Name":"Internship visa","Value":"ec08e478-17f2-4516-914c-
4d9198fd8d1e"},{"Id":"eeb83923-5c8d-4458-9415-64451348c7dc","Name":"Family
Reunification Visa","Value":"ec08e478-17f2-4516-914c-4d9198fd8d1e"},
{"Id":"43a911df-f7f7-48f8-8dd8-59c65dce32b8","Name":"Residence and Employment Work
Visa","Value":"ec08e478-17f2-4516-914c-4d9198fd8d1e"},{"Id":"14e132e5-2f0a-40e1-
833f-d0c862eb1899","Name":"Student Visa","Value":"ec08e478-17f2-4516-914c-
4d9198fd8d1e"},{"Id":"aaff0199-6d71-4d97-ad45-908819db7fc3","Name":"Residence visa
with working permit exemption","Value":"ec08e478-17f2-4516-914c-4d9198fd8d1e"},
{"Id":"81ed5eb4-9b81-45b4-8df3-ad090286a619","Name":"Self-employed work
visa","Value":"ec08e478-17f2-4516-914c-4d9198fd8d1e"},{"Id":"4757ce76-bc0b-4839-
9af4-d9ea54363072","Name":"Investor visa","Value":"ec08e478-17f2-4516-914c-
4d9198fd8d1e"},{"Id":"abdf02d9-80ae-4be9-b9f9-5d9e459c76a9","Name":"Entrepreneur
visa","Value":"ec08e478-17f2-4516-914c-4d9198fd8d1e"},{"Id":"5205d0b9-0bae-42f2-
aaf4-d441cdcdd7bb","Name":"Long-term residence visa","Value":"ec08e478-17f2-4516-
914c-4d9198fd8d1e"},{"Id":"a2a5a09e-2a43-4d77-9b85-fdbc9920382d","Name":"Long-term
residence or EU Long-term residence recover","Value":"ec08e478-17f2-4516-914c-
4d9198fd8d1e"},{"Id":"dde5a936-4903-4965-b68c-da1383a13a70","Name":"Visa for highly
qualified workers and for intra-company transfers","Value":"ec08e478-17f2-4516-
914c-4d9198fd8d1e"},{"Id":"12f0c61f-a1c1-4ce5-a838-1a5e80952f07","Name":"Non-
working residency visa (non-lucrative visa)","Value":"ec08e478-17f2-4516-914c-
4d9198fd8d1e"},{"Id":"01cc8c56-965d-4909-9b20-7c8975d15ae3","Name":"Study between
90 and 179 days","Value":"ec08e478-17f2-4516-914c-4d9198fd8d1e"},{"Id":"f1ef3058-
8f67-4192-8694-63cb4cb756c3","Name":"Visa for highly qualified workers and for
intra-company transfers","Value":"ec08e478-17f2-4516-914c-4d9198fd8d1e"},
{"Id":"6bad3e0d-26a1-4df7-9793-3d4bae1c3a31","Name":"Non-lucrative residence
visa","Value":"ec08e478-17f2-4516-914c-4d9198fd8d1e"},{"Id":"7c3292a8-dd3b-470d-
a925-9ebbcaacb99f","Name":"Highly qualified Work Visa","Value":"ec08e478-17f2-4516-
914c-4d9198fd8d1e"},{"Id":"6ecaa347-12ac-4517-b713-1e5f7fe41441","Name":"Internship
visa","Value":"ec08e478-17f2-4516-914c-4d9198fd8d1e"},{"Id":"217cf6be-5c74-4ba1-
b86f-ecac7fe84cbc","Name":"Investment Visa","Value":"ec08e478-17f2-4516-914c-
4d9198fd8d1e"},{"Id":"ecad47ba-e511-43c3-bfd9-39374aa21608","Name":"Investor
visa","Value":"ec08e478-17f2-4516-914c-4d9198fd8d1e"},{"Id":"6b61b5eb-d36b-4282-
89e3-65cb3536c7d7","Name":"Entrepreneur visa","Value":"ec08e478-17f2-4516-914c-
4d9198fd8d1e"},{"Id":"7750347f-caf2-4e92-9417-5c278ad6922e","Name":"Family
Reunification Visa","Value":"ec08e478-17f2-4516-914c-4d9198fd8d1e"},
{"Id":"44a47a9b-5ed1-4818-a9e0-88e07f06e82b","Name":"National
Visa","Value":"ec08e478-17f2-4516-914c-4d9198fd8d1e"},{"Id":"0e9f53e2-a31d-4f8b-
9bff-a559432deee3","Name":"Relocation With In The Same Company","Value":"ec08e478-
17f2-4516-914c-4d9198fd8d1e"},{"Id":"978d6747-8551-4d02-84af-
e7dfb085352d","Name":"Study Family Member ","Value":"ec08e478-17f2-4516-914c-
4d9198fd8d1e"},{"Id":"c2b991d2-d7f8-4bf4-894c-97aabcb72c2d","Name":"Internship
Program Visa","Value":"ec08e478-17f2-4516-914c-4d9198fd8d1e"},{"Id":"d5d1bb84-b6e9-
43d9-870c-ccff8c36bda5","Name":"Study More Than 180 Days","Value":"ec08e478-17f2-
4516-914c-4d9198fd8d1e"},{"Id":"18ab57b1-36f3-4cd5-9c40-f6343597adba","Name":"Study
Less Than 90 Days","Value":"ec08e478-17f2-4516-914c-4d9198fd8d1e"},{"Id":"a782b7d4-
0dfe-4069-9c8f-321d1bc83546","Name":"Select Visit Purpose","Value":"ec08e478-17f2-
4516-914c-4d9198fd8d1e"},{"Id":"1ba7ae6c-3fa9-4ed5-93c8-d4c34d64a623","Name":"Work
Visa( employee working for somebody else)","Value":"ec08e478-17f2-4516-914c-
4d9198fd8d1e"},{"Id":"474d545e-f2c0-4f72-a8b0-23b1d9843002","Name":"Long-term
residence permit recuperation visa","Value":"ec08e478-17f2-4516-914c-
4d9198fd8d1e"},{"Id":"d8d56909-c94f-4893-9e7b-34a07aa629ce","Name":"EU National
Family Member Visa","Value":"ec08e478-17f2-4516-914c-4d9198fd8d1e"},
{"Id":"60e9bb55-8eaf-470d-afe1-44004e4d5655","Name":"Residence visa with working
permit exemption","Value":"ec08e478-17f2-4516-914c-4d9198fd8d1e"}];
var missionData =[{"Id":"bc733646-1ee1-4e12-857e-
95ad0c3acee7","Name":"Test","Code":"TEST"},{"Id":"7b831dab-5bed-4f9e-9e13-
a301dfce2d77","Name":"Consulate - Oran","Code":"CONSULATE_ORAN"},{"Id":"ec336bcf-
29fe-4d76-90f1-a7ae2d74d78b","Name":"Consulate -
Algiers","Code":"CONSULATE_ALGIERS"}];
$("#AppointmentCategoryId").kendoDropDownList({
// optionLabel: "--Select--",
dataTextField: "Name",
dataValueField: "Id",
filter: "contains",
autoBind: true,
// change: LoadAppointmentDates,
value:"5c2e8e01-796d-4347-95ae-0c95a9177b26",
dataSource: AppointmentCategoryIdData
});
if ('WEB_BLS'==='WEB_BLS')
{
$("#LocationId").kendoDropDownList({
optionLabel: "--Select--",
dataTextField: "Name",
dataValueField: "Id",
autoBind: true,
filter: "contains",
value:'8457a52e-98be-4860-88fc-2ce11b80a75e',
//change: LoadAppointmentDates,
dataSource: locationData
});
}
$("#MissionId").kendoDropDownList({
optionLabel: "--Select--",
dataTextField: "Name",
dataValueField: "Id",
autoBind: true,
filter: "contains",
value: '',
//change: LoadAppointmentDates,
dataSource: missionData
});
$("#VisaType").kendoDropDownList({
optionLabel: "--Select--",
dataTextField: "Name",
dataValueField: "Id",
filter: "contains",
autoBind: true,
value:'c805c157-7e8f-4932-89cf-d7ab69e1af96',
dataSource: visaIdData
});
$("#VisaSubTypeId").kendoDropDownList({
optionLabel: "--Select--",
dataTextField: "Name",
dataValueField: "Id",
filter: "contains",
autoBind: true,
value:'b563f6e3-58c2-48c4-ab37-a00145bfce7c',
dataSource: visasubIdData
});
$("#ApplicantsNo").kendoDropDownList({
optionLabel: "--Select--",
dataTextField: "Name",
dataValueField: "Value",
filter: "contains",
autoBind: true,
dataSource: [
{ Name: "2 Members", Value: "2" },
{ Name: "3 Members", Value: "3" },
{ Name: "4 Members", Value: "4" },
{ Name: "5 Members", Value: "5" },
{ Name: "6 Members", Value: "6" },
{ Name: "7 Members", Value: "7" },
{ Name: "8 Members", Value: "8" },
]
});
fileInput.onchange = () => {
ShowLoader();
const selectedFiles = [...fileInput.files];
var fd = new FormData();
var files = selectedFiles;
$.ajax({
url: "/DZA/query/UploadProfileImage",
//url: baseurl + "common/query/UploadProfileImage",
type: 'post',
data: fd,
contentType: false,
processData: false,
success: function (result) {
HideLoader();
if (result.success) {
$("#uploadfile-1-preview").attr("src", "/DZA/query/getfile?
fileid=" + result.fileId);
$("#ApplicantPhotoId").val(result.fileId);
$('#photoUploadModal').modal('show');
}
else{
alert(result.err);
}
}
});
}
if('Individual'=='Family'){
$("#members").show();
var appointmentFor = document.getElementById("family");
appointmentFor.checked = true;
$("#ApplicantsNo").data('kendoDropDownList').value("1");
}
var evc=document.getElementById("EmailVerificationCode");
evc.onpaste = e => e.preventDefault();
evc.oncopy = e => e.preventDefault();
$("#AppointmentDate4").on("keydown", function (e) {
e.preventDefault();
});
$("#AppointmentDate4").on("click", function (e) {
$("#AppointmentDate4").data("kendoDatePicker").open();
e.preventDefault();
});
this.setDataSource(slotDataSource);
var id = this.element.attr("id");
var values = '';
if (id !=='AppointmentSlot4') {
values = values + $
("#AppointmentSlot4").data("kendoDropDownList").value();
}
var items = this.items();
for (let item of items) {
var dataItem = this.dataItem($(item));
if (dataItem.Count > 0) {
var reg = new RegExp(dataItem.Id, 'g');
var count = (values.match(reg) || []).length;
if (dataItem.Count <= count) {
dataItem.Count = 0;
$(item).find(".slot-item").css("background-color", '#ff6666');
$(item).find(".slot-item").css("cursor", 'not-allowed');
$(item).addClass("k-disabled");
$(item).find(".slot-item").addClass("k-disabled");
}
}
}
}
var allowedDates = [];
function onFeeSubmit(ispayment) {
var data = {
Id: $("#Id").val(),
ValueAddedServices: $("#ValueAddedServices").val(),
};
ShowLoader();
var id = $("#Id").val();
$.ajax({
type: "POST",
data:data,
url: "/DZA/BLSAppointment/TotalFeeUpdate",
success: function (data) {
HideLoader();
if (data.success) {
$("#paymentDetails").removeClass("text-primary");
$("#paymentDetails").addClass("text-success");
document.getElementById("progress-percent").innerHTML =
'75%'
$('.progress-bar').css('width', '80%');
if (ispayment) {
OnPaymentInitiated(data.model);
}
else {
OnAppointmentInitiated(data.model);
}
}
else {
ShowError(data.error);
}
},
error: function (err) {
HideLoader();
}
});
function OnUserConsentReject() {
userConsentModalClose = true;
alert("You cannot proceed with appointment. System will redirect to home
page");
window.location.href = "/DZA/home/index";
}
function OnUserConsentAccept() {
userConsentModalClose = true;
$('#userConsent').modal('hide');
$('#scamAlert').modal('show');
return true;
}
var slotDataSource = null;
function OnAppointmentDateOpen(e) {
var t = kendo.template($("#date-footer-template").html());
var dp = this;
setTimeout(function () {
var div = dp.dateView.popup.wrapper.find(".k-footer").find("#date-
legend");
div.remove();
dp.dateView.popup.wrapper.find(".k-footer").append(t({ text:
"testing" }));
});
}
function OnAppointmentdateChange() {
var ad = $("#AppointmentDate4").data("kendoDatePicker").value();
var slot = $("#AppointmentSlot4").data("kendoDropDownList");
slot.value("");
slot.setDataSource([]);
if (ad === null || ad === '' || ad === undefined) {
slot.value("");
slot.enable(false);
return false;
}
var appointmentDate = kendo.toString(ad, 'yyyy-MM-dd');
var locationId = $("#LocationId").val();
var mid = $("#MissionId").val();
var categoryId = $("#AppointmentCategoryId").val();
var ds = $("#DataSource").val();
var visaType = $("#VisaType").val();
var visasubType = $("#VisaSubTypeId").val();
ShowLoader();
$.ajax({
type: "POST",
url: "/DZA/blsappointment/GetAvailableSlotsByDate?appointmentDate=" +
appointmentDate + "&locationId=" + locationId + "&categoryId=" + categoryId +
"&visaType=" + visaType + "&visaSubType=" + visasubType + "&applicantCount=" +
applicantCount + "&dataSource=" + ds + "&missionId=" + mid,
dataType: "json",
success: function (data) {
HideLoader();
slotDataSource = data;
slot.enable(true);
}
});
}
//function renderSlot(index) {
// div1.className = "form-group";
// div.appendChild(div1);
// maindiv.appendChild(div);
// div1.appendChild(label);
// div2.appendChild(input);
//}
//function OnChangeSlot() {
// return;
// var applicantsCount = $("#ApplicantsNo").val();
// var appCount = 1;
// if (applicantsCount == '' || applicantsCount == null) {
// appCount = 1;
// }
// else {
// applicantsCount = applicantsCount.split(" ")[0];
// appCount = applicantsCount;
// }
function disableDates(date) {
var dateVal = kendo.toString(date, 'yyyy-MM-dd');
var result = allowedDates.find(x => x.DateText === dateVal);
$('#commonModalHeader').html(header);
$('#commonModalBody').html(body);
$('#commonModal').modal('show');
}
function RequestCode(e, source,isRefresh) {
}
else {
if (data.sessionExpired) {
alert('Your session has been expired. Please login again to
continue.');
window.location.href =
"/DZA/blsappointment/manageappointment";
return false;
}
$(source).attr("disabled", false);
$(source).html(html);
ShowError(data.error);
}
}
});
}
function VerifyApplicant() {
var code = $("#EmailVerificationCode").val();
if (code === '' || code === null || code === undefined) {
ShowError("Please enter email verification code.");
return false;
}
var img = $("#ApplicantPhotoId").val();
if (img === '' || img === null || img === undefined) {
ShowError("Please upload applicant photo.");
return false;
}
$('#LivenessDeclaration').modal('show');
return false;
}
function OnLivenessDeclarationReject() {
livenessDeclarationModalClose = true;
$('#LivenessDeclaration').modal('hide');
}
function OnLivenessDeclarationAccept() {
livenessDeclarationModalClose = true;
$('#LivenessDeclaration').modal('hide');
var img = $("#ApplicantPhotoId").val();
var appointmentId = $("#Id").val();
var url = '/DZA/blsappointment/livenessdetection?appointmentId=' +
appointmentId + '&applicantPhotoId=' + img;
OpenPopup(url, { Title: "Verify Applicant", Width: 800, Height: 650 });
return false;
}
function OnApplicantVerified(prm) {
if (prm.session) {
$("#btnVerifyApplicant").hide();
window.location.href = "/DZA/blsappointment/manageappointment";
return false;
}
if (prm.redircet) {
$("#btnVerifyApplicant").hide();
window.location.href = "/DZA/blsappointment/manageappointment";
return false;
}
var photo=prm.photo;
$("#ImageId").val(photo);
$("#btnVerifiedApplicant").show();
$("#btnVerifyApplicant").hide();
$("#btnPayAmount").show();
}
function VerifyEmailCode(e, source) {
var valid = ValidateAppointment(e);
if (valid == false) {
return false;
}
var code = $("#EmailVerificationCode").val();
if (code === '' || code === null || code === undefined) {
ShowError("Please enter email verification code.");
return false;
}
var html = $(source).html();
$(source).attr("disabled", true);
$(source).html('Verifying Email<span class="ml-2 fa fa-refresh
fa-spin"></span>');
var code = $("#EmailVerificationCode").val();
var data = {
Code: code,
Value:
'tgp4/hVULsZL7lircAZV9DRwaLNj5E0kkuBZ2sKas0tu9f4FAz2dcSTQoOR+GposI7c5Nw/
9edNWj+a0G4n9pNiK6cRLIrRuIeF+52Ra66Trdc2jOnhX1Htii/bUNVT4',
Id: $('#Id').val()
}
$.ajax({
type: "POST",
url: "/DZA/blsappointment/VerifyEmail",
dataType: "json",
data:data,
success: function (data) {
$(source).removeAttr("disabled");
if (data.success) {
$(source).html(html);
$(source).attr("disabled", false);
$("#btnVerifyEmail").hide();
$("#btnVerifiedEmail").show();
$("#EmailVerified").val('True');
if ('False'==='True') {
var mobVerified = $("#MobileVerified").val();
if (mobVerified.toLowerCase() === 'true') {
$("#btnVerifyAppointment").show();
}
}
else {
$("#btnVerifyAppointment").show();
}
}
else {
$(source).attr("disabled", false);
$(source).html(html);
ShowError(data.error);
}
}
});
}
function VerifyAppointment(e, obj) {
var valid = ValidateAppointment(e);
if (valid == false) {
return false;
}
var code = $("#EmailVerificationCode").val();
if (code === '' || code === null || code === undefined) {
ShowError("Please enter email verification code.");
return false;
}
var img = $("#ApplicantPhotoId").val();
if (img === '' || img === null || img === undefined) {
ShowError("Please upload applicant photo.");
return false;
}
var win = GetMainWindow();
win.iframeOpenUrl = '/DZA/CaptchaPublic/GenerateCaptcha?
data=xroPTVZGo3TAdeZSGyL83wlQmh49gaCbBFbNd5kHWKfc8QhK6LmEqB3hZgd4m5O2APttBum7N5jhrL
uz1scHyWmnAlMF1Dkd2oRHPj9q4Vk%3d';
win.OpenWindow({ Title: "Verify Appointment", Width: 400, Height: 600 });
return false;
}
function OnVarifyCaptcha(res) {
if (res.exceeded) {
window.location.href = window.location.href.split("?")[0];
return false;
}
else if (res.success) {
$("#btnVerifiedAppointment").show();
$("#btnVerifyAppointment").hide();
$("#btnSubmit").show();
$("#CaptchaData").val(res.captcha);
}
}
var AppointmentData = [];
function OnAppointmentSubmit(e) {
var valid = ValidateAppointment(e);
if (valid == false) {
return false;
}
var detailsString = JSON.stringify(AppointmentData);
$("#AppointmentDetailsList").val(detailsString);
return true;
}
function ValidateAppointment(e) {
HideError();
var mobile = $("#Mobile").val();
var mobileCC = $("#MobileCountryCode").val();
var email = $("#Email").val();
var loc = $("#LocationId").val();
if (loc == '') {
ShowError("Please select appointment center");
return false;
}
if ($("#AppointmentCategoryId").val() == '') {
ShowError('Please select appointment category');
return false;
}
if ($("#AppointmentDate4").val() == '') {
ShowError('Please select appointment date');
return false;
}
var ad = kendo.toString($
("#AppointmentDate4").data("kendoDatePicker").value(), 'yyyy-MM-dd');
$("#ServerAppointmentDate").val(ad);
if (mobile == '') {
ShowError('Please enter mobile number');
return false;
}
if (mobileCC == '') {
ShowError('Please enter mobile Country Code');
return false;
}
if (email == '') {
ShowError('Please enter email id');
return false;
}
if ($("#AppointmentSlot4").val() == '') {
ShowError('Please select appointment slot');
return false;
}
var applicantsCount = $("#ApplicantsNo").val();
if (applicantsCount == '' || applicantsCount == null) {
$("#ApplicantsNo").val(1);
applicantsCount = 1;
}
//AppointmentData = [];
//AppointmentData[0] = {};
//AppointmentData[0]["AppointmentSlot"] = $("#AppointmentSlot0").val();
//AppointmentData[0]["Id"] = "";
//AppointmentData[0]["ApplicantSerialNo"] = 1;
//for (var k = 1; k < applicantsCount; k++) {
// AppointmentData[k] = {};
// AppointmentData[k]["AppointmentSlot"] = $("#AppointmentSlot0").val();
// AppointmentData[k]["Id"] = "";
// AppointmentData[k]["ApplicantSerialNo"] = k;
//}
return true;
}
function onAgree() {
$("#appDetails").removeClass("text-primary");
$("#appDetails").addClass("text-success");
$("#appointmentDetails").removeClass("text-secondary");
$("#appointmentDetails").addClass("text-primary");
document.getElementById("progress-percent").innerHTML='25%'
$('.progress-bar').css('width', '25%');
$("#termsDiv").hide();
$("#applicantDetailsDiv").show();
BackToTop();
}
function onDisagree() {
window.location.href = "/";
//LoadPartailView('/DZA/BLSApplication/BLSCustomerHome', $('#cms-
content'));
}
$("#applicantDetailsDivForm").load('/DZA/BlsAppointment/VisaAppointmentForm?
appointmentId=' + res.model.Id);
setStatus(res.model.SaveState);
BackToTop();
}
else {
if (res.bot === true) {
window.location.href = "/DZA/account/bot";
return false;
}
if (res.userverify === true) {
alert(res.error);
window.location.href = "/DZA/account/UserVerification?userId=" +
res.uid;
return false;
}
HideLoader();
ShowError(res.error);
if (res.refreshSlot === true) {
LoadAppointmentDates('4','4');
}
}
};
//payment details
//function getRow(n) {
// var row = n.parentNode.parentNode;
// var cols = row.getElementsByTagName("td");
// var x = cols[4].textContent;
// var y = $("#totalCharges").html();
// if (n.checked) {
// var z = parseInt(x) + parseInt(y);
// $("#totalCharges").html(z);
// $("#totalvasCharges").html(z);
// }
// else {
// var z = parseInt(y) - parseInt(x);
// $("#totalCharges").html(z);
// $("#totalvasCharges").html(z);
// $('#VAS' + n.id).prop('checked', false);
// $('#VAS' + n.id).prop('disabled', false);
// }
//}
function getVASRow(n) {
if (n.checked) {
$('#' + chkId).prop('checked', true);
if (isPayable == "False") {
} else {
var z = parseInt(x) + parseInt(y);
$("#totalCharges").html(z +' DZD');
$("#totalvasCharges").html(z + ' DZD');
if (rowtot == '') {
$("#" + rowtotId).html(x + ' DZD');
$("#" + totrow).html(x + ' DZD');
} else {
$("#" + rowtotId).html(parseInt(x) + parseInt(rowtot) + '
DZD');
$("#" + totrow).html(parseInt(x) + parseInt(rowtot) + ' DZD');
}
}
}
else {
$('#' + chkId).prop('checked', false);
if (isPayable == "False") {
}
else {
var z = parseInt(y) - parseInt(x);
$("#totalCharges").html(z + ' DZD');
$("#totalvasCharges").html(z + ' DZD');
if (rowtot == '') {
$("#" + rowtotId).html("");
$("#" + totrow).html("");
} else {
$("#" + rowtotId).html(parseInt(rowtot) - parseInt(x) + '
DZD');
$("#" + totrow).html(parseInt(rowtot) - parseInt(x) + ' DZD');
}
}
}
}
function closeModal() {
$('#vasModal').modal('toggle');
}
ShowLoader($('#container'));
var returnUrl = "/DZA/BLSAppointment/AppointmentReceipt";
var amn = $("#totalCharges").html();
var apId = $("#Id").val();
window.location.href = "/DZA/BLSAppointment/CmiOnlinePayment?
appointmentId="+apId+"&returnUrl="+returnUrl;
// $.ajax({
// type: "POST",
// url: "/BLSAppointment/TestOnlinePayment",
//data: { 'amount': amn, 'appointmentId': apId,'returnUrl':
returnUrl },
//success: function (res) {
// if (res.success) {
// if (res.requestURL === null || res.requestURL === '' ||
res.requestURL === undefined) {
// HideLoader($('#container'));
// alert('Payment gateway not found');
// return false;
// }
// else {
// window.top.location.href = res.requestURL;
// }
// } else {
// ShowNotification(res.error, "error");
// HideLoader($('#container'));
// }
//},
//dataType: "json",
// });
}
function setStatus(status){
$("#SaveState").val(status);
}
</script>
<section class="pb-5">
<div class="container">
<!-- Offcanvas menu button -->
<div class="d-grid mb-0 d-lg-none w-100">
<button class="btn btn-primary mb-4" type="button" data-bs-
toggle="offcanvas" data-bs-target="#offcanvasSidebar" aria-
controls="offcanvasSidebar">
<i class="fas fa-sliders-h"></i> Menu
</button>
</div>
</div>
});
</script><div class="col-md-3 cpffdtf xdtqxfmo
arhxabj ikdzczmoj ladblnj pbnfsnjzu tmdeh khkkpb vgqmzogkw mfeji gurmctb lowicpzf
qyhej tdnmd ioizg ktlrfu xnxvhvz prmtsk mckfdnq fivkeey tdgjfsfs vaptirhr mrbmd
wcpzb zxqgjhaqf">
<label class="form-label">Appointment Date<span
class="required">*</span></label>
<span class="k-widget k-datepicker form-control"
style=""><span class="k-picker-wrap k-state-disabled"><input disabled="disabled"
id="AppointmentDate2" name="AppointmentDate2" class="form-control k-input" data-
role="datepicker" type="text" role="combobox" aria-expanded="false" aria-
owns="AppointmentDate2_dateview" autocomplete="off" aria-disabled="true" aria-
readonly="false" style="width: 100%;"><span unselectable="on" class="k-select"
aria-label="select" role="button" aria-controls="AppointmentDate2_dateview"><span
class="k-icon k-i-calendar"></span></span></span></span>
</div>
<div class="col-md-3 cpffdtf xdtqxfmo arhxabj ikdzczmoj
ladblnj pbnfsnjzu tmdeh khkkpb vgqmzogkw mfeji gurmctb lowicpzf qyhej tdnmd ioizg
ktlrfu xnxvhvz prmtsk mckfdnq fivkeey tdgjfsfs vaptirhr mrbmd wcpzb zxqgjhaqf">
<label class="form-label">Time Slot<span
class="required">*</span></label>
<span title="" class="k-widget k-dropdown form-
control" unselectable="on" role="listbox" aria-haspopup="listbox" aria-
expanded="false" aria-owns="AppointmentSlot2_listbox" aria-live="polite" aria-
disabled="true" aria-readonly="false" aria-busy="false" aria-
activedescendant="y0c43eb7-8e1c-4112-9a88-26b1da8217fe" style=""><span
unselectable="on" class="k-dropdown-wrap k-state-disabled"><span id="y0c43eb7-8e1c-
4112-9a88-26b1da8217fe" unselectable="on" role="option" aria-selected="true"
class="k-input">--Select--</span><span unselectable="on" class="k-select" aria-
label="select"><span class="k-icon k-i-arrow-60-down"></span></span></span><input
disabled="disabled" id="AppointmentSlot2" name="AppointmentSlot2" class="form-
control" data-role="dropdownlist" style="display: none;"></span>
</div>
<script>
$(document).ready(function () {
$
("#AppointmentDate2").kendoDatePicker({
format: "{0:yyyy-MM-dd}",
change: OnAppointmentdateChange,
open: OnAppointmentDateOpen,
});
$
("#AppointmentSlot2").kendoDropDownList({
optionLabel: "--Select--",
dataTextField: "Name",
dataValueField: "Id",
filter: "contains",
select: OnSlotSelect,
open: OnSlotOpen,
template: $
("#Slottemplate").html(),
footerTemplate: ({ instance }) => $
("#slot-footer-template").html(),
height: 500
});
});
</script><div class="col-md-3 ikdzczmoj zxqgjhaqf
qyhej tdgjfsfs gurmctb tmdeh ladblnj mckfdnq mrbmd vaptirhr fivkeey wcpzb jtunph">
<label class="form-label">Appointment Date<span
class="required">*</span></label>
<span class="k-widget k-datepicker form-control"
style=""><span class="k-picker-wrap k-state-disabled"><input disabled="disabled"
id="AppointmentDate3" name="AppointmentDate3" class="form-control k-input" data-
role="datepicker" type="text" role="combobox" aria-expanded="false" aria-
owns="AppointmentDate3_dateview" autocomplete="off" aria-disabled="true" aria-
readonly="false" style="width: 100%;"><span unselectable="on" class="k-select"
aria-label="select" role="button" aria-controls="AppointmentDate3_dateview"><span
class="k-icon k-i-calendar"></span></span></span></span>
</div>
<div class="col-md-3 ikdzczmoj zxqgjhaqf qyhej tdgjfsfs
gurmctb tmdeh ladblnj mckfdnq mrbmd vaptirhr fivkeey wcpzb jtunph">
<label class="form-label">Time Slot<span
class="required">*</span></label>
<span title="" class="k-widget k-dropdown form-
control" unselectable="on" role="listbox" aria-haspopup="listbox" aria-
expanded="false" aria-owns="AppointmentSlot3_listbox" aria-live="polite" aria-
disabled="true" aria-readonly="false" aria-busy="false" aria-
activedescendant="ua2e5e16-6618-42ff-9c14-c08a4955ce18" style=""><span
unselectable="on" class="k-dropdown-wrap k-state-disabled"><span id="ua2e5e16-6618-
42ff-9c14-c08a4955ce18" unselectable="on" role="option" aria-selected="true"
class="k-input">--Select--</span><span unselectable="on" class="k-select" aria-
label="select"><span class="k-icon k-i-arrow-60-down"></span></span></span><input
disabled="disabled" id="AppointmentSlot3" name="AppointmentSlot3" class="form-
control" data-role="dropdownlist" style="display: none;"></span>
</div>
<script>
$(document).ready(function () {
$
("#AppointmentDate3").kendoDatePicker({
format: "{0:yyyy-MM-dd}",
change: OnAppointmentdateChange,
open: OnAppointmentDateOpen,
});
$
("#AppointmentSlot3").kendoDropDownList({
optionLabel: "--Select--",
dataTextField: "Name",
dataValueField: "Id",
filter: "contains",
select: OnSlotSelect,
open: OnSlotOpen,
template: $
("#Slottemplate").html(),
footerTemplate: ({ instance }) => $
("#slot-footer-template").html(),
height: 500
});
});
</script><div class="col-md-3 tdgjfsfs tmdeh wcpzb
ladblnj twzxwdx pbnfsnjzu mckfdnq zxqgjhaqf vaptirhr fivkeey gurmctb vgqmzogkw
mrbmd lowicpzf qyhej ikdzczmoj">
<label class="form-label">Appointment Date<span
class="required">*</span></label>
<span class="k-widget k-datepicker form-control"
style=""><span class="k-picker-wrap k-state-default"><input id="AppointmentDate4"
name="AppointmentDate4" class="form-control k-input valid" data-role="datepicker"
type="text" role="combobox" aria-expanded="false" aria-
owns="AppointmentDate4_dateview" autocomplete="off" aria-disabled="false" aria-
readonly="false" aria-invalid="false" aria-activedescendant="xb325e8e-92e7-4bfb-
85ce-e3d0dc54af3d_cell_selected" style="width: 100%;"><span unselectable="on"
class="k-select" aria-label="select" role="button" aria-
controls="AppointmentDate4_dateview"><span class="k-icon
k-i-calendar"></span></span></span></span>
</div>
<div class="col-md-3 tdgjfsfs tmdeh wcpzb ladblnj
twzxwdx pbnfsnjzu mckfdnq zxqgjhaqf vaptirhr fivkeey gurmctb vgqmzogkw mrbmd
lowicpzf qyhej ikdzczmoj">
<label class="form-label">Time Slot<span
class="required">*</span></label>
<span title="" class="k-widget k-dropdown form-
control" unselectable="on" role="listbox" aria-haspopup="listbox" aria-
expanded="true" aria-owns="AppointmentSlot4_listbox" aria-live="polite" aria-
disabled="false" aria-readonly="false" aria-busy="false" style="" tabindex="0"
aria-activedescendant="f471d379-0e3a-48a4-9f1a-fd7f3fb48d45"><span
unselectable="on" class="k-dropdown-wrap k-state-default"><span id="f471d379-0e3a-
48a4-9f1a-fd7f3fb48d45" unselectable="on" role="option" aria-selected="true"
class="k-input">--Select--</span><span unselectable="on" class="k-select" aria-
label="select"><span class="k-icon k-i-arrow-60-down"></span></span></span><input
id="AppointmentSlot4" name="AppointmentSlot4" class="form-control" data-
role="dropdownlist" style="display: none;"></span>
</div>
<script>
$(document).ready(function () {
$
("#AppointmentDate4").kendoDatePicker({
format: "{0:yyyy-MM-dd}",
change: OnAppointmentdateChange,
open: OnAppointmentDateOpen,
});
$
("#AppointmentSlot4").kendoDropDownList({
optionLabel: "--Select--",
dataTextField: "Name",
dataValueField: "Id",
filter: "contains",
select: OnSlotSelect,
open: OnSlotOpen,
template: $
("#Slottemplate").html(),
footerTemplate: ({ instance }) => $
("#slot-footer-template").html(),
height: 500
});
});
</script><div class="col-md-3 gurmctb vgqmzogkw
lowicpzf xberszl vaptirhr rfcakfa arhxabj fsulqy ladblnj tdgjfsfs dcwimnc fivkeey
khkkpb prmtsk mrbmd mvnmg mfeji xdtqxfmo xnxvhvz pzkhxv zxqgjhaqf qyhej fpfup wcpzb
ghkycb ktlrfu tmdeh cpffdtf ikdzczmoj ioizg zkbqpc mckfdnq pbnfsnjzu">
<label class="form-label">Appointment Date<span
class="required">*</span></label>
<span class="k-widget k-datepicker form-control"
style=""><span class="k-picker-wrap k-state-disabled"><input disabled="disabled"
id="AppointmentDate5" name="AppointmentDate5" class="form-control k-input" data-
role="datepicker" type="text" role="combobox" aria-expanded="false" aria-
owns="AppointmentDate5_dateview" autocomplete="off" aria-disabled="true" aria-
readonly="false" style="width: 100%;"><span unselectable="on" class="k-select"
aria-label="select" role="button" aria-controls="AppointmentDate5_dateview"><span
class="k-icon k-i-calendar"></span></span></span></span>
</div>
<div class="col-md-3 gurmctb vgqmzogkw lowicpzf xberszl
vaptirhr rfcakfa arhxabj fsulqy ladblnj tdgjfsfs dcwimnc fivkeey khkkpb prmtsk
mrbmd mvnmg mfeji xdtqxfmo xnxvhvz pzkhxv zxqgjhaqf qyhej fpfup wcpzb ghkycb ktlrfu
tmdeh cpffdtf ikdzczmoj ioizg zkbqpc mckfdnq pbnfsnjzu">
<label class="form-label">Time Slot<span
class="required">*</span></label>
<span title="" class="k-widget k-dropdown form-
control" unselectable="on" role="listbox" aria-haspopup="listbox" aria-
expanded="false" aria-owns="AppointmentSlot5_listbox" aria-live="polite" aria-
disabled="true" aria-readonly="false" aria-busy="false" aria-
activedescendant="kc582019-b0fe-4fd8-b7d7-56d036bbbb50" style=""><span
unselectable="on" class="k-dropdown-wrap k-state-disabled"><span id="kc582019-b0fe-
4fd8-b7d7-56d036bbbb50" unselectable="on" role="option" aria-selected="true"
class="k-input">--Select--</span><span unselectable="on" class="k-select" aria-
label="select"><span class="k-icon k-i-arrow-60-down"></span></span></span><input
disabled="disabled" id="AppointmentSlot5" name="AppointmentSlot5" class="form-
control" data-role="dropdownlist" style="display: none;"></span>
</div>
<script>
$(document).ready(function () {
$
("#AppointmentDate5").kendoDatePicker({
format: "{0:yyyy-MM-dd}",
change: OnAppointmentdateChange,
open: OnAppointmentDateOpen,
});
$
("#AppointmentSlot5").kendoDropDownList({
optionLabel: "--Select--",
dataTextField: "Name",
dataValueField: "Id",
filter: "contains",
select: OnSlotSelect,
open: OnSlotOpen,
template: $
("#Slottemplate").html(),
footerTemplate: ({ instance }) => $
("#slot-footer-template").html(),
height: 500
});
});
</script> <div
class="col-md-3">
<label class="form-label" for="MissionId"
id="MissionId_label"><i class="bi bi-geo-alt text-primary me-1"></i>Mission<span
class="required">*</span></label>
<span title="" class="k-widget k-dropdown form-
control" unselectable="on" role="listbox" aria-haspopup="listbox" aria-
expanded="false" tabindex="0" aria-owns="MissionId_listbox" aria-
labelledby="MissionId_label" aria-live="polite" aria-disabled="false" aria-
readonly="true" aria-busy="false" aria-activedescendant="jc2a46f9-30a3-4b1d-ac05-
8320de64b177" style=""><span unselectable="on" class="k-dropdown-wrap k-state-
default"><span id="jc2a46f9-30a3-4b1d-ac05-8320de64b177" unselectable="on"
role="option" aria-selected="true" class="k-input">--Select--</span><span
unselectable="on" class="k-select" aria-label="select"><span class="k-icon k-i-
arrow-60-down"></span></span></span><input id="MissionId" class="form-control"
readonly="readonly" type="text" name="MissionId" value="" data-role="dropdownlist"
style="display: none;"></span>
</div>
<div class="col-md-3">
<label class="form-label" for="LocationId"
id="LocationId_label"><i class="bi bi-geo-alt text-primary me-1"></i>Select your
center<span class="required">*</span></label>
<span title="" class="k-widget k-dropdown form-
control" unselectable="on" role="listbox" aria-haspopup="listbox" aria-
expanded="false" tabindex="0" aria-owns="LocationId_listbox" aria-
labelledby="LocationId_label" aria-live="polite" aria-disabled="false" aria-
readonly="true" aria-busy="false" aria-activedescendant="lf4f2543-20c6-4f0e-86e2-
12edfff71dce" style=""><span unselectable="on" class="k-dropdown-wrap k-state-
default"><span id="lf4f2543-20c6-4f0e-86e2-12edfff71dce" unselectable="on"
role="option" aria-selected="true" class="k-input">Oran</span><span
unselectable="on" class="k-select" aria-label="select"><span class="k-icon k-i-
arrow-60-down"></span></span></span><input id="LocationId" class="form-control"
readonly="readonly" type="text" name="LocationId" value="8457a52e-98be-4860-88fc-
2ce11b80a75e" data-role="dropdownlist" style="display: none;"></span>
</div>
<!-- Category -->
<div class="col-md-3">
<label for="AppointmentCategoryId" class="form-
label" id="AppointmentCategoryId_label">Appointment Category<span
class="required">*</span></label>
<span title="" class="k-widget k-dropdown form-
control" unselectable="on" role="listbox" aria-haspopup="listbox" aria-
expanded="false" tabindex="0" aria-owns="AppointmentCategoryId_listbox" aria-
labelledby="AppointmentCategoryId_label" aria-live="polite" aria-disabled="false"
aria-readonly="true" aria-busy="false" aria-activedescendant="d34c00eb-c74f-464f-
854d-842299acb5fc" style=""><span unselectable="on" class="k-dropdown-wrap k-state-
default"><span id="d34c00eb-c74f-464f-854d-842299acb5fc" unselectable="on"
role="option" aria-selected="true" class="k-input">Normal</span><span
unselectable="on" class="k-select" aria-label="select"><span class="k-icon k-i-
arrow-60-down"></span></span></span><input readonly="readonly" class="form-control"
type="text" id="AppointmentCategoryId" name="AppointmentCategoryId"
value="5c2e8e01-796d-4347-95ae-0c95a9177b26" data-role="dropdownlist"
style="display: none;"></span>
</div>
<div class="col-md-3">
<label for="VisaType" class="form-label"
id="VisaType_label">VisaType<span class="required">*</span></label>
<span title="" class="k-widget k-dropdown form-
control" unselectable="on" role="listbox" aria-haspopup="listbox" aria-
expanded="false" tabindex="0" aria-owns="VisaType_listbox" aria-
labelledby="VisaType_label" aria-live="polite" aria-disabled="false" aria-
readonly="true" aria-busy="false" aria-activedescendant="aae8e7a2-f77d-4391-a365-
1be5a75b1c69" style=""><span unselectable="on" class="k-dropdown-wrap k-state-
default"><span id="aae8e7a2-f77d-4391-a365-1be5a75b1c69" unselectable="on"
role="option" aria-selected="true" class="k-input">Schengen visa</span><span
unselectable="on" class="k-select" aria-label="select"><span class="k-icon k-i-
arrow-60-down"></span></span></span><input readonly="readonly" class="form-control"
type="text" id="VisaType" name="VisaType" value="c805c157-7e8f-4932-89cf-
d7ab69e1af96" data-role="dropdownlist" style="display: none;"></span>
</div>
<div class="col-md-3">
<label for="VisaSubTypeId" class="form-label"
id="VisaSubTypeId_label">Visa SubType<span class="required">*</span></label>
<span title="" class="k-widget k-dropdown form-
control" unselectable="on" role="listbox" aria-haspopup="listbox" aria-
expanded="false" tabindex="0" aria-owns="VisaSubTypeId_listbox" aria-
labelledby="VisaSubTypeId_label" aria-live="polite" aria-disabled="false" aria-
readonly="true" aria-busy="false" aria-activedescendant="m981d3bd-16d5-4569-aba6-
f5a17565809f" style=""><span unselectable="on" class="k-dropdown-wrap k-state-
default"><span id="m981d3bd-16d5-4569-aba6-f5a17565809f" unselectable="on"
role="option" aria-selected="true" class="k-input">Schengen Visa</span><span
unselectable="on" class="k-select" aria-label="select"><span class="k-icon k-i-
arrow-60-down"></span></span></span><input readonly="readonly" class="form-control"
type="text" id="VisaSubTypeId" name="VisaSubTypeId" value="b563f6e3-58c2-48c4-ab37-
a00145bfce7c" data-role="dropdownlist" style="display: none;"></span>
</div>
<!-- Mobile -->
<div class="col-md-3">
<label class="form-label">Country Code<span
class="required">*</span></label>
<input readonly="" class="form-control"
maxlength="4" title="Country Code should contain only digits and should be of
length 4" type="text" id="MobileCountryCode" name="MobileCountryCode" value="+213">
</div>
<div class="col-md-3">
<label class="form-label">Mobile number<span
class="required">*</span></label>
<input readonly="" placeholder="Enter mobile
number" class="form-control" maxlength="9" minlength="9" pattern="([0-9]{9})"
title="Mobile no should contain only digits and should be of length 9" type="text"
id="Mobile" name="Mobile" value="0556070545">
</div>
<!-- Email -->
<div class="col-md-3">
<label class="form-label">Applicant Email<span
class="required">*</span></label>
<input readonly="" type="email" class="form-
control" placeholder="Enter your email id" id="Email" name="Email"
value="galaxiesphone187@gmail.com">
</div>
<div class="col-md-3" id="div-email-btn">
<label class="form-label col-12"> </label>
<button id="btnSenderificationCode" type="button"
class="btn btn-block btn-primary" onclick="return RequestCode(event,this)"
title="Click here to receive your verification code">
Get Verification Code
</button>
</div>
<div class="col-md-3 div-email-code"
style="display:none;">
<label for="EmailVerificationCode" class="form-
label">Email Verification Code<span class="required">*</span></label>
<input type="text" class="form-control"
id="EmailVerificationCode" name="EmailVerificationCode" value="">
</div>
<div class="col-md-3 div-email-code"
style="display:none;">
<label class="form-label col-12"> </label>
<button type="button" id="btnVerifyEmail"
class="btn btn-block btn-primary" onclick="VerifyEmailCode(event,this)">
Verify Email
</button>
<button type="button" id="btnVerifiedEmail"
formnovalidate="formnovalidate" style="display:none;" class="btn btn-success text-
center" disabled="">
<i class="fa fa-badge-check pr-1"></i>Email
Verified
</button>
</div>
<div class="col-md-3 div-mobile-code"
style="display:none;">
<label for="MobileVerificationCode" class="form-
label">Enter Mobile Verification Code<span class="required">*</span></label>
<input type="text" class="form-control"
id="MobileVerificationCode" name="MobileVerificationCode" value="">
</div>
<div class="col-md-3 div-mobile-code"
style="display:none;">
<label class="form-label col-12"> </label>
<button type="button" class="btn btnblock btn-
primary" onclick="VerifyMobileCode(event,this)">
Verify Mobile
</button>
</div>
<script id="Slottemplate" type="text/x-kendo-template">
#if(data.Count<eval(data.Code))
{#
<div class='slot-item bg-
danger' style='border-radius: 8px;padding: 4px 18px 4px 18px;cursor:not-
allowed;color:white;'>
#: data.Name #
</div>
#}else{#
<div class='slot-item bg-
success' style='border-radius: 8px;padding: 4px 18px 4px
18px;cursor:pointer;color:white;'>
#: data.Name #
</div>
#}#
</script>
<div class="col-md-12">
<label class="form-label">Upload Photo<span
class="required">*</span><span class="pl-2 text-info"> (Kindly upload your recent
photo, preferably taken in last 6 months. File Size should be less than 200
KB)</span></label>
<div class="d-flex align-items-center">
<label class="position-relative me-4">
<!-- Avatar place holder -->
<span>
<img id="uploadfile-1-preview"
style="height:190px;width:170px;border-radius:6px;" class="avatar-img shadow"
src="/assets/images/avatar/01.jpg" alt="">
</span>
</label>
<!-- Upload button -->
<label class="btn btn-sm btn-primary-soft mb-0
upload-photo-btn" for="uploadfile-1">Browse </label>
<input id="uploadfile-1" class="form-control d-
none" type="file">
</div>
</div>
<div class="col-md-12">
<div class="validation-summary mb-3 alert alert-danger
validation-summary-valid" style="display:none;" data-valmsg-summary="true"><ul><li
style="display:none"></li>
</ul></div>
<div class="text-center">
<button type="button" id="btnVerifyAppointment"
formnovalidate="formnovalidate" style="display:none;" class="btn btn-primary text-
center" onclick="VerifyAppointment(event,this)">Verify Appointment </button>
<button type="button" id="btnVerifiedAppointment"
formnovalidate="formnovalidate" style="display:none;" class="btn btn-success text-
center" disabled=""><i class="fa fa-badge-check pr-2"></i>Appointment Verified
</button>
<button type="submit" id="btnSubmit" class="btn
btn-primary text-center" style="display:none;" onclick="return
OnAppointmentSubmit(event)">Submit Appointment </button>
</div>
</div>
<input id="EmailCode" name="EmailCode" type="hidden"
value="tgp4/hVULsZL7lircAZV9DRwaLNj5E0kkuBZ2sKas0tu9f4FAz2dcSTQoOR+GposI7c5Nw/
9edNWj+a0G4n9pNiK6cRLIrRuIeF+52Ra66Trdc2jOnhX1Htii/bUNVT4">
<input id="MobileCode" name="MobileCode" type="hidden"
value="mS1YeOvIkasMKR/Q3qy6KR8VhO0+zDCReHHFuRFtTHM3yqrsy2KPqfW+iflJ1brxiROEQ2fxUZDk
bSZCdBsTp3TosXiQgeL7FOQZqyWskQEP71+KbbtG+RvaU1E2K/i4">
<input id="ScriptData" name="ScriptData" type="hidden"
value="jo+WrPiNo78ZDGuNpLOXpDe3iXhLZ5j23830OJMwObwwbWiXPYRL210dAnEMKoxAB349fRCdxKTJ
bdIDV1dCC8XoH11L+D+vs+xfWUsapaE=">
<input id="Id" name="Id" type="hidden" value="5f5ca0c2-
5b2c-4415-b5e3-b89650f9f712">
<input id="AppointmentId" name="AppointmentId"
type="hidden" value="">
<input id="ImageId" name="ImageId" type="hidden" value="">
<input data-val="true" data-val-required="The DataAction
field is required." id="DataAction" name="DataAction" type="hidden" value="Create">
<input id="nextSectionId" name="nextSectionId"
type="hidden" value="">
<input id="ApplicantPhotoId" name="ApplicantPhotoId"
type="hidden" value="">
<input id="AppointmentDetailsList"
name="AppointmentDetailsList" type="hidden" value="">
<input id="FullSlot" name="FullSlot" type="hidden"
value="">
<input id="Holidays" name="Holidays" type="hidden"
value="">
<input id="WeekDays" name="WeekDays" type="hidden"
value="">
<input data-val="true" data-val-required="The
MaximumAllowedDays field is required." id="MaximumAllowedDays"
name="MaximumAllowedDays" type="hidden" value="0">
<input data-val="true" data-val-required="The SaveState
field is required." id="SaveState" name="SaveState" type="hidden"
value="Appointment">
<input id="CaptchaId" name="CaptchaId" type="hidden"
value="b981056c-e009-4287-9393-42a602b02c1b">
<input id="CaptchaData" name="CaptchaData" type="hidden"
value="">
<input id="AppointmentNo" name="AppointmentNo"
type="hidden" value="">
<input data-val="true" data-val-required="The EmailVerified
field is required." id="EmailVerified" name="EmailVerified" type="hidden"
value="False">
<input data-val="true" data-val-required="The
MobileVerified field is required." id="MobileVerified" name="MobileVerified"
type="hidden" value="False">
<input id="DataSource" name="DataSource" type="hidden"
value="WEB_BLS">
<input id="VisaType" name="VisaType" type="hidden"
value="c805c157-7e8f-4932-89cf-d7ab69e1af96">
<input id="AppointmentFor" name="AppointmentFor"
type="hidden" value="Individual">
<input data-val="true" data-val-required="The
ServerAppointmentDate field is required." id="ServerAppointmentDate"
name="ServerAppointmentDate" type="hidden" value="0001-01-01 00:00:00.000">
</div>
</div>
<!-- Terms START -->
<div class="card border" id="termsDiv" style="display:none;">
<!-- Card header -->
<div class="card-header border-bottom">
<h5 class="card-header-title">Terms Of Service </h5>
</div>
<!-- Card body START -->
<div class="card-body">
<div>
<p>Dear Visa Applicant, </p>
<p>Through this privacy and data protection policy, we
inform you and you expressly consent that the personal data that you provide us in
this visa application, are treated and are incorporated, respecting the relevant
security measures required for this purpose Spanish and European legislation on
data protection, the file Visa Information System (VIS-National) responsibility of
the Undersecretary of the Ministry of Foreign Affairs and Cooperation (MAEC) whose
purpose is to provide support in the management (processing and resolution) of
short-term visa applications of foreign citizens subject to the requirement of this
requirement to enter Spain and / or other Schengen States. </p>
<p>In addition, you consent and authorize the MAEC, use
your personal data for any type of management concerning your visa application,
keep them for the time necessary to carry out the proper management of your Visa.
</p>
<p>You are also informed about the assignments provided in
the current legislation for data relating to short-term visas: to the central
database of the VIS in Strasbourg, to the common computer application provided for
in Additional Provision Five of the Organic Law 4 / 2000, to the National Police
Force, the Civil Guard, and the National Intelligence Center, which will have
access to data related to short-term visas in the case of countries that are
subject to consultation between central authorities in accordance with Community
regulations. applicable and in the case of sensitive countries agreed with the
National Authority of the VIS. It also allows the transmission or making available
to a third country or an international organization, the data treated in the VIS if
deemed necessary and for specific cases, in order to prove the identity of third-
country nationals, also for the purposes of refund, always in the terms stipulated
by Regulation 727/2008 of the European Parliament and the Council of 9 July. </p>
<p>In any case, you need to exercise the rights of access,
rectification or deletion, cancellation, opposition, limitation of treatment and
portability in the terms specified in the legislation on data protection, you can
do so by contacting the consular office for the data You are also informed that
you have the right to file a claim with the supervisory authority </p>
<p>
<strong>Who is responsible for the treatment of your
personal data? </strong><br><br>
The responsible for this treatment is the Consular
Office where it´s demarcation is found and with registered office on the direction
available on the website of said office (onwards, the OFFICE) where BLS
INTERNATIONAL acts as Responsible of Treatment under signed contract between both
parties. < br>
<br>
The Ministry of Foreign Affairs, the European Union and
Cooperation (MAUC), has formally named a Deputy of Personal Data Protection, and is
available to contact through the following mean of communication:<a
href="mailto:dpd@maec.es" class="blue floatNone" target="_blank">dpd@maec.es</a>
</p>
</div>
</div>
</div>
<div class="modal fade" id="commonModal" tabindex="-1" role="dialog"
aria-labelledby="commonModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h6 class="modal-title" id="commonModalLabel"> <span
id="commonModalHeader" style="font-weight:600;" class="text-info"></span></h6>
<button class="btn-close" type="button" data-bs-
dismiss="modal" aria-label="Close">
</button>
</div>
<div class="modal-body scam-body" style="color:black;font-
size:medium">
<span id="commonModalBody">
</span>
</div>
<div class="modal-footer">
<button class="btn btn-success" type="button" data-bs-
dismiss="modal">Ok</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<script>
function LoadAppointmentDates(d,t) {
$.ajax({
type: "POST",
url:url,
dataType: "json",
success: function (data) {
HideLoader();
allowedDates = data.ad;
var styl = $("#DateCss");
appDate.enable(true);
var ddArray = null;
if (data.dd !== null && data.dd !== '' && data.dd !==
undefined) {
ddArray = data.dd.map(str => new
Date(Date.parse(str)));
}
appDate.setOptions({
disableDates: ddArray,
//dates:dateArray
min: data.min,
max: data.max,
//month: {
// content: '<div class="#=
GetAppointmentDateType(data.date,allowedDates) #">#= data.value #</div>'
//}
});
} else {
appDate.enable(false);
ShowCommonModal('No Appointments Available','Currently, no
slots are available for the selected category. Slots are released basis
instructions from Client Government. Kindly try again after few days. Thank you for
your patience')
}
}
});
}
}
$(document).ready(function () {
LoadAppointmentDates('4','4');
});
</script>
</main>
<!-- **************** MAIN CONTENT END **************** -->
<!-- =======================
Footer START -->
<footer class="bg-dark pt-5">
<div class="container">
<!-- Row START -->
<div class="row g-4">
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- =======================
Footer END -->
<!-- Back to top -->
<div class="back-top"></div>
<!-- Bootstrap JS -->
</div>
<div class="modal-body scam-body" style="color:black;font-
size:medium">
<span>
Select "Logout" below if you are ready to end your current
session.
</span>
</div>
<div class="modal-footer">
<button class="btn btn-secondary" type="button" data-bs-
dismiss="modal">Cancel</button>
<button class="btn btn-danger" type="button"
onclick="OnLogoutSubmit();">Logout</button>
</div>
</div>
</div>
</div>
<script src="/assets/vendor/bootstrap/dist/js/bootstrap.bundle.min.js?
v=Bh8LHqeebiyiT0YD5V0-kJ90cboLJ5zbbepAVUEGxqI"></script>
<script>
var iframeOpenUrl = "";
var globalPopups = GetStack();
var globalCallBack = null;
var globalWindowSender = null;
function OnLanguageChange(lng) {
<script src="/assets/vendor/kendo/js/kendo.all.min.js?
v=PO_iEpMMumS6ezVxpHt1IpXsBBwz5RAz-jXCrshdYLM"></script>
<script src="/assets/vendor/moment/moment.js?
v=H9jAz__QLkDOy_nzE9G4aYijQtkLt9FvGmdUTwBk6gs"></script>
<div id="date-legend">
<div>
<i class="fa fa-square text-success"></i><span class="mx-2 font-
small">Appointment Available</span>
<i class="fa fa-square text-danger"></i><span class="mx-2 font-small">No
Slot Available</span>
</div>
<div>
<i class="fa fa-square text-secondary"></i><span class="mx-2 font-
small">Weekend</span>
<i class="fa fa-square text-warning"></i><span class="mx-2 font-
small">Embassy/Public Holiday</span>
</div>
</div>
</div></div></body></html>