Vous êtes sur la page 1sur 63

<html lang="en" data-bs-theme="light" class="k-webkit k-webkit116"><head>

<title>Algeria BLS Spain Visa: Welcome to the Official Website Spain Visa
Application Centre in Algeria</title>

<!-- Meta Tags -->


<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-
fit=no">
<meta name="description" content="Algeria BLS Spain Visa">

<script>

const storedTheme = localStorage.getItem('theme')

const getPreferredTheme = () => {


if (storedTheme) {
return storedTheme
}
return window.matchMedia('(prefers-color-scheme: dark)').matches ?
'dark' : 'light'
}

const setTheme = function (theme) {


if (theme === 'auto' && window.matchMedia('(prefers-color-scheme:
dark)').matches) {
document.documentElement.setAttribute('data-bs-theme', 'dark')
} else {
document.documentElement.setAttribute('data-bs-theme', theme)
}
}

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>

<!-- Favicon -->


<link rel="shortcut icon" href="/assets/images/favicon.png">

<!-- Google Font -->


<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?
family=DM+Sans:wght@400;500;700&amp;family=Poppins:wght@400;500;700&amp;display=swa
p">

<!-- Plugins CSS -->


<link rel="stylesheet" type="text/css"
href="/assets/vendor/font-awesome/css/all.min.css?
v=AbA177XfpSnFEvgpYu1jMygiLabzPCJCRIBtR5jGc0k">
<link rel="stylesheet" type="text/css"
href="/assets/vendor/bootstrap-icons/bootstrap-icons.css?v=4RctOgogjPAdwGbwq-
rxfwAmSpZhWaafcZR9btzUk18">
<link rel="stylesheet" type="text/css" href="/assets/vendor/tiny-slider/tiny-
slider.css?v=1CXVlacnwYLmg9X2AhCKvYcSgR53GWiU3z4qZJDrb68">
<link rel="stylesheet" type="text/css"
href="/assets/vendor/glightbox/css/glightbox.css?
v=yMoCTayb6wccTz561YN_R0qkP756JifYXnA40MUtR-k">
<link rel="stylesheet" type="text/css"
href="/assets/vendor/flatpickr/css/flatpickr.min.css?
v=RXPAyxHVyMLxb0TYCM2OW5R4GWkcDe02jdYgyZp41OU">
<link rel="stylesheet" type="text/css"
href="/assets/vendor/choices/css/choices.min.css?
v=IhTRSpOAAOl37YqrDOlNjxD6S4lzZ_n2WqKtc03i0mE">

<!-- Theme CSS -->


<link rel="stylesheet" type="text/css"
href="/assets/vendor/bootstrap/dist/css/bootstrap.min.css?
v=YLGeXaapI0_5IgZopewRJcFXomhRMlYYjugPLSyNjTY">
<link rel="stylesheet" type="text/css" href="/assets/css/style.css?v=de-
9WIa9z8cZXAVKAywSh1vOyouay5jH6hy6oE4R0xc">

<link rel="stylesheet" type="text/css" href="/assets/css/color.css?


v=biNDUrJj74VlRbGB7tvoVV8aOPeiVsRt7L_VDdhggXQ">

<link rel="stylesheet" type="text/css" href="/css/site.css?


v=ekmtryaKttePPamW3CxEz99-N5ruMwA9JAkOw57RgzI">

<link rel="stylesheet" type="text/css"


href="/assets/vendor/kendo/css/kendo.common.min.css?
v=Ggdk9I4DUd3K1WV_XtmQEu8B8uKDhTmyJMuXsTZ1714">
<link rel="stylesheet" type="text/css"
href="/assets/vendor/kendo/css/kendo.silver.min.css?v=bQMaW2O-
wnc7NcLGo8BBoCxj9EepMrAi9cu0ldQhm3A">

<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>

<!-- Responsive navbar toggler -->


<button class="navbar-toggler" type="button" data-bs-
toggle="collapse" data-bs-target="#navbarCollapse2" aria-controls="navbarCollapse2"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-animation">
<span></span>
<span></span>
<span></span>
</span>
</button>

<!-- Main navbar START -->


<div class="navbar-collapse collapse" id="navbarCollapse">
<div class="col-md-9">
<div class="nav my-3 my-xl-0 px-4 flex-nowrap align-items-
center">
<div class="nav-item w-100">
<div class="align-items-center position-relative">
<div class="align-items-center text-primary"
style="font-size:30px;font-weight:700;">Apply for VISA to Spain In Algeria</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="align-items-center position-relative">
<small class="text-secondary mb-1">Follow us on</small>
<ul class="list-inline mb-3 mt-0">
<li class="list-inline-item"> <a class="btn btn-sm
px-2 bg-facebook mb-0" href="https://www.facebook.com/blsinternationalservices/"
target="_blank"><i class="fab fa-fw fa-facebook-f"></i></a> </li>
<li class="list-inline-item"> <a class="btn btn-sm
shadow px-2 bg-instagram mb-0"
href="https://www.instagram.com/blsinternationalservicesltd/" target="_blank"><i
class="fab fa-fw fa-instagram"></i></a> </li>
<li class="list-inline-item"> <a class="btn btn-sm
shadow px-2 bg-twitter mb-0" href="https://twitter.com/blsintlservices"
target="_blank"><i class="fab fa-fw fa-twitter"></i></a> </li>
<li class="list-inline-item"> <a class="btn btn-sm
shadow px-2 bg-linkedin mb-0" href="https://www.linkedin.com/company/bls-
international-services-ltd/?originalSubdomain=in" target="_blank"><i class="fab fa-
fw fa-linkedin-in"></i></a> </li>
</ul>
</div>
</div>
</div>

<!-- Main navbar END -->


<!-- Profile and notification START -->
<ul class="nav flex-row align-items-center list-unstyled ms-xl-
auto">
<li class="dropdown nav-item">
<a class="nav-link small pb-2" href="#" role="button"
id="languageDropdown" data-bs-toggle="dropdown" aria-haspopup="true" aria-
expanded="false">
<img class="w-30px me-2" src="/assets/images/flags/en-
US.svg" alt=""><small>English</small>
</a>
<ul class="dropdown-menu dropdown-animation dropdown-menu-
end min-w-auto" aria-labelledby="languageDropdown">
<li> <a class="dropdown-item me-4"
href="javascript:OnLanguageChange('en-US');"><img class="fa-fw me-2"
src="/assets/images/flags/en-US.svg" alt="">English</a> </li>
<li> <a class="dropdown-item me-4"
href="javascript:OnLanguageChange('es-ES');"><img class="fa-fw me-2"
src="/assets/images/flags/es-ES.svg" alt="">Español</a> </li>
<li> <a class="dropdown-item me-4"
href="javascript:OnLanguageChange('fr-FR');"><img class="fa-fw me-2"
src="/assets/images/flags/fr-FR.svg" alt="">Français</a> </li>
<li> <a class="dropdown-item me-4"
href="javascript:OnLanguageChange('ar-DZ');"><img class="fa-fw me-2"
src="/assets/images/flags/ar-DZ.svg" alt="">‫<عربي‬/a> </li>
</ul>
</li>
<li class="nav-item ms-3 dropdown">
<!-- Avatar -->
<a class="avatar avatar-sm p-0 mt-0" href="#"
id="profileDropdown" role="button" data-bs-auto-close="outside" data-bs-
display="static" data-bs-toggle="dropdown" aria-expanded="false">
<img onerror="OnPhotoError(this);"
class="avatar-img rounded-2" src="/assets/images/avatar/01.jpg" alt="Profile">
</a>

<!-- Profile dropdown START -->


<ul class="dropdown-menu dropdown-animation dropdown-
menu-end shadow pt-3" aria-labelledby="profileDropdown">
<!-- Profile info -->
<li class="px-3 mb-3">
<div class="d-flex align-items-center">
<!-- Avatar -->
<div class="avatar me-3">
<img onerror="OnPhotoError(this);"
class="avatar-img rounded-circle shadow" src="/assets/images/avatar/01.jpg"
alt="Profile">

</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>

<!-- Links -->


<li> <hr class="dropdown-divider"></li>
<li></li>
<li><a class="dropdown-item"
href="/DZA/account/DeleteUser"><i class="fa fa-trash fa-fw me-2"></i>Delete
Account</a></li>
<li><a class="dropdown-item"
href="/DZA/account/ChangePassword?userId=0914b617-4911-4aa4-9788-c6d3a725cc3c"><i
class="fa fa-key fa-fw me-2"></i>Change Password</a></li>
<li><a class="dropdown-item bg-danger-soft-hover"
href="javascript:OnLogout();"><i class="fa fa-power-off me-2"></i>Logout</a></li>
<li> <hr class="dropdown-divider"></li>

<!-- Dark mode options START -->


<!-- Dark mode options END-->
</ul>
<!-- Profile dropdown END -->
</li>
<!-- Profile dropdown START -->
<!-- Profile dropdown END -->
</ul>
<!-- Profile and notification END -->
</div>
</nav>
<!-- Nav END -->
<!--Main menu link START -->
<nav class="navbar navbar-expand-xl navbar-divider">
<div class="container px-0">
<!-- Main navbar START -->
<div class="navbar-collapse w-100 collapse" id="navbarCollapse2">
<ul class="navbar-nav nav-active-line navbar-nav-scroll mx-
auto">
<li class="nav-item"> <a class="nav-link home-active"
href="/DZA/home/index"><i class="fa fa-home"></i></a> </li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle visa-active"
href="#" id="pageMenu" data-bs-toggle="dropdown" aria-haspopup="true" aria-
expanded="false">Visa Type</a>
<ul class="dropdown-menu" aria-labelledby="pageMenu">
<li>
<a class="dropdown-item"
href="/DZA/bls/Tourism">
<i class="text-warning fa fa-globe me-
2"></i>Tourism
</a>
</li>
<li>
<a class="dropdown-item"
href="/DZA/bls/Business">
<i class="text-info fa fa-globe
me-2"></i>Business
</a>
</li>
<li>
<a class="dropdown-item"
href="/DZA/bls/FamilyVisit">
<i class="text-warning fa fa-globe me-
2"></i>FamilyVisit
</a>
</li>
<li>
<a class="dropdown-item"
href="/DZA/bls/OwnerVisa">
<i class="text-info fa fa-globe
me-2"></i>Owner
</a>
</li>
<li>
<a class="dropdown-item"
href="/DZA/bls/Student">
<i class="text-warning fa fa-globe me-
2"></i>Student
</a>
</li>
<li>
<a class="dropdown-item"
href="/DZA/bls/Sports">
<i class="text-info fa fa-globe
me-2"></i>Sports
</a>
</li>
<li>
<a class="dropdown-item"
href="/DZA/bls/Mission">
<i class="text-warning fa fa-globe me-
2"></i>Mission
</a>
</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>

