<div class="bg-mode shadow rounded-3 overflow-hidden p-3 col-md-4">

<div class="text-center col-12">

<a href="index.html">
<img class="h-50px mb-2" src="/assets/images/logo.png"
alt="logo">
</a>
</div>
<h5 class="pt-3 text-center" style="width:100%;">Book New
Appointment</h5>
<form class="pt-5 text-start" method="post" data-ajax-
begin="onAjaxBegin" data-ajax-success="onAjaxSuccess" data-ajax="true" data-ajax-
method="POST" action="/DZA/bls/SubmitVisaType">
<div class="validation-summary text-danger mb-3 validation-
summary-valid" data-valmsg-summary="true"><ul><li style="display:none"></li>
</ul></div>
<div class="mb-3 kepnuzw clfbwdhxp cvpjh cprbg ktlcn futvy sjtjo rznedksj krvhwfi
ekpacq kfdpnpcpv ebhoxal hxwjtztns mtoluxqm mijkolr zerhbu cwxaogly sansmy">
<label class="form-label"
for="AppointmentCategoryId2" id="AppointmentCategoryId2_label">Appointment
Category<span class="required">*</span></label>
<span title="" class="k-widget k-dropdown"
unselectable="on" role="listbox" aria-haspopup="listbox" aria-expanded="false"
tabindex="0" aria-owns="AppointmentCategoryId2_listbox" aria-
labelledby="AppointmentCategoryId2_label" aria-live="polite" aria-disabled="false"
aria-readonly="false" aria-busy="false" aria-activedescendant="a1eda86d-8fa4-44f1-
aabf-8becebdd98db" style="width: 100%;"><span unselectable="on" class="k-dropdown-
wrap k-state-default"><span id="a1eda86d-8fa4-44f1-aabf-8becebdd98db"
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="AppointmentCategoryId2" name="AppointmentCategoryId2" style="width: 100%;
display: none;" data-role="dropdownlist"></span>
<script>
$(document).ready(function () {
$
("#AppointmentCategoryId2").kendoDropDownList({
optionLabel: "--Select--",
dataTextField: "Name",
dataValueField: "Id",
filter: "contains",
dataSource: AppointmentCategoryIdData,
open: onDrpOpen,
close: onDrpClose,
select: onDrpSelect
});
});
</script>
</div><div class="mb-3 ktlcn sjtjo uqwzwx futvy mijkolr
cprbg cvpjh ebhoxal rznedksj kepnuzw ekpacq kfdpnpcpv clfbwdhxp cwxaogly sansmy
mtoluxqm krvhwfi zerhbu">
<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" name="AppointmentFor1"
class="form-check-input" value="Individual" id="self1" checked=""
onclick="OnAppointmentTypeChange(event,1);">
<label class="form-check-label" for="self"
style="margin-left: 22px;">
 Individual