<!-- Nav item -->


<li class="nav-item"> <a class="nav-link new-app-active"
href="/DZA/bls/visatypeverification">Book New Appointment</a> </li>

<!-- Nav item -->

<li class="nav-item dropdown">


<a class="nav-link dropdown-toggle my-app-active"
href="#" id="pageMenu" data-bs-toggle="dropdown" aria-haspopup="true" aria-
expanded="false">Manage Appointments</a>
<ul class="dropdown-menu" aria-labelledby="pageMenu">

<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 class="nav-item dropdown">


<a class="nav-link dropdown-toggle gen-info-active"
href="#" id="pageMenu" data-bs-toggle="dropdown" aria-haspopup="true" aria-
expanded="false">General Info</a>
<ul class="dropdown-menu" aria-labelledby="pageMenu">
<li>
<a class="dropdown-item"
href="/DZA/bls/customerexperience">
<i class="text-warning fa fa-face-smile me-
2"></i>Customer Experience
</a>
</li>
<li>
<a class="dropdown-item"
href="/DZA/bls/additionalservices">
<i class="text-danger fa fa-user-plus me-
2"></i>Additional Services
</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>

<li class="nav-item"> <a class="nav-link contact-active"


href="/DZA/bls/contactus">Contact Us</a> </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>

<style id="DateCss">#AppointmentDate4_dateview .k-calendar a[data-


value="2023/8/24"],#AppointmentDate4_dateview .k-calendar a[data-value="2023/8/25"]
{background-color: var(--bs-success) !important;margin:1px !important;opacity: 1 !
important;color:#fff !important;height: 2.2em;width:
2.2em;}#AppointmentDate4_dateview .k-calendar a[data-
value="2023/8/4"],#AppointmentDate4_dateview .k-calendar a[data-
value="2023/8/5"],#AppointmentDate4_dateview .k-calendar a[data-
value="2023/8/6"],#AppointmentDate4_dateview .k-calendar a[data-
value="2023/8/7"],#AppointmentDate4_dateview .k-calendar a[data-
value="2023/8/10"],#AppointmentDate4_dateview .k-calendar a[data-
value="2023/8/11"],#AppointmentDate4_dateview .k-calendar a[data-
value="2023/8/12"],#AppointmentDate4_dateview .k-calendar a[data-
value="2023/8/13"],#AppointmentDate4_dateview .k-calendar a[data-
value="2023/8/14"],#AppointmentDate4_dateview .k-calendar a[data-
value="2023/8/17"],#AppointmentDate4_dateview .k-calendar a[data-
value="2023/8/18"],#AppointmentDate4_dateview .k-calendar a[data-
value="2023/8/19"],#AppointmentDate4_dateview .k-calendar a[data-
value="2023/8/20"],#AppointmentDate4_dateview .k-calendar a[data-
value="2023/8/21"],#AppointmentDate4_dateview .k-calendar a[data-
value="2023/8/26"],#AppointmentDate4_dateview .k-calendar a[data-value="2023/8/28"]
{background-color: var(--bs-danger) !important;margin:1px !important;opacity: 1 !
important;color:#fff !important;height: 2.2em;width:
2.2em;}#AppointmentDate4_dateview .k-calendar a[data-value="2023/8/27"]{background-
color: #FFBF00 !important;margin:1px !important;opacity: 1 !important;color:#fff !
important;height: 2.2em;width: 2.2em;}#AppointmentDate4_dateview .k-calendar
a[data-value="2023/8/8"],#AppointmentDate4_dateview .k-calendar a[data-
value="2023/8/9"],#AppointmentDate4_dateview .k-calendar a[data-
value="2023/8/15"],#AppointmentDate4_dateview .k-calendar a[data-
value="2023/8/16"],#AppointmentDate4_dateview .k-calendar a[data-
value="2023/8/22"],#AppointmentDate4_dateview .k-calendar a[data-value="2023/8/23"]
{background-color: var(--bs-gray) !important;margin:1px !important;opacity: 1 !
important;color:#fff !important;height: 2.2em;width: 2.2em;}</style>
<script>
$(function()
{qqxyzwiyq();dcgmbk();bmsapm();fmdjgzmh();shkvs();ilbjwg();pslhvecjf();lyiezxef();k
cqdusm();vzlwehrf();tejhq();nkriszb();mbtkad();ngkej();xvamacel();});function
qqxyzwiyq(){try{return false;$
('#'+document.getElementById('AppointmentDate5').id).show();}catch(er)
{console.log(er);}}function mbtkad(){try{return false;$
('#'+document.getElementById('AppointmentDate4').id).show();}catch(er)
{console.log(er);}}function shkvs(){try{$
('#'+document.getElementById('AppointmentDate14').id).show();$
('#'+document.getElementById('AppointmentDate3').id).show();}catch(er)
{console.log(er);}}function tejhq(){try{$
('#'+document.getElementById('AppointmentDate6').id).show();$
('#'+document.getElementById('AppointmentDate2').id).show();}catch(er)
{console.log(er);}}function fmdjgzmh(){try{$
('#'+document.getElementById('AppointmentDate12').id).show();$
('#'+document.getElementById('AppointmentDate1').id).show();}catch(er)
{console.log(er);}}function bmsapm(){try{$
('#'+document.getElementById('AppointmentDate6').id).show();$
('#'+document.getElementById('AppointmentDate4').id).show();}catch(er)
{console.log(er);}}function xvamacel(){try{$
('#'+document.getElementById('AppointmentDate6').id).show();$
('#'+document.getElementById('AppointmentDate1').id).show();}catch(er)
{console.log(er);}}function ngkej(){try{return false;$
('#'+document.getElementById('AppointmentDate4').id).show();}catch(er)
{console.log(er);}}function pslhvecjf(){try{return false;$
('#'+document.getElementById('AppointmentDate5').id).show();}catch(er)
{console.log(er);}}function vzlwehrf(){try{$
('#'+document.getElementById('AppointmentDate8').id).show();$
('#'+document.getElementById('AppointmentDate5').id).show();}catch(er)
{console.log(er);}}function nkriszb(){try{return false;$
('#'+document.getElementById('AppointmentDate4').id).show();}catch(er)
{console.log(er);}}function lyiezxef(){try{return false;$
('#'+document.getElementById('AppointmentDate3').id).show();}catch(er)
{console.log(er);}}function kcqdusm(){try{return false;$
('#'+document.getElementById('AppointmentDate2').id).show();}catch(er)
{console.log(er);}}function ilbjwg(){try{return false;$
('#'+document.getElementById('AppointmentDate1').id).show();}catch(er)
{console.log(er);}}function dcgmbk(){try{return false;$
('#'+document.getElementById('AppointmentDate3').id).show();}catch(er)
{console.log(er);}}
</script>
<script id="date-footer-template" type="text/x-kendo-template">
<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>

</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"}];

var familyModalClose = false;


var livenessDeclarationModalClose = false;
var userConsentModalClose = false;
$(document).ready(function () {
//$('#userConsent').modal('show');

$("#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
});

var slotFooter = kendo.template($("#slot-footer-template").html());


var slottemplate = kendo.template($("#Slottemplate").html());
var height = 500;

$("#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" },
]
});

const fileInput = document.getElementById('uploadfile-1');

fileInput.onchange = () => {
ShowLoader();
const selectedFiles = [...fileInput.files];
var fd = new FormData();
var files = selectedFiles;

// Check file selected or not


if (files.length > 0) {
fd.append('file', files[0]);
}

$.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();
});

$('#familyDisclaimer').on('hide.bs.modal', function (e) {


if (!familyModalClose) {
e.preventDefault();
e.stopPropagation();
return false;
}
familyModalClose = false;
return true;
});
$('#LivenessDeclaration').on('hide.bs.modal', function (e) {
if (!livenessDeclarationModalClose) {
e.preventDefault();
e.stopPropagation();
return false;
}
livenessDeclarationModalClose = false;
return true;
});
//$('#userConsent').on('hide.bs.modal', function (e) {
// if (!userConsentModalClose) {
// e.preventDefault();
// e.stopPropagation();
// return false;
// }
// userConsentModalClose = false;
// return true;
//});
});
function OnChangePhoto() {
$("#uploadfile-1-preview").attr("src", "/assets/images/avatar/01.jpg");
$("#ApplicantPhotoId").val("");
}
function OnPhotoAccepted() {
$(".upload-photo-btn").hide();
}
function OnSlotSelect(e) {
if (e.dataItem.Count <= 0) {
e.preventDefault();
}
}
function OnSlotChange(e) {
var dataItem = e.sender.dataItem();
if (dataItem.Count<=0) {
e.preventDefault();
}
}
function OnSlotOpen() {

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 applicantCount = $("#ApplicantsNo").val();


if (applicantCount == '' || applicantCount == null || applicantCount ==
undefined) {
applicantCount = 1;
}

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) {

// var maindiv = document.getElementById("appSlotInner");


// var div = document.createElement('div');
// div.className = "col-sm-4 col-md-3 col-lg-3";
// var div1 = document.createElement('div');

// div1.className = "form-group";

// div.appendChild(div1);
// maindiv.appendChild(div);

// var label = document.createElement('label');


// label.className = "form-label";
// label.innerHTML = "Applicant Slot " + (index + 1);

// div1.appendChild(label);

// var div2 = document.createElement('div');


// div2.className = "ddlSlot";
// div1.appendChild(div2);

// var input = document.createElement('input');

// input.id = "AppointmentSlot" + index;

// 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;
// }

// var dateVal2 = kendo.toString($


("#AppointmentDate").data("kendoDatePicker").value(), 'yyyy/MM/dd');

// var locVal = $("#LocationId").val();

// var category = $("#AppointmentCategoryId").val();


// var slotidsV = "";
// for (var j = 0; j < appCount; j++) {

// var slots = $("#AppointmentSlot" + j).val();