</label>
</div>
<div class="form-check radio-bg-light">
<input type="radio" name="AppointmentFor1"
class="form-check-input" value="Family" id="family1"
onclick="OnAppointmentTypeChange(event,1);">
<label class="form-check-label" for="family"
style="margin-left: 22px;">
Family
</label>
</div>
</div>
</div>
<div class="mb-3 ktlcn sjtjo uqwzwx futvy mijkolr cprbg
cvpjh ebhoxal rznedksj kepnuzw ekpacq kfdpnpcpv clfbwdhxp cwxaogly sansmy mtoluxqm
krvhwfi zerhbu">
<div id="members1" style="display:none;">
<label class="form-label" for="ApplicantsNo1"
id="ApplicantsNo1_label">Number Of Members<span class="required">*</span></label>
<span title="" class="k-widget k-dropdown"
unselectable="on" role="listbox" aria-haspopup="listbox" aria-expanded="false"
tabindex="0" aria-owns="ApplicantsNo1_listbox" aria-
labelledby="ApplicantsNo1_label" aria-live="polite" aria-disabled="false" aria-
readonly="false" aria-busy="false" aria-activedescendant="k6514f2d-281e-4708-880b-
c7f2435234b4" style="width: 100%;"><span unselectable="on" class="k-dropdown-wrap
k-state-default"><span id="k6514f2d-281e-4708-880b-c7f2435234b4" 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="ApplicantsNo1" name="ApplicantsNo1"
style="width: 100%; display: none;" data-role="dropdownlist"></span>
<script>
$(document).ready(function () {
$("#ApplicantsNo1").kendoDropDownList({
optionLabel: "--Select--",
dataTextField: "Name",
dataValueField: "Value",
filter: "contains",
dataSource: applicantsNoData,
open: onDrpOpen,
close: onDrpClose,
select: onDrpSelect
});
});
</script>
</div>
</div><div class="mb-3 sansmy ahxwhyxh dqrwhu fexkqcj jpvzz
rznedksj ktlcn mtoluxqm ualfhdxm mijkolr ftelqcgrx cwxaogly kldvxh clfbwdhxp
kepnuzw ucpazy cprbg bexnytnj ebhoxal zqmwctism pfses uzntkx sjtjo hfnpxe edzaenx
hgdtmx krvhwfi dmjbnwtgn cvpjh vhnqfgn zerhbu kfdpnpcpv uqoiw ekpacq usheryu xmqclp
futvy">
<label class="form-label"
for="AppointmentCategoryId1" id="AppointmentCategoryId1_label">Appointment
Category<span class="required">*</span></label>
<span title="" class="k-widget k-dropdown"
unselectable="on" role="listbox" aria-haspopup="listbox" aria-expanded="false"
tabindex="0" aria-owns="AppointmentCategoryId1_listbox" aria-
labelledby="AppointmentCategoryId1_label" aria-live="polite" aria-disabled="false"
aria-readonly="false" aria-busy="false" aria-activedescendant="zb1d5ebc-a104-4833-
8234-18c7c878a6db" style="width: 100%;"><span unselectable="on" class="k-dropdown-
wrap k-state-default"><span id="zb1d5ebc-a104-4833-8234-18c7c878a6db"
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="AppointmentCategoryId1" name="AppointmentCategoryId1" style="width: 100%;
display: none;" data-role="dropdownlist"></span>
<script>
$(document).ready(function () {
$
("#AppointmentCategoryId1").kendoDropDownList({
optionLabel: "--Select--",
dataTextField: "Name",
dataValueField: "Id",
filter: "contains",
dataSource: AppointmentCategoryIdData,
open: onDrpOpen,
close: onDrpClose,
select: onDrpSelect
});
});
</script>
</div><div class="mb-3 anyub edzaenx mijkolr hgdtmx
jpvzz rznedksj uqoiw ktlcn futvy mtoluxqm clfbwdhxp cvpjh ualfhdxm nausmpg
zqmwctism hfnpxe bexnytnj ucpazy kldvxh mrwjl cprbg usheryu mftlgttfc xmqclp
ftelqcgrx kepnuzw vhnqfgn zerhbu dqrwhu krvhwfi iikgjgo edynliq dmjbnwtgn uzntkx
ebhoxal cwxaogly pfses sjtjo kfdpnpcpv ahxwhyxh sansmy ekpacq isuahmpg">
<label class="form-label"
for="AppointmentCategoryId5" id="AppointmentCategoryId5_label">Appointment
Category<span class="required">*</span></label>
<span title="" class="k-widget k-dropdown"
unselectable="on" role="listbox" aria-haspopup="listbox" aria-expanded="false"
tabindex="0" aria-owns="AppointmentCategoryId5_listbox" aria-
labelledby="AppointmentCategoryId5_label" aria-live="polite" aria-disabled="false"
aria-readonly="false" aria-busy="false" aria-activedescendant="r9c1e3d2-caa7-4a92-
9c85-e0853f491c2c" style="width: 100%;"><span unselectable="on" class="k-dropdown-
wrap k-state-default"><span id="r9c1e3d2-caa7-4a92-9c85-e0853f491c2c"
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="AppointmentCategoryId5" name="AppointmentCategoryId5" style="width: 100%;
display: none;" data-role="dropdownlist"></span>
<script>
$(document).ready(function () {
$
("#AppointmentCategoryId5").kendoDropDownList({
optionLabel: "--Select--",
dataTextField: "Name",
dataValueField: "Id",
filter: "contains",
dataSource: AppointmentCategoryIdData,
open: onDrpOpen,
close: onDrpClose,
select: onDrpSelect
});
});
</script>
</div><div class="mb-3 dmjbnwtgn ebhoxal cprbg edzaenx
mijkolr clfbwdhxp rznedksj ekpacq vhnqfgn ftelqcgrx ualfhdxm pfses ucpazy ktlcn
zerhbu lowybbix uzntkx kldvxh hfnpxe uqoiw zqmwctism cvpjh usheryu mtoluxqm dqrwhu
sjtjo krvhwfi kepnuzw futvy jpvzz kfdpnpcpv bexnytnj ahxwhyxh cwxaogly sansmy
xmqclp hgdtmx">
<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" name="AppointmentFor2"
class="form-check-input" value="Individual" id="self2" checked=""
onclick="OnAppointmentTypeChange(event,2);">
<label class="form-check-label" for="self"
style="margin-left: 22px;">
Individual
</label>
</div>
<div class="form-check radio-bg-light">
<input type="radio" name="AppointmentFor2"
class="form-check-input" value="Family" id="family2"
onclick="OnAppointmentTypeChange(event,2);">
<label class="form-check-label" for="family"
style="margin-left: 22px;">
Family
</label>
</div>
</div>
</div>
<div class="mb-3 dmjbnwtgn ebhoxal cprbg edzaenx mijkolr
clfbwdhxp rznedksj ekpacq vhnqfgn ftelqcgrx ualfhdxm pfses ucpazy ktlcn zerhbu
lowybbix uzntkx kldvxh hfnpxe uqoiw zqmwctism cvpjh usheryu mtoluxqm dqrwhu sjtjo
krvhwfi kepnuzw futvy jpvzz kfdpnpcpv bexnytnj ahxwhyxh cwxaogly sansmy xmqclp
hgdtmx">
<div id="members2" style="display:none;">
<label class="form-label" for="ApplicantsNo2"
id="ApplicantsNo2_label">Number Of Members<span class="required">*</span></label>
<span title="" class="k-widget k-dropdown"
unselectable="on" role="listbox" aria-haspopup="listbox" aria-expanded="false"
tabindex="0" aria-owns="ApplicantsNo2_listbox" aria-
labelledby="ApplicantsNo2_label" aria-live="polite" aria-disabled="false" aria-
readonly="false" aria-busy="false" aria-activedescendant="k288e1f7-54da-487c-9487-
a0bc987bfeb3" style="width: 100%;"><span unselectable="on" class="k-dropdown-wrap
k-state-default"><span id="k288e1f7-54da-487c-9487-a0bc987bfeb3" 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="ApplicantsNo2" name="ApplicantsNo2"
style="width: 100%; display: none;" data-role="dropdownlist"></span>
<script>
$(document).ready(function () {
$("#ApplicantsNo2").kendoDropDownList({
optionLabel: "--Select--",
dataTextField: "Name",
dataValueField: "Value",
filter: "contains",
dataSource: applicantsNoData,
open: onDrpOpen,
close: onDrpClose,
select: onDrpSelect
});
});
</script>
 </div>
</div><div class="mb-3 clfbwdhxp ekpacq mtoluxqm sansmy
krvhwfi rznedksj rqzck zerhbu mijkolr kepnuzw futvy cvpjh cprbg sjtjo cwxaogly
kfdpnpcpv ktlcn ebhoxal">
<label class="form-label"
for="AppointmentCategoryId3" id="AppointmentCategoryId3_label">Appointment
Category<span class="required">*</span></label>
<span title="" class="k-widget k-dropdown"
unselectable="on" role="listbox" aria-haspopup="listbox" aria-expanded="false"
tabindex="0" aria-owns="AppointmentCategoryId3_listbox" aria-
labelledby="AppointmentCategoryId3_label" aria-live="polite" aria-disabled="false"
aria-readonly="false" aria-busy="false" style="width: 100%;" aria-
activedescendant="b195a0d7-bc72-4161-9f2d-516da95331af"><span unselectable="on"
class="k-dropdown-wrap k-state-default"><span id="b195a0d7-bc72-4161-9f2d-
516da95331af" 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="AppointmentCategoryId3" name="AppointmentCategoryId3" style="width: 100%;
display: none;" data-role="dropdownlist"></span>
<script>
$(document).ready(function () {
$
("#AppointmentCategoryId3").kendoDropDownList({
optionLabel: "--Select--",
dataTextField: "Name",
dataValueField: "Id",
filter: "contains",
dataSource: AppointmentCategoryIdData,
open: onDrpOpen,
close: onDrpClose,
select: onDrpSelect
});
});
</script>
</div><div class="mb-3 sansmy ekpacq mijkolr krvhwfi
clfbwdhxp ktlcn mtoluxqm cprbg kepnuzw cvpjh cwxaogly zerhbu rqzck futvy ebhoxal">
<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" name="AppointmentFor3"
class="form-check-input" value="Individual" id="self3" checked=""
onclick="OnAppointmentTypeChange(event,3);">
<label class="form-check-label" for="self"
style="margin-left: 22px;">
Individual
</label>
</div>
<div class="form-check radio-bg-light">
<input type="radio" name="AppointmentFor3"
class="form-check-input" value="Family" id="family3"
onclick="OnAppointmentTypeChange(event,3);">
<label class="form-check-label" for="family"
style="margin-left: 22px;">
Family
</label>
</div>
</div>
</div>
 <div class="mb-3 sansmy ekpacq mijkolr krvhwfi clfbwdhxp
ktlcn mtoluxqm cprbg kepnuzw cvpjh cwxaogly zerhbu rqzck futvy ebhoxal">
<div id="members3" style="display:none;">
<label class="form-label" for="ApplicantsNo3"
id="ApplicantsNo3_label">Number Of Members<span class="required">*</span></label>
<span title="" class="k-widget k-dropdown"
unselectable="on" role="listbox" aria-haspopup="listbox" aria-expanded="false"
tabindex="0" aria-owns="ApplicantsNo3_listbox" aria-
labelledby="ApplicantsNo3_label" aria-live="polite" aria-disabled="false" aria-
readonly="false" aria-busy="false" aria-activedescendant="ab527b28-9c9b-4dd3-8e08-
c0f649c59b9d" style="width: 100%;"><span unselectable="on" class="k-dropdown-wrap
k-state-default"><span id="ab527b28-9c9b-4dd3-8e08-c0f649c59b9d" 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="ApplicantsNo3" name="ApplicantsNo3"
style="width: 100%; display: none;" data-role="dropdownlist"></span>
<script>
$(document).ready(function () {
$("#ApplicantsNo3").kendoDropDownList({
optionLabel: "--Select--",
dataTextField: "Name",
dataValueField: "Value",
filter: "contains",
dataSource: applicantsNoData,
open: onDrpOpen,
close: onDrpClose,
select: onDrpSelect
});
});
</script>
</div>
</div><div class="mb-3 ekpacq ktlcn zerhbu sansmy kepnuzw
mijkolr ebhoxal sslnsqe futvy cvpjh cwxaogly mtoluxqm clfbwdhxp cprbg krvhwfi">
<label class="form-label" for="Location3"
id="Location3_label">Location<span class="required">*</span></label>
<span title="" class="k-widget k-dropdown"
unselectable="on" role="listbox" aria-haspopup="listbox" aria-expanded="false"
tabindex="0" aria-owns="Location3_listbox" aria-labelledby="Location3_label" aria-
live="polite" aria-disabled="false" aria-readonly="false" aria-busy="false" aria-
activedescendant="pdb4af4c-286f-4dd0-9264-087692df882c" style="width: 100%;"><span
unselectable="on" class="k-dropdown-wrap k-state-default"><span id="pdb4af4c-286f-
4dd0-9264-087692df882c" 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="Location3" name="Location3" style="width: 100%; display: none;" data-
role="dropdownlist"></span>
<script>
$(document).ready(function () {
$("#Location3").kendoDropDownList({
optionLabel: "--Select--",
dataTextField: "Name",
dataValueField: "Id",
filter: "contains",
dataSource: locationData,
open: onDrpOpen,
close: onDrpClose,
select: onDrpSelect
});
});
 </script>
</div><div class="mb-3 mijqh kepnuzw mijkolr futvy
cvpjh ebhoxal clfbwdhxp krvhwfi ekpacq zerhbu sansmy cprbg cwxaogly mtoluxqm">
<label class="form-label" for="Location2"
id="Location2_label">Location<span class="required">*</span></label>
<span title="" class="k-widget k-dropdown"
unselectable="on" role="listbox" aria-haspopup="listbox" aria-expanded="false"
tabindex="0" aria-owns="Location2_listbox" aria-labelledby="Location2_label" aria-
live="polite" aria-disabled="false" aria-readonly="false" aria-busy="false" aria-
activedescendant="a62d03a8-4c1a-4c0d-a665-95804cc6f31d" style="width: 100%;"><span
unselectable="on" class="k-dropdown-wrap k-state-default"><span id="a62d03a8-4c1a-
4c0d-a665-95804cc6f31d" 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="Location2" name="Location2" style="width: 100%; display: none;" data-
role="dropdownlist"></span>
<script>
$(document).ready(function () {
$("#Location2").kendoDropDownList({
optionLabel: "--Select--",
dataTextField: "Name",
dataValueField: "Id",
filter: "contains",
dataSource: locationData,
open: onDrpOpen,
close: onDrpClose,
select: onDrpSelect
});
});
</script>
</div><div class="mb-3 cprbg sansmy cvpjh huczt ebhoxal
rznedksj futvy ahxwhyxh cwxaogly ekpacq pfses zerhbu kfdpnpcpv ktlcn kepnuzw
krvhwfi sjtjo ucpazy clfbwdhxp mijkolr mtoluxqm">
<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" name="AppointmentFor4"
class="form-check-input" value="Individual" id="self4" checked=""
onclick="OnAppointmentTypeChange(event,4);">
<label class="form-check-label" for="self"
style="margin-left: 22px;">
Individual
</label>
</div>
<div class="form-check radio-bg-light">
<input type="radio" name="AppointmentFor4"
class="form-check-input" value="Family" id="family4"
onclick="OnAppointmentTypeChange(event,4);">
<label class="form-check-label" for="family"
style="margin-left: 22px;">
Family
</label>
</div>
</div>
</div>
<div class="mb-3 cprbg sansmy cvpjh huczt ebhoxal rznedksj
futvy ahxwhyxh cwxaogly ekpacq pfses zerhbu kfdpnpcpv ktlcn kepnuzw krvhwfi sjtjo
ucpazy clfbwdhxp mijkolr mtoluxqm">
 <div id="members4" style="display:none;">