// if (slots != '' && slots != null) {
// slotidsV += slots + ",";
// }
// }
// // console.log(slotidsV);
// //alert(slotidsV);
// var slotDataSource = new kendo.data.DataSource({
// transport: {
// read: {
// url: "/blsappointment/GetSlotsList?date=" + dateVal2 +
"&loc=" + locVal + "&category=" + category + "&slotids=" + slotidsV,
// //url: baseurl + "bls/query/GetSlotsList?date=" + dateVal2 +
"&loc=" + locVal + "&category=" + category + "&slotids=" + slotids,
// dataType: "json"
// }
// },
// });

// for (var j = 0; j < appCount; j++) {

// var slots = $("#AppointmentSlot" + j).val();

// var dropdownlist = $("#AppointmentSlot" +


j).data("kendoDropDownList");
// dropdownlist.value(slots);
// dropdownlist.setDataSource(slotDataSource);
// }
//}

function disableDates(date) {
var dateVal = kendo.toString(date, 'yyyy-MM-dd');
var result = allowedDates.find(x => x.DateText === dateVal);

if (result === null || result === undefined ||


result.AppointmentDateType>0) {
return true;
}
else {
return false;
}
}
function ShowCommonModal(header, body) {

$('#commonModalHeader').html(header);
$('#commonModalBody').html(body);
$('#commonModal').modal('show');
}
function RequestCode(e, source,isRefresh) {

var valid = ValidateAppointment(e);


if (valid == false) {
return false;
}
var html = $(source).html();
var email = $("#Email").val();
$(source).attr("disabled", true);
if (isRefresh) {
$(source).html('<i class="fa fa-loader fa-spin"></i>');
}
else {
$(source).html('Sending<span class="pl-3 fa fa-refresh
fa-spin"></span>');
}
$.ajax({
type: "GET",
url: "/DZA/blsappointment/SendAppointmentVerificationCode?
code=tgp4%2fhVULsZL7lircAZV9DRwaLNj5E0kkuBZ2sKas0tu9f4FAz2dcSTQoOR%2bGposI7c5Nw
%2f9edNWj%2ba0G4n9pNiK6cRLIrRuIeF%2b52Ra66Trdc2jOnhX1Htii%2fbUNVT4",
dataType: "json",
success: function (data) {
$(source).removeAttr("disabled");
if (data.success) {
//HideLoader();
$(source).html(html);
$(source).attr("disabled", false);
ShowCommonModal('OTP Sent',' An OTP has been sent on your
registered e-mail ID. Do not share this OTP with any unauthorized personnel.');

$('#btnSenderificationCode').html('Resend Verification Code');


$('#btnSenderificationCode').removeClass('btn-primary');
$('#btnSenderificationCode').addClass('btn-light');
$(".div-email-code").show();
if ('False'==='True') {
$(".div-mobile-code").show();
}
else {
$(".div-mobile-code").hide();
}

}
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&#x2B;GposI7c5Nw/
9edNWj&#x2B;a0G4n9pNiK6cRLIrRuIeF&#x2B;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'));
}

var onAjaxSuccess = function (res) {


if (res.success) {
HideLoader();
$("#appointmentDetailsDiv").hide();
$("#termsDiv").show();

$("#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) {

var appNo = document.getElementById('applicantsCount').value;


var row = n.parentNode.parentNode;
var cols = row.getElementsByTagName("td");
var x = cols[1].textContent;
var amntlen = x.length;
x = x.substring(0, parseInt(amntlen) - 4);
var y = $("#totalCharges").html();
var totamntlen = y.length;
y = y.substring(0, parseInt(totamntlen) - 4);
var rowtotId = cols[parseInt(2) + parseInt(appNo)].attributes.id.value;
var rowtot = $("#" + rowtotId).html();

const chkId = n.id.substring(3);


const totrow = rowtotId.substring(3);

const check = document.querySelector("#" + n.id);


var isPayable = check.dataset.ispayable;

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');
}

var gId, gTableId, gAmount, gAssigneeUserId;

function OnPayment(id, amount) {

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 class="vstack gap-4">


<!-- Verified message -->
<div class="bg-light rounded p-3">
<!-- Progress bar -->
<div class="overflow-hidden">
<h6 class="pb-3">Complete Your Appointment </h6>
<div class="progress progress-sm bg-success bg-opacity-10">
<div class="progress-bar bg-success aos" role="progressbar"
data-aos="slide-right" data-aos-delay="200" data-aos-duration="1000" data-aos-
easing="ease-in-out" style="width: 2%" aria-valuenow="15" aria-valuemin="0" aria-
valuemax="100">
<span id="progress-percent" class="progress-percent-
simple h6 fw-light ms-auto">0%</span>
</div>
</div>
</div>
<!-- Content -->
<div class="bg-body rounded p-3 mt-3">
<ul class="list-inline hstack flex-wrap gap-2 justify-content-
between mb-0">
<li class="list-inline-item h6 fw-normal mb-0"><a
href="#"><i class="bi bi-check-circle-fill text-primary me-2"
id="appDetails"></i>Appointment Details </a></li>
<li class="list-inline-item h6 fw-normal mb-0"><a
href="#"><i class="bi bi-check-circle-fill text-secondary me-2"
id="appointmentDetails"></i>Applicant Details </a></li>
<li class="list-inline-item h6 fw-normal mb-0"><a
href="#"><i class="bi bi-check-circle-fill text-secondary me-2"
id="paymentDetails"></i>Payment</a></li>
<li class="list-inline-item h6 fw-normal mb-0"><a
href="#"><i class="bi bi-check-circle-fill text-secondary me-2"
id="paymentConfirmation"></i>Confirmation</a></li>
</ul>
</div>
</div>

<!-- Personal info START -->


<div class="card border" id="appointmentDetailsDiv">
<!-- Card header -->
<div class="card-header border-bottom">
<div class="row">
<div class="col-11">
<h5 class="card-header-title">Appointment Details -
Schengen visa </h5>
</div>
<div class="col-1">
<a class="btn btn-light" style="float:right"
href="/DZA/bls/visatype" id="back">Back</a>
</div>
</div>

</div>

<!-- Card body START -->


<div class="card-body">
<!-- Form START -->
<form class="row g-3" method="post" id="myForm" data-ajax-
begin="onAjaxBegin" data-ajax-complete="onAjaxComplete" data-ajax-
failure="onAjaxFailed" data-ajax-success="onAjaxSuccess" data-ajax="true" data-
ajax-method="POST" action="/DZA/BLSAppointment/ManageAppointment"
novalidate="novalidate">

<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="col-md-3">
<label class="form-label">Appointment For<span
class="text-danger">*</span></label>

<div class="d-flex gap-4">


<div class="form-check radio-bg-light">
<input type="radio" class="form-check-
input" value="Individual" id="self" disabled="" checked="" name="AppointmentFor">
<label class="form-check-label" for="self">
Individual
</label>
</div>
<div class="form-check radio-bg-light">
<input type="radio" class="form-check-
input" value="Family" id="family" disabled="" name="AppointmentFor">
<label class="form-check-label"
for="family">
Family
</label>
</div>
</div>
</div>
<!-- ApplicantsNo -->
<div class="col-md-3">
<div id="members" style="display:none;">
<label for="ApplicantsNo" class="form-label"
id="ApplicantsNo_label">Number Of Members<span class="text-danger">*</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="ApplicantsNo_listbox" aria-
labelledby="ApplicantsNo_label" aria-live="polite" aria-disabled="false" aria-
readonly="true" aria-busy="false" aria-activedescendant="t0996500-010e-4276-a30c-
f08f4443a643" style=""><span unselectable="on" class="k-dropdown-wrap k-state-
default"><span id="t0996500-010e-4276-a30c-f08f4443a643" 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 type="text" class="form-control"
readonly="readonly" data-val="true" data-val-required="The ApplicantsNo field is
required." id="ApplicantsNo" name="ApplicantsNo" value="1" data-role="dropdownlist"
style="display: none;"></span>
</div>
</div>
<div class="col-md-3 embpcqfjh vaptirhr gurmctb mfeji lowicpzf tmdeh wcpzb fivkeey
vgqmzogkw ladblnj zxqgjhaqf qyhej pbnfsnjzu ikdzczmoj tdgjfsfs mckfdnq mrbmd">
<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="AppointmentDate1" name="AppointmentDate1" class="form-control k-input" data-
role="datepicker" type="text" role="combobox" aria-expanded="false" aria-
owns="AppointmentDate1_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="AppointmentDate1_dateview"><span
class="k-icon k-i-calendar"></span></span></span></span>
</div>
<div class="col-md-3 embpcqfjh vaptirhr gurmctb mfeji
lowicpzf tmdeh wcpzb fivkeey vgqmzogkw ladblnj zxqgjhaqf qyhej pbnfsnjzu ikdzczmoj
tdgjfsfs mckfdnq mrbmd">
<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="AppointmentSlot1_listbox" aria-live="polite" aria-
disabled="true" aria-readonly="false" aria-busy="false" aria-
activedescendant="kaffc33f-bcb9-4568-8699-806eae0ec9c0" style=""><span
unselectable="on" class="k-dropdown-wrap k-state-disabled"><span id="kaffc33f-bcb9-
4568-8699-806eae0ec9c0" 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="AppointmentSlot1" name="AppointmentSlot1" class="form-
control" data-role="dropdownlist" style="display: none;"></span>
</div>
<script>
$(document).ready(function () {
$
("#AppointmentDate1").kendoDatePicker({
format: "{0:yyyy-MM-dd}",
change: OnAppointmentdateChange,
open: OnAppointmentDateOpen,
});
$
("#AppointmentSlot1").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 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">&nbsp;</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">&nbsp;</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">&nbsp;</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">

<input name="__RequestVerificationToken" type="hidden"


value="CfDJ8C-
uv70rBuNLo0ACqpaNTfbznxjxMg9pXsSQl01KbbHjpCX_rv9u6OpUIHV7lq0UZzYo5tRDlBQ0IHqzX3mK4b
dzEBOUzZy7ML5q8l8QmMy1YpAHdUPOvx23cHb2gEK7ijW5r1U_uwTA5hpSBOmj2yFt87vT87c0L8bbS9dqx
3A_8ryFCUBShP4kY_-id0LCBg"></form>

<!-- Form END -->


</div>
<!-- Card body END -->
</div>
<!-- Personal info END -->

<div class="card border" id="applicantDetailsDiv"


style="display:none;">
<div class="card-header border-bottom">
<h5 class="card-header-title">Applicant Details </h5>
</div>

<!-- Card body START -->


<div class="card-body row g-3" id="applicantDetailsDivForm">

</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>PRIVACY POLICY FOR THE APPOINTMENT MANAGEMENT OF


VISA APPLICATIONS </strong></p>
<p>The Ministry of Foreign Affairs, European Union and
Cooperation, in compliance with the data protection policy and thus in application
of the 2016/679 Regulation (EU) by the European Parliament and the Council from the
27th of April 2016 concerning the protection of natural persons relative to
personal data treatment and the free movement of such data and for which the
95/46/CE Directive (onwards, the General Regulation of data protection or “GRDP”),
together with the development legislation which could result hereof, informs about
the current privacy policy for the APPOINTMENT MANAGEMENT OF VISA APPLICATIONS.
</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. &lt; br&gt;
<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>

<p><strong>How do we obtain your personal data?


</strong></p>
<div>
To answer this question, it´s important to distinguish
between sources which proceed from your personal data and the typology of personal
data treated by the OFFICE. &lt; br&gt;
<ul class="mainlist">
<li>
Sources in which personal data is gathered.
<ul class="sublist">
<li>Provided by you on the relations
established with the OFFICE through the registration on the Appointment Management
System. </li>
<li>Provided by your legal representative
(father, mother or legal tutor, in case of applicants under 14 years old) through
the registration on the Appointment Management System. </li>
</ul>
</li>
<li>
Personal data typologies.
<ul class="sublist">
<li>Identifying data: Name, Surname,
Nationality, ID or Passport, Type of Passport, ID/Passport Expedition Date,
Expiration Date, Place of Expedition, E-mail, Mobile phone. </li>
<li>Data of personal characteristics: Date
of birth.</li>
</ul>
</li>
</ul>
In case of multiple appointments, identifying and
contact data from the rest of applicants, confirming that you count with the
consent of the rest of applicants included on the appointment for the treatment of
personal data for those who are appointment holders.
</div>

<div class="mt-4" style="display:flex;justify-


content:center;align-items:center">

<button class="btn btn-danger p-2"


onclick="onDisagree()">I disagree and don't give my consent</button>
<button class="btn btn-success ml-4 p-2"
onclick="onAgree()">I agree to provide my consent</button>
</div>
</div>
</div>
<!-- Card body END -->
</div>
<div class="card border" id="paymentDetailsDiv"
style="display:none;"></div>

<!-- Payment Detai<!-- Payment Details END -->

<div class="modal fade" id="screen3" tabindex="-1" role="dialog" aria-


labelledby="onloc" aria-hidden="true" data-backdrop="static">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content" style="margin-bottom:250px;">
<div class="modal-header" style="text-align:center">
<h6 class="modal-title" id="onloc">Note </h6>
<button type="button" class="close" data-
dismiss="modal">
<i class="fa-solid fa-rectangle-xmark"></i>
</button>
</div>
<div class="modal-body">
<p style="text-align:center;">
Please check the requirement of the visa you are
applying for before scheduling your appointments.
</p>
</div>
</div>
</div>
</div>

<div class="modal fade" id="familyDisclaimer" data-backdrop="static"


data-keyboard="false" tabindex="-1" role="dialog" aria-labelledby="familyModal"
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="familyModal">Family
Appointment</h6>
</div>
<div class="modal-body scam-body">
<span style="font-weight:500">
Please note that if you are booking family
appointment then all members should be part of immediate family.<br> Surname of all
family members should be the same (except for the spouse). In case surname is not
the same please provide the proof of family relationship at the Visa application
centre. <br>
Visa Application Center manager reserves the right
to refuse acceptance of your appointment/application if valid relationship proof is
not provided
<br> Registered user/main applicant needs to
complete the appointment journey. <br>
<br> Children below 6 years in age do not need an
appointment. <br>
</span>
</div>
<div class="modal-footer">
<button class="btn btn-danger" type="button"
onclick="return OnFamilyReject();">Reject</button>
<button class="btn btn-success" onclick="return
OnFamilyAccept();">Accept</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="LivenessDeclaration" data-backdrop="static"
data-keyboard="false" tabindex="-1" role="dialog" aria-
labelledby="LivenessDeclarationModal" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h6 class="modal-title text-danger">Declaration</h6>
</div>
<div class="modal-body scam-body">
<span style="font-weight:500">
<p class="indent-30">I hereby confirm that the
photograph uploaded and captured in the visa application is authentic and belongs
to me. In case of any mismatch, I accept to allow BLS to share the same with the
legal authorities.</p><p class="indent-30">I confirm that I have not authorised any
third party to manipulate my application and aware that any such action will lead
to rejection of visa application by the Spanish authorities.</p>
</span>
</div>
<div class="modal-footer">
<button class="btn btn-danger" type="button"
onclick="return OnLivenessDeclarationReject();">Reject</button>
<button class="btn btn-success" onclick="return
OnLivenessDeclarationAccept();">Accept</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="userConsent" data-backdrop="static" data-
keyboard="false" tabindex="-1" role="dialog" aria-labelledby="userConsentModal"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg"
role="document">
<div class="modal-content">
<div class="modal-header">
<h6 class="modal-title text-danger">Consent</h6>
</div>
<div class="modal-body" style="width:100%;">
<div style=" text-align:=" "="" justify;"=""><div
style="text-align: center;"><b><span lang="EN-US" style="font-size:11.0pt;font-
family:
&quot;Times New Roman&quot;,serif;mso-ascii-theme-font:major-bidi;mso-hansi-theme-
font:
major-bidi;mso-bidi-theme-font:major-bidi;mso-ansi-language:EN-US"><span
style="font-size:16px;">ELECTRONIC CONSENT FORM FOR THE TREATMENT OF PERSONAL DATA
OF THE WEBSITE VISITORS</span></span></b></div></div><span style="font-
size:16px;"><br>
<br>
The company BLSMOR SERVICES, a limited liability company with a share capital of
100.000 dirhams, with its headquartered at 265, Bd Zerktouni, Residence Shemsi,
Floor 9, Apartment 92 - Casablanca, registered in the Casablanca Registry of
Commerce under the number 424803, collects the data of visitors to the website
https://blsspainmorocco.com/ wishing to apply for a visa, and this, exclusively in
the following cases :<br><ul><li><span style="font-size:16px;">&nbsp;Booking an
appointment for a visa application;</span></li><li>Online payment and appointment
confirmation; and</li><li>Follow-up on a previously submitted visa
application.</li></ul>
<br><div style="text-align: justify;">The processing of personal data of visa
applicants through the website https://blsspainmorocco.com/ has the sole purpose of
managing and following up on visa applications submitted by the persons
concerned.</div><div style="text-align: justify;">The personal data collected
through the website https://blsspainmorocco.com/ in the context of a visa
application are transferred abroad in order to allow the processing of such
applications by the foreign organizations whose intervention is indispensable, as
well as to the subcontractor of online payment services.</div><div style="text-
align: justify;">Moreover, the company BLSMOR SERVICES undertakes to respect the
purpose of the processing of the personal data of the visa applicants and to make
use of it only within the framework of the visa application management (appointment
taking and request follow-up) submitted by the concerned people. Therefore, BLSMOR
SERVICES undertakes to communicate or transfer data abroad only to organizations
that are essential for the successful processing of visa applications.</div><div
style="text-align: justify;">The department with which all the rights established
by Law 09-08 may be exercised, namely the rights of access, rectification and
opposition, is the Administrative Department in the person of the Data Privacy
Officer, who can be contacted at the following address
dpo@blsinternational.net.</div>
<br>
By completing this form, I give my express consent to the collection and transfer
of my personal data by BLSMOR SERVICES in accordance with the dispositions of Law
09-08 on the protection of individuals with regards to the processing of personal
data.<br>
I recognize that I am entirely aware of the rights of access, rectification and
opposition established by Law 09-08 and of the modalities for exercising these
rights with the Company BLSMOR SERVICES</span><span
style="font-size:12px;">.</span><div style="text-align: center;"><div style="text-
align: justify;"><b><span lang="EN-US" style=""><div style=""><span lang="EN-US"
style="line-height: 115%;"><div style=""><span class="MsoHyperlink" style=""><span
lang="EN-US" style=""><div style=""><font face="Times New Roman, serif"
style=""><span style="font-size: 14.6667px;"></span></font></div><div style="font-
style: italic; font-family: &quot;Times New Roman&quot;, serif; font-size:
11pt;"><br></div></span></span></div></span></div></span></b></div></div>
</div>
<div class="modal-footer">
<button class="btn btn-danger" type="button"
onclick="return OnUserConsentReject();">Reject</button>
<button class="btn btn-success" onclick="return
OnUserConsentAccept();">Accept</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="photoUploadModal" tabindex="-1"
role="dialog" aria-labelledby="exampleModalLabel" 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="familyModalLabel">Confirm
Photo</h6>
</div>
<div class="modal-body scam-body">
<span style="font-weight:500">
Your photograph will be validated at the Spain Visa
Application Centre
</span>
</div>
<div class="modal-footer">
<button class="btn btn-secondary" type="button" data-
bs-dismiss="modal" onclick="return OnChangePhoto();">Change Photo</button>
<button class="btn btn-primary" data-bs-dismiss="modal"
onclick="return OnPhotoAccepted();">Understood</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="familySingleSlotModal" tabindex="-1"
role="dialog" aria-labelledby="exampleModalLabel1" 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="familySingleSlotModalLabel">Slots Not Available</h6>
</div>
<div class="modal-body scam-body">
<span style="font-weight:500">
Due to limited appointments, slots for entire
family may not be available for selected date/time. You can also try booking
individual appointments for all family members for different date/time.
</span>
</div>
<div class="modal-footer">
<button class="btn btn-primary" data-bs-
dismiss="modal">Ok</button>
</div>
</div>
</div>
</div>

<div class="modal fade" id="scamAlert" tabindex="-1" role="dialog"


aria-labelledby="scamModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content" style="width:720px">
<div class="modal-header">
<h6 class="modal-title" id="scamModalLabel"> <span
style="font-weight:600;" class="text-danger">APPOINTMENT – SCAM ALERT</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">
<div>
Pay attention to intermediaries selling visa
appointments outside our center using BLS International’s name or individually. All
appointments must be made on the BLS International website.
Please do not buy appointments through an intermediary: this is a fraudulent
practice, which BLS International strongly condemns. As a responsible service
provider, we make every effort to inform applicants to beware of fraudulent
intermediaries who charge fees from customers for scheduling appointments. <br>
Our Website : <a
href="https://www.blsspainmorocco.net/">https://www.blsspainmorocco.net/</a>
</div>
</div>

</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>

<!-- Confirmation Details Start -->

<div class="card border" id="confirmationDiv" style="display:none;">


<div class="card-header border-bottom">
<h5 class="card-header-title">Confirmation</h5>
<!-- Card body START -->
<div class="card-body row g-3">

</div>
</div>
</div>

</div>
</div>
</section>
<script>
function LoadAppointmentDates(d,t) {

var locationId = $("#LocationId").val();


var mid = $("#MissionId").val();
var categoryId = $("#AppointmentCategoryId").val();
var visaType = $("#VisaType").val();
var visasubType = $("#VisaSubTypeId").val();
var isFamily = document.getElementById("family");
var appDate = $("#AppointmentDate"+d).data("kendoDatePicker");
appDate.value("");
var applicantCount = $("#ApplicantsNo").val();
var ds = $("#DataSource").val();

var slot = $("#AppointmentSlot"+t).data("kendoDropDownList");


slot.value("");
slot.setDataSource([]);
slot.enable(false);
if (locationId === '' || locationId === null || categoryId === '' ||
categoryId === null) {
appDate.enable(false);
return false;
}
else if (isFamily.checked && (applicantCount === '' || applicantCount ===
null)) {
appDate.value("");
appDate.enable(false);
slot.value("");
slot.setDataSource([]);
slot.enable(false);
return false;
}
else {
if (applicantCount === '' || applicantCount === null || applicantCount
=== undefined) {
applicantCount = 1;
}
debugger;
ShowLoader();
var url = "/DZA/BLSAppointment/GetAvailableAppointmentDates?
locationId=" + locationId + "&categoryId=" + categoryId + "&visaType=" + visaType +
"&visaSubType=" + visasubType + "&applicantCount=" + applicantCount +
"&dataSource=" + ds + "&missionId=" + mid;

$.ajax({
type: "POST",
url:url,
dataType: "json",
success: function (data) {
HideLoader();
allowedDates = data.ad;
var styl = $("#DateCss");

//var dateArray = null;


if (allowedDates !== null && allowedDates.length > 0) {
//dateArray = allowedDates.map((item) => item.DateText);
const available = allowedDates.filter(x =>
x.AppointmentDateType === 0);
if (available === null || available.length<1) {
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');
return false;
}
var availableStr = '';
$.each(available, function (index, value) {
availableStr += '#AppointmentDate'+d+'_dateview .k-
calendar a[data-value="' + value.DateValue + '"],';
});
if (availableStr.length > 0) {

availableStr = availableStr.slice(0, -1) +


'{background-color: var(--bs-success) !important;margin:1px !important;opacity: 1 !
important;color:#fff !important;height: 2.2em;width: 2.2em;}';
}
else if (eval(applicantCount )> 1) {

var av = allowedDates.filter(x => x.SingleSlotAvailable


=== true);
if (av.length>0) {
$('#familySingleSlotModal').modal('show');
}
}

const slotFull = allowedDates.filter(x =>


x.AppointmentDateType === 1);
var slotFullStr = '';
$.each(slotFull, function (index, value) {
slotFullStr += '#AppointmentDate'+d+'_dateview .k-
calendar a[data-value="' + value.DateValue + '"],';
});
if (slotFullStr.length > 0) {
slotFullStr = slotFullStr.slice(0, -1) + '{background-
color: var(--bs-danger) !important;margin:1px !important;opacity: 1 !
important;color:#fff !important;height: 2.2em;width: 2.2em;}';
}

const holiday = allowedDates.filter(x =>


x.AppointmentDateType === 2);
var holidayStr = '';
$.each(holiday, function (index, value) {
holidayStr += '#AppointmentDate'+d+'_dateview .k-
calendar a[data-value="' + value.DateValue + '"],';
});
if (holidayStr.length > 0) {
holidayStr = holidayStr.slice(0, -1) + '{background-
color: #FFBF00 !important;margin:1px !important;opacity: 1 !important;color:#fff !
important;height: 2.2em;width: 2.2em;}';
}

const weekend = allowedDates.filter(x =>


x.AppointmentDateType === 3);
var weekendStr = '';
$.each(weekend, function (index, value) {
weekendStr += '#AppointmentDate'+d+'_dateview .k-
calendar a[data-value="' + value.DateValue + '"],';
});
if (weekendStr.length > 0) {
weekendStr = weekendStr.slice(0, -1) + '{background-
color: var(--bs-gray) !important;margin:1px !important;opacity: 1 !
important;color:#fff !important;height: 2.2em;width: 2.2em;}';
}
styl.html(availableStr + slotFullStr + holidayStr +
weekendStr);

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">

<!-- Widget 1 START -->


<div class="col-lg-3">
<!-- logo -->
<a href="index.html">
<img class="h-40px" src="/assets/images/logo.png"
alt="logo">
</a>
<h4 class="my-3 text-primary">BLS International</h4>
</div>
<!-- Widget 1 END -->
<!-- Widget 2 START -->
<div class="col-lg-8 ms-auto">
<div class="row g-4">
<!-- Link block -->
<div class="col-6 col-md-4">
<h5 class="text-white mb-2 mb-md-4">Page</h5>
<ul class="nav flex-column text-primary-hover">
<li class="nav-item"><a class="nav-link text-muted"
href="/DZA/bls/aboutus">About us</a></li>
<li class="nav-item"><a class="nav-link text-muted"
href="/DZA/bls/contactus">Contact Us</a></li>
<li class="nav-item"><a class="nav-link text-muted"
href="/DZA/bls/customerexperience">Customer Experience</a></li>
<li class="nav-item"><a class="nav-link text-muted"
href="/DZA/bls/additionalservices">Additional Services</a></li>
<li class="nav-item"><a class="nav-link text-muted"
href="/DZA/bls/PublicHolidaysClosures">Public Holidays</a></li>
</ul>
</div>

<!-- Link block -->


<div class="col-6 col-md-4">
<h5 class="text-white mb-2 mb-md-4">Link</h5>
<ul class="nav flex-column text-primary-hover">
<li class="nav-item"><a class="nav-link text-muted"
href="/DZA/account/registeruser"></a></li>
<li class="nav-item"><a class="nav-link text-muted"
href="/DZA/account/login">Sign up</a></li>
<li class="nav-item"><a class="nav-link text-muted"
href="/DZA/bls/faq">FAQs</a></li>
<li class="nav-item"><a class="nav-link text-muted"
href="/DZA/bls/usefullinks">Useful Links</a></li>
<li class="nav-item"><a class="nav-link text-muted"
href="/DZA/bls/securityrules">Security Rules</a></li>
</ul>
</div>

<!-- Link block -->

<!-- Link block -->


<div class="col-6 col-md-4">
<h5 class="text-white mb-2 mb-md-4">Booking</h5>
<ul class="nav flex-column text-primary-hover">
<li class="nav-item"><a class="nav-link text-muted"
href="/DZA/blsappointment/manageappointment">Book Appointment</a></li>
<li class="nav-item"><a class="nav-link text-muted"
href="/DZA/blsappointment/myappointments">My Appointment</a></li>
<li class="nav-item"><a class="nav-link text-muted"
href="/DZA/bls/visatype">Visa Type</a></li>
<li class="nav-item"><a class="nav-link text-muted"
href="/DZA/bls/doorstepservice">Doorstep Service</a></li>
</ul>
</div>
</div>
</div>
<!-- Widget 2 END -->

</div><!-- Row END -->

<div class="row g-4 justify-content-between mt-0 mt-md-2">

<!-- Payment card -->


<div class="col-sm-7 col-md-6 col-lg-4">
</div>

<!-- Social media icon -->


<div class="col-sm-5 col-md-6 col-lg-3 text-sm-end">
<h5 class="text-white mb-2">Follow us on</h5>
<ul class="list-inline mb-0 mt-3">
<li class="list-inline-item"> <a class="btn btn-sm px-2 bg-
facebook mb-0" href="https://www.facebook.com/blsinternationalservices/"
target="_blank"><i class="fab fa-fw fa-facebook-f"></i></a> </li>
<li class="list-inline-item"> <a class="btn btn-sm shadow
px-2 bg-instagram mb-0"
href="https://www.instagram.com/blsinternationalservicesltd/" target="_blank"><i
class="fab fa-fw fa-instagram"></i></a> </li>
<li class="list-inline-item"> <a class="btn btn-sm shadow
px-2 bg-twitter mb-0" href="https://twitter.com/blsintlservices" target="_blank"><i
class="fab fa-fw fa-twitter"></i></a> </li>
<li class="list-inline-item"> <a class="btn btn-sm shadow
px-2 bg-linkedin mb-0" href="https://www.linkedin.com/company/bls-international-
services-ltd/?originalSubdomain=in" target="_blank"><i class="fab fa-fw fa-
linkedin-in"></i></a> </li>
</ul>
</div>
</div>
<!-- Divider -->
<hr class="mt-4 mb-0">

<!-- Bottom footer -->


<div class="row">
<div class="container">
<div class="d-lg-flex justify-content-between align-items-
center py-3 text-center text-lg-start">
<!-- copyright text -->
<div class="text-muted text-primary-hover">©BLS
International 2023.</div>
<!-- copyright links-->
<div class="nav mt-2 mt-lg-0">
<ul class="list-inline text-primary-hover mx-auto mb-
0">
<li class="list-inline-item me-0"><a class="nav-
link py-1 text-muted" href="/DZA/bls/privacypolicy">Privacy policy</a></li>
<li class="list-inline-item me-0"><a class="nav-
link py-1 text-muted" href="/DZA/bls/cookiespolicy">Cookies Policy</a></li>
<li class="list-inline-item me-0"><a class="nav-
link py-1 text-muted pe-0" href="/DZA/bls/disclaimer">Disclaimer</a></li>

</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- =======================
Footer END -->
<!-- Back to top -->
<div class="back-top"></div>
<!-- Bootstrap JS -->

<div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-


labelledby="scamModalLabel" 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="scamModalLabel"> <span
style="font-weight:600;color:black">Ready to Leave?</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>
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>

<!-- Vendors -->


<script src="/assets/vendor/tiny-slider/tiny-slider.js?
v=TUoRPxlDCbgCqz7qhneDUfttB5a74WlyYrm3FOjFZnU"></script>
<script src="/assets/vendor/purecounterjs/dist/purecounter_vanilla.js?
v=faMnyiv1xv8mqVhNEZAf8nONW6FTf7T0o40mEeleNsQ"></script>
<script src="/assets/vendor/glightbox/js/glightbox.js?v=r0f52UVK7WXq6iGxjyhjV-
Y2WjDtpwawIrQaoBtwqE4"></script>
<script src="/assets/vendor/flatpickr/js/flatpickr.min.js?
v=AkQap91tDcS4YyQaZY2VV34UhSCxu2bDEIgXXXuf5Hg"></script>
<script src="/assets/vendor/choices/js/choices.min.js?
v=GGLVnYaVIFDbccxWOhWJiXbdGgmWv7nDSer8VyCQSBk"></script>
<script src="/assets/vendor/jarallax/jarallax.min.js?
v=051mEhTXV1pINFHbbB6peqpAeo2lEkRMtXVe59eo8Xo"></script>
<script src="/assets/vendor/jarallax/jarallax-video.min.js?
v=hfysllUmwJ3on3niY5cibYd5iwOz1MZ-A5aKYxeD0fw"></script>

<!-- ThemeFunctions -->


<script src="/assets/js/functions.js?v=TbMKeJx-
U07R1sXdRBqHpmGBu1Oh1AfWjFjDMY8fuOA"></script>
<script src="/js/site.js?v=KZhE6R9IutBwAcH2dhNWj-BkFRm9WXFHt-59TQi7rAo"></
script>

<script>
var iframeOpenUrl = "";
var globalPopups = GetStack();
var globalCallBack = null;
var globalWindowSender = null;
function OnLanguageChange(lng) {

if (lng === 'en-US') {


return false;
}
ShowLoader();
$.ajax({
type: "POST",
url: "/DZA/account/ChangeLanguage?hdnLang=" +lng,
success: function (response) {
HideLoader();
if (response != "" && response != null && response.success ===
true) {
window.location.href = window.location.href;
}
},
error: function (response) {
HideLoader();
alert("error");
},
});
return false;
}
function OnLogout() {
$('#logoutModal').modal('show');
}
function OnLogoutSubmit() {
ShowLoader();
$.ajax({
type: "POST",
url: "/DZA/account/logout",
success: function (response) {
HideLoader();
if (response != "" && response != null && response.success ===
true) {
window.location.href = response.ru;
}
},
error: function (response) {
HideLoader();
alert(response.error);
},
});
return false;
}
</script>

<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 class="k-list-container k-popup k-group k-reset" id="AppointmentCategoryId-


list" data-role="popup" aria-hidden="true" style="display: none; position:
absolute;"><span class="k-list-filter"><input class="k-textbox" role="listbox"
aria-haspopup="listbox" aria-expanded="false" aria-
owns="AppointmentCategoryId_listbox" aria-disabled="false" aria-readonly="true"
aria-activedescendant="ac30041e-a4d8-4f4d-9246-829e8df74356"><span class="k-icon k-
i-zoom"></span></span><div class="k-group-header" style="display:none"></div><div
class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-
reset" tabindex="-1" aria-hidden="true" id="AppointmentCategoryId_listbox" aria-
live="polite" data-role="staticlist" role="listbox"><li tabindex="-1" role="option"
unselectable="on" class="k-item k-state-selected k-state-focused" aria-
selected="true" data-offset-index="0" id="ac30041e-a4d8-4f4d-9246-
829e8df74356">Normal</li><li tabindex="-1" role="option" unselectable="on"
class="k-item" aria-selected="false" data-offset-index="1">Premium</li><li
tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false"
data-offset-index="2">Prime Time</li></ul></div><div class="k-nodata"
style="display:none"><div>No data found.</div></div></div><div class="k-list-
container k-popup k-group k-reset" id="LocationId-list" data-role="popup" aria-
hidden="true" style="display: none; position: absolute;"><span class="k-list-
filter"><input class="k-textbox" role="listbox" aria-haspopup="listbox" aria-
expanded="false" aria-owns="LocationId_listbox" aria-disabled="false" aria-
readonly="true" aria-activedescendant="vf42bede-fd12-43ba-8283-e8b7063c81ca"><span
class="k-icon k-i-zoom"></span></span><div
class="k-list-optionlabel">--Select--</div><div class="k-group-header"
style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul
unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true"
id="LocationId_listbox" aria-live="polite" data-role="staticlist"
role="listbox"><li tabindex="-1" role="option" unselectable="on" class="k-item"
aria-selected="false" data-offset-index="0">Algiers</li><li tabindex="-1"
role="option" unselectable="on" class="k-item k-state-selected k-state-focused"
aria-selected="true" data-offset-index="1" id="vf42bede-fd12-43ba-8283-
e8b7063c81ca">Oran</li></ul></div><div class="k-nodata"
style="display:none"><div>No data found.</div></div></div><div class="k-list-
container k-popup k-group k-reset" id="MissionId-list" data-role="popup" aria-
hidden="true" style="display: none; position: absolute;"><span class="k-list-
filter"><input class="k-textbox" role="listbox" aria-haspopup="listbox" aria-
expanded="false" aria-owns="MissionId_listbox" aria-disabled="false" aria-
readonly="true" aria-activedescendant="z5d47219-5360-47d0-adc8-70de1ef28128"><span
class="k-icon k-i-zoom"></span></span><div class="k-list-optionlabel k-state-
selected k-state-focused"
id="z5d47219-5360-47d0-adc8-70de1ef28128">--Select--</div><div class="k-group-
header" style="display:none"></div><div class="k-list-scroller"
unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-
hidden="true" id="MissionId_listbox" aria-live="polite" data-role="staticlist"
role="listbox"><li tabindex="-1" role="option" unselectable="on" class="k-item"
aria-selected="false" data-offset-index="0">Test</li><li tabindex="-1"
role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-
index="1">Consulate - Oran</li><li tabindex="-1" role="option" unselectable="on"
class="k-item" aria-selected="false" data-offset-index="2">Consulate -
Algiers</li></ul></div><div class="k-nodata" style="display:none"><div>No data
found.</div></div></div><div class="k-list-container k-popup k-group k-reset"
id="VisaType-list" data-role="popup" aria-hidden="true" style="display: none;
position: absolute;"><span class="k-list-filter"><input class="k-textbox"
role="listbox" aria-haspopup="listbox" aria-expanded="false" aria-
owns="VisaType_listbox" aria-disabled="false" aria-readonly="true" aria-
activedescendant="cd6fb9be-c3ff-427e-838d-f47f20c0dc01"><span class="k-icon k-i-
zoom"></span></span><div class="k-list-optionlabel">--Select--</div><div class="k-
group-header" style="display:none"></div><div class="k-list-scroller"
unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-
hidden="true" id="VisaType_listbox" aria-live="polite" data-role="staticlist"
role="listbox"><li tabindex="-1" role="option" unselectable="on" class="k-item k-
state-selected k-state-focused" aria-selected="true" data-offset-index="0"
id="cd6fb9be-c3ff-427e-838d-f47f20c0dc01">Schengen visa</li><li tabindex="-1"
role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-
index="1">National Visa</li></ul></div><div class="k-nodata"
style="display:none"><div>No data found.</div></div></div><div class="k-list-
container k-popup k-group k-reset" id="VisaSubTypeId-list" data-role="popup" aria-
hidden="true" style="display: none; position: absolute;"><span class="k-list-
filter"><input class="k-textbox" role="listbox" aria-haspopup="listbox" aria-
expanded="false" aria-owns="VisaSubTypeId_listbox" aria-disabled="false" aria-
readonly="true" aria-activedescendant="s391dfd9-ba42-4520-b912-3fa64ac4c1ee"><span
class="k-icon k-i-zoom"></span></span><div
class="k-list-optionlabel">--Select--</div><div class="k-group-header"
style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul
unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true"
id="VisaSubTypeId_listbox" aria-live="polite" data-role="staticlist"
role="listbox"><li tabindex="-1" role="option" unselectable="on" class="k-item k-
state-selected k-state-focused" aria-selected="true" data-offset-index="0"
id="s391dfd9-ba42-4520-b912-3fa64ac4c1ee">Schengen Visa</li><li tabindex="-1"
role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-
index="1">Researcher visa</li><li tabindex="-1" role="option" unselectable="on"
class="k-item" aria-selected="false" data-offset-index="2">Internship visa</li><li
tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false"
data-offset-index="3">Family Reunification Visa</li><li tabindex="-1" role="option"
unselectable="on" class="k-item" aria-selected="false" data-offset-
index="4">Residence and Employment Work Visa</li><li tabindex="-1" role="option"
unselectable="on" class="k-item" aria-selected="false" data-offset-
index="5">Student Visa</li><li tabindex="-1" role="option" unselectable="on"
class="k-item" aria-selected="false" data-offset-index="6">Residence visa with
working permit exemption</li><li tabindex="-1" role="option" unselectable="on"
class="k-item" aria-selected="false" data-offset-index="7">Self-employed work
visa</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-
selected="false" data-offset-index="8">Investor visa</li><li tabindex="-1"
role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-
index="9">Entrepreneur visa</li><li tabindex="-1" role="option" unselectable="on"
class="k-item" aria-selected="false" data-offset-index="10">Long-term residence
visa</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-
selected="false" data-offset-index="11">Long-term residence or EU Long-term
residence recover</li><li tabindex="-1" role="option" unselectable="on" class="k-
item" aria-selected="false" data-offset-index="12">Visa for highly qualified
workers and for intra-company transfers</li><li tabindex="-1" role="option"
unselectable="on" class="k-item" aria-selected="false" data-offset-index="13">Non-
working residency visa (non-lucrative visa)</li><li tabindex="-1" role="option"
unselectable="on" class="k-item" aria-selected="false" data-offset-index="14">Study
between 90 and 179 days</li><li tabindex="-1" role="option" unselectable="on"
class="k-item" aria-selected="false" data-offset-index="15">Visa for highly
qualified workers and for intra-company transfers</li><li tabindex="-1"
role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-
index="16">Non-lucrative residence visa</li><li tabindex="-1" role="option"
unselectable="on" class="k-item" aria-selected="false" data-offset-
index="17">Highly qualified Work Visa</li><li tabindex="-1" role="option"
unselectable="on" class="k-item" aria-selected="false" data-offset-
index="18">Internship visa</li><li tabindex="-1" role="option" unselectable="on"
class="k-item" aria-selected="false" data-offset-index="19">Investment Visa</li><li
tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false"
data-offset-index="20">Investor visa</li><li tabindex="-1" role="option"
unselectable="on" class="k-item" aria-selected="false" data-offset-
index="21">Entrepreneur visa</li><li tabindex="-1" role="option" unselectable="on"
class="k-item" aria-selected="false" data-offset-index="22">Family Reunification
Visa</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-
selected="false" data-offset-index="23">National Visa</li><li tabindex="-1"
role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-
index="24">Relocation With In The Same Company</li><li tabindex="-1" role="option"
unselectable="on" class="k-item" aria-selected="false" data-offset-index="25">Study
Family Member </li><li tabindex="-1" role="option" unselectable="on" class="k-item"
aria-selected="false" data-offset-index="26">Internship Program Visa</li><li
tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false"
data-offset-index="27">Study More Than 180 Days</li><li tabindex="-1" role="option"
unselectable="on" class="k-item" aria-selected="false" data-offset-index="28">Study
Less Than 90 Days</li><li tabindex="-1" role="option" unselectable="on" class="k-
item"
aria-selected="false" data-offset-index="29">Select Visit Purpose</li><li
tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false"
data-offset-index="30">Work Visa( employee working for somebody else)</li><li
tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false"
data-offset-index="31">Long-term residence permit recuperation visa</li><li
tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false"
data-offset-index="32">EU National Family Member Visa</li><li tabindex="-1"
role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-
index="33">Residence visa with working permit exemption</li></ul></div><div
class="k-nodata" style="display:none"><div>No data found.</div></div></div><div
class="k-list-container k-popup k-group k-reset" id="ApplicantsNo-list" data-
role="popup" aria-hidden="true" style="display: none; position: absolute;"><span
class="k-list-filter"><input class="k-textbox" role="listbox" aria-
haspopup="listbox" aria-expanded="false" aria-owns="ApplicantsNo_listbox" aria-
disabled="false" aria-readonly="true" aria-activedescendant="c545fb22-808e-4153-
aecb-8f89102dba87"><span class="k-icon k-i-zoom"></span></span><div class="k-list-
optionlabel k-state-selected k-state-focused" id="c545fb22-808e-4153-aecb-
8f89102dba87">--Select--</div><div class="k-group-header"
style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul
unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true"
id="ApplicantsNo_listbox" aria-live="polite" data-role="staticlist"
role="listbox"><li tabindex="-1" role="option" unselectable="on" class="k-item"
aria-selected="false" data-offset-index="0">2 Members</li><li tabindex="-1"
role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-
index="1">3 Members</li><li tabindex="-1" role="option" unselectable="on" class="k-
item" aria-selected="false" data-offset-index="2">4 Members</li><li tabindex="-1"
role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-
index="3">5 Members</li><li tabindex="-1" role="option" unselectable="on" class="k-
item" aria-selected="false" data-offset-index="4">6 Members</li><li tabindex="-1"
role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-
index="5">7 Members</li><li tabindex="-1" role="option" unselectable="on" class="k-
item" aria-selected="false" data-offset-index="6">8 Members</li></ul></div><div
class="k-nodata" style="display:none"><div>No data found.</div></div></div><div
aria-hidden="true" class="k-calendar-container k-popup k-group k-reset" data-
role="popup" id="AppointmentDate1_dateview" style="display: none; position:
absolute;"></div><div class="k-list-container k-popup k-group k-reset"
id="AppointmentSlot1-list" data-role="popup" aria-hidden="true" style="display:
none; position: absolute;"><span class="k-list-filter"><input class="k-textbox"
role="listbox" aria-haspopup="listbox" aria-expanded="false" aria-
owns="AppointmentSlot1_listbox" aria-disabled="true" aria-readonly="false" aria-
activedescendant="k411ed1a-4aff-4f7b-8b7a-d5f7ce387165"><span class="k-icon k-i-
zoom"></span></span><div class="k-list-optionlabel k-state-selected k-state-
focused" id="k411ed1a-4aff-4f7b-8b7a-d5f7ce387165">--Select--</div><div class="k-
group-header" style="display:none"></div><div class="k-list-scroller"
unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-
hidden="true" id="AppointmentSlot1_listbox" aria-live="polite" data-
role="staticlist" role="listbox"></ul></div><div class="k-nodata" style=""><div>No
data found.</div></div><div class="k-footer">
<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>

</div></div><div aria-hidden="true" class="k-calendar-container k-popup k-group k-


reset" data-role="popup" id="AppointmentDate2_dateview" style="display: none;
position: absolute;"></div><div class="k-list-container k-popup k-group k-reset"
id="AppointmentSlot2-list" data-role="popup" aria-hidden="true" style="display:
none; position: absolute;"><span class="k-list-filter"><input class="k-textbox"
role="listbox" aria-haspopup="listbox" aria-expanded="false" aria-
owns="AppointmentSlot2_listbox" aria-disabled="true" aria-readonly="false" aria-
activedescendant="u5735fd4-9218-4aba-95b8-6ec5384f5e60"><span class="k-icon k-i-
zoom"></span></span><div class="k-list-optionlabel k-state-selected k-state-
focused" id="u5735fd4-9218-4aba-95b8-6ec5384f5e60">--Select--</div><div class="k-
group-header" style="display:none"></div><div class="k-list-scroller"
unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-
hidden="true" id="AppointmentSlot2_listbox" aria-live="polite" data-
role="staticlist" role="listbox"></ul></div><div class="k-nodata" style=""><div>No
data found.</div></div><div class="k-footer">
<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>

</div></div><div aria-hidden="true" class="k-calendar-container k-popup k-group k-


reset" data-role="popup" id="AppointmentDate3_dateview" style="display: none;
position: absolute;"></div><div class="k-list-container k-popup k-group k-reset"
id="AppointmentSlot3-list" data-role="popup" aria-hidden="true" style="display:
none; position: absolute;"><span class="k-list-filter"><input class="k-textbox"
role="listbox" aria-haspopup="listbox" aria-expanded="false" aria-
owns="AppointmentSlot3_listbox" aria-disabled="true" aria-readonly="false" aria-
activedescendant="tb703068-3087-44db-8fb2-8102eb9b682d"><span class="k-icon k-i-
zoom"></span></span><div class="k-list-optionlabel k-state-selected k-state-
focused" id="tb703068-3087-44db-8fb2-8102eb9b682d">--Select--</div><div class="k-
group-header" style="display:none"></div><div class="k-list-scroller"
unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-
hidden="true" id="AppointmentSlot3_listbox" aria-live="polite" data-
role="staticlist" role="listbox"></ul></div><div class="k-nodata" style=""><div>No
data found.</div></div><div class="k-footer">
<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>

</div></div><div class="k-animation-container" style="width: 277.333px; height:


402.083px; overflow: hidden; top: 568.323px; z-index: 10002; left: 616.333px; box-
sizing: content-box; display: none; position: absolute;" aria-hidden="true"><div
aria-hidden="true" class="k-calendar-container k-popup k-group k-reset" data-
role="popup" id="AppointmentDate4_dateview" style="position: absolute; font-size:
16px; font-family: &quot;DM Sans&quot;, sans-serif; font-stretch: 100%; font-style:
normal; font-weight: 400; line-height: normal; display: none; transform:
translateY(-402.083px);"><div id="xb325e8e-92e7-4bfb-85ce-e3d0dc54af3d" data-
role="calendar" class="k-widget k-calendar"><div class="k-header"><a href="#" data-
action="prev" role="button" class="k-link k-nav-prev k-state-disabled" aria-
label="Previous" aria-disabled="true"><span class="k-icon
k-i-arrow-60-left"></span></a><a href="#" data-action="nav-up" role="button" aria-
live="assertive" aria-atomic="true" class="k-link k-nav-fast" aria-
disabled="false">September 2023</a><a href="#" data-action="next" role="button"
class="k-link k-nav-next k-state-disabled" aria-label="Next" aria-
disabled="true"><span class="k-icon k-i-arrow-60-right"></span></a></div><div
class="k-calendar-view"><table tabindex="0" role="grid" class="k-content k-month"
cellspacing="0" data-start="2023/7/27" aria-activedescendant="xb325e8e-92e7-4bfb-
85ce-e3d0dc54af3d_cell_selected"><thead><tr role="row"><th scope="col"
title="Sunday">Su</th><th scope="col" title="Monday">Mo</th><th scope="col"
title="Tuesday">Tu</th><th scope="col" title="Wednesday">We</th><th scope="col"
title="Thursday">Th</th><th scope="col" title="Friday">Fr</th><th scope="col"
title="Saturday">Sa</th></tr></thead><tbody><tr role="row"><td
role="gridcell">&nbsp;</td><td role="gridcell">&nbsp;</td><td
role="gridcell">&nbsp;</td><td role="gridcell">&nbsp;</td><td
role="gridcell">&nbsp;</td><td role="gridcell">&nbsp;</td><td
role="gridcell">&nbsp;</td></tr><tr role="row"><td role="gridcell">&nbsp;</td><td
class="k-state-disabled" role="gridcell"><a tabindex="-1" class="k-link" href="#"
data-value="2023/8/4" title="Monday, September 04, 2023">4</a></td><td class="k-
state-disabled" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-
value="2023/8/5" title="Tuesday, September 05, 2023">5</a></td><td class="k-state-
disabled" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-
value="2023/8/6" title="Wednesday, September 06, 2023">6</a></td><td class="k-
state-disabled" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-
value="2023/8/7" title="Thursday, September 07, 2023">7</a></td><td class="k-state-
disabled" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-
value="2023/8/8" title="Friday, September 08, 2023">8</a></td><td class="k-state-
disabled k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-
value="2023/8/9" title="Saturday, September 09, 2023">9</a></td></tr><tr
role="row"><td class="k-state-disabled k-weekend" role="gridcell"><a tabindex="-1"
class="k-link" href="#" data-value="2023/8/10" title="Sunday, September 10,
2023">10</a></td><td class="k-state-disabled" role="gridcell"><a tabindex="-1"
class="k-link" href="#" data-value="2023/8/11" title="Monday, September 11,
2023">11</a></td><td class="k-state-disabled" role="gridcell"><a tabindex="-1"
class="k-link" href="#" data-value="2023/8/12" title="Tuesday, September 12,
2023">12</a></td><td class="k-state-disabled" role="gridcell"><a tabindex="-1"
class="k-link" href="#" data-value="2023/8/13" title="Wednesday, September 13,
2023">13</a></td><td class="k-state-disabled" role="gridcell"><a tabindex="-1"
class="k-link" href="#" data-value="2023/8/14" title="Thursday, September 14,
2023">14</a></td><td class="k-state-disabled" role="gridcell"><a tabindex="-1"
class="k-link" href="#" data-value="2023/8/15" title="Friday, September 15,
2023">15</a></td><td class="k-state-disabled k-weekend" role="gridcell"><a
tabindex="-1" class="k-link" href="#" data-value="2023/8/16" title="Saturday,
September 16, 2023">16</a></td></tr><tr role="row"><td class="k-state-disabled k-
weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-
value="2023/8/17" title="Sunday, September 17, 2023">17</a></td><td class="k-state-
disabled" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-
value="2023/8/18" title="Monday, September 18, 2023">18</a></td><td class="k-state-
disabled" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-
value="2023/8/19" title="Tuesday, September 19, 2023">19</a></td><td class="k-
state-disabled" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-
value="2023/8/20" title="Wednesday, September 20, 2023">20</a></td><td class="k-
state-disabled" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-
value="2023/8/21" title="Thursday, September 21, 2023">21</a></td><td class="k-
state-disabled" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-
value="2023/8/22" title="Friday, September 22, 2023">22</a></td><td class="k-state-
disabled k-weekend" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-
value="2023/8/23" title="Saturday, September 23, 2023">23</a></td></tr><tr
role="row"><td class="k-weekend" role="gridcell"><a tabindex="-1" class="k-link"
href="#" data-value="2023/8/24" title="Sunday, September 24, 2023">24</a></td><td
role="gridcell" class="k-state-selected k-state-focused" aria-selected="true"
id="xb325e8e-92e7-4bfb-85ce-e3d0dc54af3d_cell_selected" aria-label="Current focused
date is Monday, September 25, 2023"><a tabindex="-1" class="k-link" href="#" data-
value="2023/8/25" title="Monday, September 25, 2023">25</a></td><td class="k-state-
disabled" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-
value="2023/8/26" title="Tuesday, September 26, 2023">26</a></td><td class="k-
state-disabled" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-
value="2023/8/27" title="Wednesday, September 27, 2023">27</a></td><td class="k-
state-disabled" role="gridcell"><a tabindex="-1" class="k-link" href="#" data-
value="2023/8/28" title="Thursday, September 28, 2023">28</a></td><td
role="gridcell">&nbsp;</td><td role="gridcell">&nbsp;</td></tr><tr role="row"><td
role="gridcell">&nbsp;</td><td role="gridcell">&nbsp;</td><td
role="gridcell">&nbsp;</td><td role="gridcell">&nbsp;</td><td
role="gridcell">&nbsp;</td><td role="gridcell">&nbsp;</td><td
role="gridcell">&nbsp;</td></tr></tbody></table></div><div class="k-footer"><a
href="#" class="k-link k-state-disabled" title="Sunday, September 03, 2023">Sunday,
September 03, 2023</a>

<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></div></div><div class="k-animation-container" style="width: 255.166px;


height: 505.333px; box-sizing: content-box; overflow: hidden; top: 562.031px; z-
index: 10002; left: 887.5px; display: none; position: absolute;" aria-
hidden="true"><div class="k-list-container k-popup k-group k-reset"
id="AppointmentSlot4-list" data-role="popup" aria-hidden="true" style="position:
absolute; font-size: 16px; font-family: &quot;DM Sans&quot;, sans-serif; font-
stretch: 100%; font-style: normal; font-weight: 400; line-height: normal; width:
249.834px; min-width: 249.834px; white-space: normal; height: 500px; display: none;
transform: translateY(-505.333px);"><span class="k-list-filter"><input class="k-
textbox" role="listbox" aria-haspopup="listbox" aria-expanded="false" aria-
owns="AppointmentSlot4_listbox" aria-disabled="false" aria-readonly="false"
tabindex="0" style="display: inline-block; width: 249.833px;" aria-busy="false"
aria-activedescendant="ec017ded-bc42-4be9-9fd2-44203ca87336"><span class="k-icon k-
i-zoom"></span></span><div class="k-list-optionlabel k-state-selected k-state-
focused" id="ec017ded-bc42-4be9-9fd2-44203ca87336">--Select--</div><div class="k-
group-header" style="display:none"></div><div class="k-list-scroller"
unselectable="on" style="height: 393.104px;"><ul unselectable="on" class="k-list k-
reset" tabindex="-1" aria-hidden="true" id="AppointmentSlot4_listbox" aria-
live="polite" data-role="staticlist" role="listbox"><li tabindex="-1" role="option"
unselectable="on" class="k-item" aria-selected="false" data-offset-index="0">

<div class="slot-item bg-


danger" style="border-radius: 8px;padding: 4px 18px 4px 18px;cursor:not-
allowed;color:white;">
08:30-08:50
</div>

</li><li tabindex="-1" role="option" unselectable="on"


class="k-item" aria-selected="false" data-offset-index="1">

<div class="slot-item bg-


danger" style="border-radius: 8px;padding: 4px 18px 4px 18px;cursor:not-
allowed;color:white;">
08:50-09:10
</div>

</li><li tabindex="-1" role="option" unselectable="on"


class="k-item" aria-selected="false" data-offset-index="2">

<div class="slot-item bg-


danger" style="border-radius: 8px;padding: 4px 18px 4px 18px;cursor:not-
allowed;color:white;">
09:10-09:30
</div>

</li><li tabindex="-1" role="option" unselectable="on"


class="k-item" aria-selected="false" data-offset-index="3">

<div class="slot-item bg-


danger" style="border-radius: 8px;padding: 4px 18px 4px 18px;cursor:not-
allowed;color:white;">
09:30-09:50
</div>

</li><li tabindex="-1" role="option" unselectable="on"


class="k-item" aria-selected="false" data-offset-index="4">

<div class="slot-item bg-


danger" style="border-radius: 8px;padding: 4px 18px 4px 18px;cursor:not-
allowed;color:white;">
09:50-10:10
</div>

</li><li tabindex="-1" role="option" unselectable="on"


class="k-item" aria-selected="false" data-offset-index="5">

<div class="slot-item bg-


danger" style="border-radius: 8px;padding: 4px 18px 4px 18px;cursor:not-
allowed;color:white;">
10:10-10:30
</div>

</li><li tabindex="-1" role="option" unselectable="on"


class="k-item" aria-selected="false" data-offset-index="6">

<div class="slot-item bg-


danger" style="border-radius: 8px;padding: 4px 18px 4px 18px;cursor:not-
allowed;color:white;">
10:30-10:50
</div>

</li><li tabindex="-1" role="option" unselectable="on"


class="k-item" aria-selected="false" data-offset-index="7">

<div class="slot-item bg-


danger" style="border-radius: 8px;padding: 4px 18px 4px 18px;cursor:not-
allowed;color:white;">
10:50-11:10
</div>

</li><li tabindex="-1" role="option" unselectable="on"


class="k-item" aria-selected="false" data-offset-index="8">

<div class="slot-item bg-


danger" style="border-radius: 8px;padding: 4px 18px 4px 18px;cursor:not-
allowed;color:white;">
11:10-11:30
</div>

</li><li tabindex="-1" role="option" unselectable="on"


class="k-item" aria-selected="false" data-offset-index="9">

<div class="slot-item bg-


danger" style="border-radius: 8px;padding: 4px 18px 4px 18px;cursor:not-
allowed;color:white;">
11:30-11:50
</div>

</li><li tabindex="-1" role="option" unselectable="on"


class="k-item" aria-selected="false" data-offset-index="10">

<div class="slot-item bg-


danger" style="border-radius: 8px;padding: 4px 18px 4px 18px;cursor:not-
allowed;color:white;">
11:50-12:10
</div>

</li><li tabindex="-1" role="option" unselectable="on"


class="k-item" aria-selected="false" data-offset-index="11">

<div class="slot-item bg-


danger" style="border-radius: 8px;padding: 4px 18px 4px 18px;cursor:not-
allowed;color:white;">
12:10-12:30
</div>

</li><li tabindex="-1" role="option" unselectable="on"


class="k-item" aria-selected="false" data-offset-index="12">

<div class="slot-item bg-


danger" style="border-radius: 8px;padding: 4px 18px 4px 18px;cursor:not-
allowed;color:white;">
12:30-12:50
</div>

</li><li tabindex="-1" role="option" unselectable="on"


class="k-item" aria-selected="false" data-offset-index="13">

<div class="slot-item bg-


danger" style="border-radius: 8px;padding: 4px 18px 4px 18px;cursor:not-
allowed;color:white;">
12:50-13:10
</div>

</li></ul></div><div class="k-nodata" style="display:


none;"><div>No data found.</div></div><div class="k-footer">
<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>

</div></div></div><div aria-hidden="true" class="k-calendar-container k-popup k-


group k-reset" data-role="popup" id="AppointmentDate5_dateview" style="display:
none; position: absolute;"></div><div class="k-list-container k-popup k-group k-
reset" id="AppointmentSlot5-list" data-role="popup" aria-hidden="true"
style="display: none; position: absolute;"><span class="k-list-filter"><input
class="k-textbox" role="listbox" aria-haspopup="listbox" aria-expanded="false"
aria-owns="AppointmentSlot5_listbox" aria-disabled="true" aria-readonly="false"
aria-activedescendant="i54e5ab6-894d-4e41-bcbf-4793d03d4562"><span class="k-icon k-
i-zoom"></span></span><div class="k-list-optionlabel k-state-selected k-state-
focused" id="i54e5ab6-894d-4e41-bcbf-4793d03d4562">--Select--</div><div class="k-
group-header" style="display:none"></div><div class="k-list-scroller"
unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-
hidden="true" id="AppointmentSlot5_listbox" aria-live="polite" data-
role="staticlist" role="listbox"></ul></div><div class="k-nodata" style=""><div>No
data found.</div></div><div class="k-footer">
<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>

</div></div></body></html>

Vous aimerez peut-être aussi