<label class="form-label" for="ApplicantsNo4"
id="ApplicantsNo4_label">Number Of Members<span class="required">*</span></label>
<span title="" class="k-widget k-dropdown"
unselectable="on" role="listbox" aria-haspopup="listbox" aria-expanded="false"
tabindex="0" aria-owns="ApplicantsNo4_listbox" aria-
labelledby="ApplicantsNo4_label" aria-live="polite" aria-disabled="false" aria-
readonly="false" aria-busy="false" aria-activedescendant="r7a9b011-fee5-4ab3-a08a-
f0ea9bb62ba0" style="width: 100%;"><span unselectable="on" class="k-dropdown-wrap
k-state-default"><span id="r7a9b011-fee5-4ab3-a08a-f0ea9bb62ba0" 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="ApplicantsNo4" name="ApplicantsNo4"
style="width: 100%; display: none;" data-role="dropdownlist"></span>
<script>
$(document).ready(function () {
$("#ApplicantsNo4").kendoDropDownList({
optionLabel: "--Select--",
dataTextField: "Name",
dataValueField: "Value",
filter: "contains",
dataSource: applicantsNoData,
open: onDrpOpen,
close: onDrpClose,
select: onDrpSelect
});
});
</script>
</div>
</div><div class="mb-3 krvhwfi sansmy vskshk jpvzz ebhoxal
usheryu rznedksj ucpazy ktlcn kldvxh cprbg xmqclp cvpjh vhnqfgn kfdpnpcpv mijkolr
kepnuzw sjtjo dmjbnwtgn bexnytnj clfbwdhxp pfses uzntkx hgdtmx dqrwhu hfnpxe
cwxaogly futvy ekpacq zqmwctism ahxwhyxh zerhbu ualfhdxm uqoiw edzaenx mtoluxqm
ftelqcgrx">
<label class="form-label" for="VisaType4"
id="VisaType4_label">Visa Type<span class="required">*</span></label>
<span title="" class="k-widget k-dropdown"
unselectable="on" role="listbox" aria-haspopup="listbox" aria-expanded="false"
tabindex="0" aria-owns="VisaType4_listbox" aria-labelledby="VisaType4_label" aria-
live="polite" aria-disabled="false" aria-readonly="false" aria-busy="false" aria-
activedescendant="rfab28d1-698b-49c4-8b8b-1510922bbd71" style="width: 100%;"><span
unselectable="on" class="k-dropdown-wrap k-state-default"><span id="rfab28d1-698b-
49c4-8b8b-1510922bbd71" 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="VisaType4" name="VisaType4" style="width: 100%; display: none;" data-
role="dropdownlist"></span>
<script>
$(document).ready(function () {
$("#VisaType4").kendoDropDownList({
optionLabel: "--Select--",
dataTextField: "Name",
dataValueField: "Id",
filter: "contains",
change:onVisaChange4,
dataSource: visaIdData,
open: onDrpOpen,
close: onDrpClose,
select: onDrpSelect
 });
});
function onVisaChange4() {
var visaId = $("#VisaType4").val();
visasubIdFilterData =
visasubIdData.filter(v => v.Value === visaId);
$
("#VisaSubType"+2).data("kendoDropDownList").setDataSource(visasubIdFilterData);
if (visasubIdFilterData.length === 1)
{
//$
("#VisaSubType"+2).data("kendoDropDownList").select(1);
}
}
</script>
</div>
<div class="mb-3 krvhwfi sansmy vskshk jpvzz ebhoxal
usheryu rznedksj ucpazy ktlcn kldvxh cprbg xmqclp cvpjh vhnqfgn kfdpnpcpv mijkolr
kepnuzw sjtjo dmjbnwtgn bexnytnj clfbwdhxp pfses uzntkx hgdtmx dqrwhu hfnpxe
cwxaogly futvy ekpacq zqmwctism ahxwhyxh zerhbu ualfhdxm uqoiw edzaenx mtoluxqm
ftelqcgrx">
<label class="form-label" for="VisaSubType4"
id="VisaSubType4_label">Visa Sub Type<span class="required">*</span></label>
<span title="" class="k-widget k-dropdown"
unselectable="on" role="listbox" aria-haspopup="listbox" aria-expanded="false"
tabindex="0" aria-owns="VisaSubType4_listbox" aria-labelledby="VisaSubType4_label"
aria-live="polite" aria-disabled="false" aria-readonly="false" aria-busy="false"
aria-activedescendant="q038a6a7-f19f-4a37-b084-67d45b5df087" style="width:
100%;"><span unselectable="on" class="k-dropdown-wrap k-state-default"><span
id="q038a6a7-f19f-4a37-b084-67d45b5df087" 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="VisaSubType4"
name="VisaSubType4" style="width: 100%; display: none;" data-
role="dropdownlist"></span>
<script>
$(document).ready(function () {
$("#VisaSubType4").kendoDropDownList({
optionLabel: "--Select--",
dataTextField: "Name",
dataValueField: "Id",
filter: "contains",
dataSource: visasubIdFilterData,
open: onDrpOpen,
close: onDrpClose,
select: onDrpSelect
});
});
</script>
</div> <div class="mb-3 cwxaogly kfdpnpcpv edzaenx
dmjbnwtgn pfses vskshk mtoluxqm cvpjh ekpacq clfbwdhxp xmqclp hfnpxe bexnytnj
hgdtmx ahxwhyxh ualfhdxm sansmy ucpazy mijkolr ktlcn kldvxh krvhwfi sjtjo ebhoxal
cprbg rznedksj uzntkx kepnuzw futvy jpvzz zerhbu">
<label class="form-label" for="Location1"
id="Location1_label">Location<span class="required">*</span></label>
<span title="" class="k-widget k-dropdown"
unselectable="on" role="listbox" aria-haspopup="listbox" aria-expanded="false"
tabindex="0" aria-owns="Location1_listbox" aria-labelledby="Location1_label" aria-
live="polite" aria-disabled="false" aria-readonly="false" aria-busy="false" aria-
activedescendant="keb2a704-1126-418b-95f9-a0e23ac560bb" style="width: 100%;"><span
unselectable="on" class="k-dropdown-wrap k-state-default"><span id="keb2a704-1126-
418b-95f9-a0e23ac560bb" 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="Location1" name="Location1" style="width: 100%; display: none;" data-
role="dropdownlist"></span>
<script>
$(document).ready(function () {
$("#Location1").kendoDropDownList({
optionLabel: "--Select--",
dataTextField: "Name",
dataValueField: "Id",
filter: "contains",
dataSource: locationData,
open: onDrpOpen,
close: onDrpClose,
select: onDrpSelect
});
});
</script>
</div><div class="mb-3 cvpjh kfdpnpcpv zqmwctism
bexnytnj ktlcn kepnuzw iikgjgo edynliq uqoiw hfnpxe nausmpg zerhbu usheryu ualfhdxm
xmqclp cprbg mijkolr futvy ftelqcgrx vhnqfgn ekpacq edzaenx hgdtmx dmjbnwtgn
rznedksj kldvxh jpvzz ahxwhyxh ucpazy fexkqcj mrwjl mtoluxqm uzntkx sansmy ebhoxal
pfses sjtjo cwxaogly dqrwhu anyub krvhwfi clfbwdhxp">
<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" name="AppointmentFor5"
class="form-check-input" value="Individual" id="self5" checked=""
onclick="OnAppointmentTypeChange(event,5);">
<label class="form-check-label" for="self"
style="margin-left: 22px;">
Individual
</label>
</div>
<div class="form-check radio-bg-light">
<input type="radio" name="AppointmentFor5"
class="form-check-input" value="Family" id="family5"
onclick="OnAppointmentTypeChange(event,5);">
<label class="form-check-label" for="family"
style="margin-left: 22px;">
Family
</label>
</div>
</div>
</div>
<div class="mb-3 cvpjh kfdpnpcpv zqmwctism bexnytnj ktlcn
kepnuzw iikgjgo edynliq uqoiw hfnpxe nausmpg zerhbu usheryu ualfhdxm xmqclp cprbg
mijkolr futvy ftelqcgrx vhnqfgn ekpacq edzaenx hgdtmx dmjbnwtgn rznedksj kldvxh
jpvzz ahxwhyxh ucpazy fexkqcj mrwjl mtoluxqm uzntkx sansmy ebhoxal pfses sjtjo
cwxaogly dqrwhu anyub krvhwfi clfbwdhxp">
<div id="members5" style="display:none;">
<label class="form-label" for="ApplicantsNo5"
id="ApplicantsNo5_label">Number Of Members<span class="required">*</span></label>
<span title="" class="k-widget k-dropdown"
unselectable="on" role="listbox" aria-haspopup="listbox" aria-expanded="false"
tabindex="0" aria-owns="ApplicantsNo5_listbox" aria-
labelledby="ApplicantsNo5_label" aria-live="polite" aria-disabled="false" aria-
readonly="false" aria-busy="false" aria-activedescendant="n12d5359-4189-44b2-951a-
34efcdc9409c" style="width: 100%;"><span unselectable="on" class="k-dropdown-wrap
k-state-default"><span id="n12d5359-4189-44b2-951a-34efcdc9409c" 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="ApplicantsNo5" name="ApplicantsNo5"
style="width: 100%; display: none;" data-role="dropdownlist"></span>
<script>
$(document).ready(function () {
$("#ApplicantsNo5").kendoDropDownList({
optionLabel: "--Select--",
dataTextField: "Name",
dataValueField: "Value",
filter: "contains",
dataSource: applicantsNoData,
open: onDrpOpen,
close: onDrpClose,
select: onDrpSelect
});
});
</script>
</div>
</div><div class="mb-3 uqoiw kfdpnpcpv ucpazy krvhwfi
ekpacq pfses ftelqcgrx bexnytnj zqmwctism kldvxh clfbwdhxp usheryu mijkolr dqrwhu
jpvzz edzaenx cwxaogly ebhoxal xmqclp sjtjo uzntkx sansmy kepnuzw cvpjh zerhbu
cprbg ahxwhyxh rznedksj mtoluxqm futvy dmjbnwtgn hfnpxe hgdtmx hxwjtztns vhnqfgn
ualfhdxm ktlcn">
<label class="form-label" for="VisaType3"
id="VisaType3_label">Visa Type<span class="required">*</span></label>
<span title="" class="k-widget k-dropdown"
unselectable="on" role="listbox" aria-haspopup="listbox" aria-expanded="false"
tabindex="0" aria-owns="VisaType3_listbox" aria-labelledby="VisaType3_label" aria-
live="polite" aria-disabled="false" aria-readonly="false" aria-busy="false" aria-
activedescendant="kba82379-c8a4-4c55-b191-fb00736a10c9" style="width: 100%;"><span
unselectable="on" class="k-dropdown-wrap k-state-default"><span id="kba82379-c8a4-
4c55-b191-fb00736a10c9" 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="VisaType3" name="VisaType3" style="width: 100%; display: none;" data-
role="dropdownlist"></span>
<script>
$(document).ready(function () {
$("#VisaType3").kendoDropDownList({
optionLabel: "--Select--",
dataTextField: "Name",
dataValueField: "Id",
filter: "contains",
change:onVisaChange3,
dataSource: visaIdData,
open: onDrpOpen,
close: onDrpClose,
select: onDrpSelect
});
});
function onVisaChange3() {
var visaId = $("#VisaType3").val();
visasubIdFilterData =
visasubIdData.filter(v => v.Value === visaId);
$
("#VisaSubType"+2).data("kendoDropDownList").setDataSource(visasubIdFilterData);
if (visasubIdFilterData.length === 1)
{
//$
("#VisaSubType"+2).data("kendoDropDownList").select(1);
}
}
</script>
</div>
<div class="mb-3 uqoiw kfdpnpcpv ucpazy krvhwfi ekpacq
pfses ftelqcgrx bexnytnj zqmwctism kldvxh clfbwdhxp usheryu mijkolr dqrwhu jpvzz
edzaenx cwxaogly ebhoxal xmqclp sjtjo uzntkx sansmy kepnuzw cvpjh zerhbu cprbg
ahxwhyxh rznedksj mtoluxqm futvy dmjbnwtgn hfnpxe hgdtmx hxwjtztns vhnqfgn ualfhdxm
ktlcn">
<label class="form-label" for="VisaSubType3"
id="VisaSubType3_label">Visa Sub Type<span class="required">*</span></label>
<span title="" class="k-widget k-dropdown"
unselectable="on" role="listbox" aria-haspopup="listbox" aria-expanded="false"
tabindex="0" aria-owns="VisaSubType3_listbox" aria-labelledby="VisaSubType3_label"
aria-live="polite" aria-disabled="false" aria-readonly="false" aria-busy="false"
aria-activedescendant="a79650c4-a349-4be2-b1b7-5c78dfc8e22e" style="width:
100%;"><span unselectable="on" class="k-dropdown-wrap k-state-default"><span
id="a79650c4-a349-4be2-b1b7-5c78dfc8e22e" 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="VisaSubType3"
name="VisaSubType3" style="width: 100%; display: none;" data-
role="dropdownlist"></span>
<script>
$(document).ready(function () {
$("#VisaSubType3").kendoDropDownList({
optionLabel: "--Select--",
dataTextField: "Name",
dataValueField: "Id",
filter: "contains",
dataSource: visasubIdFilterData,
open: onDrpOpen,
close: onDrpClose,
select: onDrpSelect
});
});
</script>
</div> <div class="mb-3 sansmy uzntkx kldvxh cvpjh
cwxaogly mtoluxqm futvy krvhwfi ekpacq kepnuzw zerhbu ebhoxal xmqclp ucpazy ktlcn
rznedksj jpvzz sjtjo ahxwhyxh cprbg mijkolr clfbwdhxp pfses imckku kfdpnpcpv">
<label class="form-label" for="Location5"
id="Location5_label">Location<span class="required">*</span></label>
<span title="" class="k-widget k-dropdown"
unselectable="on" role="listbox" aria-haspopup="listbox" aria-expanded="false"
tabindex="0" aria-owns="Location5_listbox" aria-labelledby="Location5_label" aria-
live="polite" aria-disabled="false" aria-readonly="false" aria-busy="false" aria-
activedescendant="a024c5f6-cbd9-4b7e-9147-ab3df0744c4b" style="width: 100%;"><span
unselectable="on" class="k-dropdown-wrap k-state-default"><span id="a024c5f6-cbd9-
4b7e-9147-ab3df0744c4b" 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="Location5" name="Location5" style="width: 100%; display: none;" data-
role="dropdownlist"></span>
<script>
$(document).ready(function () {
$("#Location5").kendoDropDownList({
optionLabel: "--Select--",
dataTextField: "Name",
dataValueField: "Id",
filter: "contains",
dataSource: locationData,
open: onDrpOpen,
close: onDrpClose,
select: onDrpSelect
});
});
</script>
</div><div class="mb-3 cprbg kepnuzw futvy zerhbu
mtoluxqm mllsjos cvpjh ebhoxal cwxaogly sansmy mijkolr ekpacq krvhwfi clfbwdhxp
ktlcn">
<label class="form-label" for="VisaType5"
id="VisaType5_label">Visa Type<span class="required">*</span></label>
<span title="" class="k-widget k-dropdown"
unselectable="on" role="listbox" aria-haspopup="listbox" aria-expanded="false"
tabindex="0" aria-owns="VisaType5_listbox" aria-labelledby="VisaType5_label" aria-
live="polite" aria-disabled="false" aria-readonly="false" aria-busy="false" aria-
activedescendant="zb8e0852-03da-47be-99d5-c75eb580f2aa" style="width: 100%;"><span
unselectable="on" class="k-dropdown-wrap k-state-default"><span id="zb8e0852-03da-
47be-99d5-c75eb580f2aa" 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="VisaType5" name="VisaType5" style="width: 100%; display: none;" data-
role="dropdownlist"></span>
<script>
$(document).ready(function () {
$("#VisaType5").kendoDropDownList({
optionLabel: "--Select--",
dataTextField: "Name",
dataValueField: "Id",
filter: "contains",
change:onVisaChange5,
dataSource: visaIdData,
open: onDrpOpen,
close: onDrpClose,
select: onDrpSelect
});
});
function onVisaChange5() {
var visaId = $("#VisaType5").val();
visasubIdFilterData =
visasubIdData.filter(v => v.Value === visaId);
$
("#VisaSubType"+2).data("kendoDropDownList").setDataSource(visasubIdFilterData);
if (visasubIdFilterData.length === 1)
{
//$
("#VisaSubType"+2).data("kendoDropDownList").select(1);
}
}
</script>
</div>
 <div class="mb-3 cprbg kepnuzw futvy zerhbu mtoluxqm
mllsjos cvpjh ebhoxal cwxaogly sansmy mijkolr ekpacq krvhwfi clfbwdhxp ktlcn">
<label class="form-label" for="VisaSubType5"
id="VisaSubType5_label">Visa Sub Type<span class="required">*</span></label>
<span title="" class="k-widget k-dropdown"
unselectable="on" role="listbox" aria-haspopup="listbox" aria-expanded="false"
tabindex="0" aria-owns="VisaSubType5_listbox" aria-labelledby="VisaSubType5_label"
aria-live="polite" aria-disabled="false" aria-readonly="false" aria-busy="false"
aria-activedescendant="x659e464-e190-4868-b0d8-136b44a3fffb" style="width:
100%;"><span unselectable="on" class="k-dropdown-wrap k-state-default"><span
id="x659e464-e190-4868-b0d8-136b44a3fffb" 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="VisaSubType5"
name="VisaSubType5" style="width: 100%; display: none;" data-
role="dropdownlist"></span>
<script>
$(document).ready(function () {
$("#VisaSubType5").kendoDropDownList({
optionLabel: "--Select--",
dataTextField: "Name",
dataValueField: "Id",
filter: "contains",
dataSource: visasubIdFilterData,
open: onDrpOpen,
close: onDrpClose,
select: onDrpSelect
});
});
</script>
</div> <div class="mb-3 kfdpnpcpv kepnuzw zerhbu sansmy
kldvxh mijkolr uzntkx jpvzz hgdtmx cprbg sjtjo rznedksj ktlcn mtoluxqm bexnytnj
ucpazy edzaenx cwxaogly ekpacq futvy dmjbnwtgn xmqclp cvpjh hfnpxe clfbwdhxp awlan
ualfhdxm ahxwhyxh ebhoxal krvhwfi pfses">
<label class="form-label" for="VisaType2"
id="VisaType2_label">Visa Type<span class="required">*</span></label>
<span title="" class="k-widget k-dropdown"
unselectable="on" role="listbox" aria-haspopup="listbox" aria-expanded="false"
tabindex="0" aria-owns="VisaType2_listbox" aria-labelledby="VisaType2_label" aria-
live="polite" aria-disabled="false" aria-readonly="false" aria-busy="false"
style="width: 100%;" aria-activedescendant="f004d8f8-439a-42a5-9c9a-
fafcd7aaa133"><span unselectable="on" class="k-dropdown-wrap k-state-default"><span
id="f004d8f8-439a-42a5-9c9a-fafcd7aaa133" 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="VisaType2" name="VisaType2"
style="width: 100%; display: none;" data-role="dropdownlist"></span>
<script>
$(document).ready(function () {
$("#VisaType2").kendoDropDownList({
optionLabel: "--Select--",
dataTextField: "Name",
dataValueField: "Id",
filter: "contains",
change:onVisaChange2,
dataSource: visaIdData,
open: onDrpOpen,
close: onDrpClose,
select: onDrpSelect
 });
});
function onVisaChange2() {
var visaId = $("#VisaType2").val();
visasubIdFilterData =
visasubIdData.filter(v => v.Value === visaId);
$
("#VisaSubType"+2).data("kendoDropDownList").setDataSource(visasubIdFilterData);
if (visasubIdFilterData.length === 1)
{
//$
("#VisaSubType"+2).data("kendoDropDownList").select(1);
}
}
</script>
</div>
<div class="mb-3 kfdpnpcpv kepnuzw zerhbu sansmy kldvxh
mijkolr uzntkx jpvzz hgdtmx cprbg sjtjo rznedksj ktlcn mtoluxqm bexnytnj ucpazy
edzaenx cwxaogly ekpacq futvy dmjbnwtgn xmqclp cvpjh hfnpxe clfbwdhxp awlan
ualfhdxm ahxwhyxh ebhoxal krvhwfi pfses">
<label class="form-label" for="VisaSubType2"
id="VisaSubType2_label">Visa Sub Type<span class="required">*</span></label>
<span title="" class="k-widget k-dropdown"
unselectable="on" role="listbox" aria-haspopup="listbox" aria-expanded="false"
tabindex="0" aria-owns="VisaSubType2_listbox" aria-labelledby="VisaSubType2_label"
aria-live="polite" aria-disabled="false" aria-readonly="false" aria-busy="false"
style="width: 100%;" aria-activedescendant="jfa46a20-a9e2-4455-9041-
0c9ad59c304c"><span unselectable="on" class="k-dropdown-wrap k-state-default"><span
id="jfa46a20-a9e2-4455-9041-0c9ad59c304c" 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="VisaSubType2"
name="VisaSubType2" style="width: 100%; display: none;" data-
role="dropdownlist"></span>
<script>
$(document).ready(function () {
$("#VisaSubType2").kendoDropDownList({
optionLabel: "--Select--",
dataTextField: "Name",
dataValueField: "Id",
filter: "contains",
dataSource: visasubIdFilterData,
open: onDrpOpen,
close: onDrpClose,
select: onDrpSelect
});
});
</script>
</div> <div class="mb-3 cvpjh ebhoxal zerhbu krvhwfi
ekpacq mtoluxqm futvy clfbwdhxp rznedksj ucpazy kepnuzw mijkolr imckku ktlcn
kfdpnpcpv pfses sansmy sjtjo cwxaogly cprbg">
<label class="form-label"
for="AppointmentCategoryId4" id="AppointmentCategoryId4_label">Appointment
Category<span class="required">*</span></label>
<span title="" class="k-widget k-dropdown"
unselectable="on" role="listbox" aria-haspopup="listbox" aria-expanded="false"
tabindex="0" aria-owns="AppointmentCategoryId4_listbox" aria-
labelledby="AppointmentCategoryId4_label" aria-live="polite" aria-disabled="false"
aria-readonly="false" aria-busy="false" aria-activedescendant="w7a05d75-9c39-4a6f-
9528-8cee071db421" style="width: 100%;"><span unselectable="on" class="k-dropdown-
wrap k-state-default"><span id="w7a05d75-9c39-4a6f-9528-8cee071db421"
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="AppointmentCategoryId4" name="AppointmentCategoryId4" style="width: 100%;
display: none;" data-role="dropdownlist"></span>
<script>
$(document).ready(function () {
$
("#AppointmentCategoryId4").kendoDropDownList({
optionLabel: "--Select--",
dataTextField: "Name",
dataValueField: "Id",
filter: "contains",
dataSource: AppointmentCategoryIdData,
open: onDrpOpen,
close: onDrpClose,
select: onDrpSelect
});
});
</script>
</div><div class="mb-3 cprbg mijkolr uzntkx pfses
kfdpnpcpv cwxaogly sjtjo dmjbnwtgn xmqclp ekpacq jpvzz ualfhdxm bexnytnj zosrfxco
futvy cvpjh zerhbu ucpazy krvhwfi ktlcn kepnuzw dqrwhu hfnpxe kldvxh clfbwdhxp
sansmy ebhoxal ahxwhyxh hgdtmx mtoluxqm edzaenx rznedksj">
<label class="form-label" for="Location4"
id="Location4_label">Location<span class="required">*</span></label>
<span title="" class="k-widget k-dropdown"
unselectable="on" role="listbox" aria-haspopup="listbox" aria-expanded="false"
tabindex="0" aria-owns="Location4_listbox" aria-labelledby="Location4_label" aria-
live="polite" aria-disabled="false" aria-readonly="false" aria-busy="false"
style="width: 100%;" aria-activedescendant="iec878f0-f43a-40df-827f-
1257b55b02ce"><span unselectable="on" class="k-dropdown-wrap k-state-default"><span
id="iec878f0-f43a-40df-827f-1257b55b02ce" 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="Location4" name="Location4"
style="width: 100%; display: none;" data-role="dropdownlist"></span>
<script>
$(document).ready(function () {
$("#Location4").kendoDropDownList({
optionLabel: "--Select--",
dataTextField: "Name",
dataValueField: "Id",
filter: "contains",
dataSource: locationData,
open: onDrpOpen,
close: onDrpClose,
select: onDrpSelect
});
});
</script>
</div><div class="mb-3 clfbwdhxp ucpazy hfnpxe kepnuzw
ebhoxal cprbg sansmy bexnytnj mijkolr cwxaogly dmjbnwtgn kldvxh kfdpnpcpv jpvzz
mtoluxqm mllsjos ualfhdxm edzaenx ktlcn futvy uzntkx ekpacq cvpjh pfses rznedksj
hgdtmx krvhwfi sjtjo ahxwhyxh zerhbu xmqclp">
<label class="form-label" for="VisaType1"
id="VisaType1_label">Visa Type<span class="required">*</span></label>
 <span title="" class="k-widget k-dropdown"
unselectable="on" role="listbox" aria-haspopup="listbox" aria-expanded="false"
tabindex="0" aria-owns="VisaType1_listbox" aria-labelledby="VisaType1_label" aria-
live="polite" aria-disabled="false" aria-readonly="false" aria-busy="false" aria-
activedescendant="yd337776-9398-41a9-a7f0-e57dcba9b865" style="width: 100%;"><span
unselectable="on" class="k-dropdown-wrap k-state-default"><span id="yd337776-9398-
41a9-a7f0-e57dcba9b865" 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="VisaType1" name="VisaType1" style="width: 100%; display: none;" data-
role="dropdownlist"></span>
<script>
$(document).ready(function () {
$("#VisaType1").kendoDropDownList({
optionLabel: "--Select--",
dataTextField: "Name",
dataValueField: "Id",
filter: "contains",
change:onVisaChange1,
dataSource: visaIdData,
open: onDrpOpen,
close: onDrpClose,
select: onDrpSelect
});
});
function onVisaChange1() {
var visaId = $("#VisaType1").val();
visasubIdFilterData =
visasubIdData.filter(v => v.Value === visaId);
$
("#VisaSubType"+2).data("kendoDropDownList").setDataSource(visasubIdFilterData);
if (visasubIdFilterData.length === 1)
{
//$
("#VisaSubType"+2).data("kendoDropDownList").select(1);
}
}
</script>
</div>
<div class="mb-3 clfbwdhxp ucpazy hfnpxe kepnuzw
ebhoxal cprbg sansmy bexnytnj mijkolr cwxaogly dmjbnwtgn kldvxh kfdpnpcpv jpvzz
mtoluxqm mllsjos ualfhdxm edzaenx ktlcn futvy uzntkx ekpacq cvpjh pfses rznedksj
hgdtmx krvhwfi sjtjo ahxwhyxh zerhbu xmqclp">
<label class="form-label" for="VisaSubType1"
id="VisaSubType1_label">Visa Sub Type<span class="required">*</span></label>
<span title="" class="k-widget k-dropdown"
unselectable="on" role="listbox" aria-haspopup="listbox" aria-expanded="false"
tabindex="0" aria-owns="VisaSubType1_listbox" aria-labelledby="VisaSubType1_label"
aria-live="polite" aria-disabled="false" aria-readonly="false" aria-busy="false"
aria-activedescendant="u92a4f1b-1a16-44a9-8e6d-ba7c694c47e5" style="width:
100%;"><span unselectable="on" class="k-dropdown-wrap k-state-default"><span
id="u92a4f1b-1a16-44a9-8e6d-ba7c694c47e5" 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="VisaSubType1"
name="VisaSubType1" style="width: 100%; display: none;" data-
role="dropdownlist"></span>
<script>
$(document).ready(function () {
 $("#VisaSubType1").kendoDropDownList({
optionLabel: "--Select--",
dataTextField: "Name",
dataValueField: "Id",
filter: "contains",
dataSource: visasubIdFilterData,
open: onDrpOpen,
close: onDrpClose,
select: onDrpSelect
});
});
</script>
</div> <div class="mb-3">
<a href="#" onclick="showLocation()">Know your Location</a>
</div>

<input id="CaptchaData" name="CaptchaData" type="hidden"

value="8lEQvyaEREdMDDVoKejx1eFDXCHYz5KE1/yW6BluM+S9HHRsQUB6Y4V+qtNV+MgXtqP6plV4kC1z
eZmp0YxkFRPs00+34gmK3BahFbFrAe6VzM7/vA/
kHl2ZqFhesJ+43A16yLi7ACM+yMgLOHnaVAkyxlubNzxR+Rg8mrur94g=">
<input id="ScriptData" name="ScriptData" type="hidden"
value="jo+WrPiNo78ZDGuNpLOXpGPkRY1WOVNLq38DovBlGIXNk0RfKBImxgQ8QoEMNKRvGQu4ocumvycN
eaXpRnh+tZr+ZV7cPbB/rqQbws9d/yN6NGfpjW2Kj1U9JXRKQj8TpYm7Es50ubO3hXVoxVggubIGD/
2s3N19cdy0RIZBEEY3Vz1mMKU/
QnLC4lG4EnL5hxlWe72F2e75mgsvoPPkZ5Rk9RbVVBUioJ7niaoHPWnZR7988Ci0WIY6SydBXT/
WPHq4pQfw0flfb3iq6lnIbh3+BgAHdgPgraJskfl0txUylPVa/
LHWJhKAWIRGmK2osVBcAHYbN+PVzqRKvNeA3g==">
<input id="ResponseData" name="ResponseData" type="hidden"
value="">
<div class="pt-3 pb-3 text-center">
<button class="btn btn-primary-soft" id="btnVerify"
style="display:none;" type="button" onclick="VerifyRegister();">Verify
Selection</button>
<button type="button" id="btnVerified"
formnovalidate="formnovalidate" style="display:none;" class="btn btn-success text-
center" disabled=""><i class="fa fa-badge-check pr-2"></i>Verified</button>
<button class="btn btn-primary" id="btnSubmit"
type="submit" onclick="return OnSubmitVisaType();">Submit</button>
</div>
<input name="__RequestVerificationToken" type="hidden"
value="CfDJ8C-uv70rBuNLo0ACqpaNTfb0iK8hwsvVf1dHKcSb9Vllq753wtaod7S-
W0IeDx4NVX_yava88jUGEBQ7OI-BduSXFQmnf8To-o5d3Er91m6q3_R2BXyKoI-
0LNdsYxFGdoBBOXkYvOL34x6B4qsd3s2PZRQpHqCQxFScsLkV2Qp9eb7krGJJ2b_aKcauVYzfiA"></
form>

</div>