See you on Sanday.
Kies de route die bij je vraag past.
Kies je provincie…
Groningen
Friesland
Drenthe
Overijssel
Flevoland
Gelderland
Utrecht
Noord-Holland
Zuid-Holland
Zeeland
Noord-Brabant
Limburg
Caribbean
Vorige stap
document.addEventListener(‘DOMContentLoaded’, function() {
const scope = document.currentScript.closest(‘.sanday-routing-popup’);
if (!scope) return;
let currentStep = 0;
let isKlant = null;
const relationManagersByRegion = {
noord: { name: ‘Monique H.’, role: ‘Relatiebeheerder Noord’, initials: ‘MH’, email: ‘monique.h@sanday.com’, phone: ‘+31600000001’ },
oost: { name: ‘Michelle’, role: ‘Relatiebeheerder Oost’, initials: ‘MI’, email: ‘michelle@sanday.com’, phone: ‘+31600000002’ },
west: { name: ‘Mick’, role: ‘Relatiebeheerder West’, initials: ‘MK’, email: ‘mick@sanday.com’, phone: ‘+31600000003’ },
zuid: { name: ‘Diana’, role: ‘Relatiebeheerder Zuid’, initials: ‘DI’, email: ‘diana@sanday.com’, phone: ‘+31600000004’ },
caribbean: { name: ‘Michelle’, role: ‘Relatiebeheerder Caribbean’, initials: ‘MI’, email: ‘michelle@sanday.com’, phone: ‘+31600000005’ }
};
const accountManagersByProvince = {
‘drenthe’: [
{ name: ‘Isidor’, initials: ‘IS’, email: ‘isidor@sanday.com’, phone: ‘+31610000001’ },
{ name: ‘Yvonne’, initials: ‘YV’, email: ‘yvonne@sanday.com’, phone: ‘+31610000002’ },
{ name: ‘Monique H.’, initials: ‘MH’, email: ‘monique.h@sanday.com’, phone: ‘+31610000003’ },
{ name: ‘Rinze’, initials: ‘RI’, email: ‘rinze@sanday.com’, phone: ‘+31610000004’ }
],
‘flevoland’: [
{ name: ‘Isidor’, initials: ‘IS’, email: ‘isidor@sanday.com’, phone: ‘+31610000001’ },
{ name: ‘Yvonne’, initials: ‘YV’, email: ‘yvonne@sanday.com’, phone: ‘+31610000002’ },
{ name: ‘Monique H.’, initials: ‘MH’, email: ‘monique.h@sanday.com’, phone: ‘+31610000003’ },
{ name: ‘Rinze’, initials: ‘RI’, email: ‘rinze@sanday.com’, phone: ‘+31610000004’ }
],
‘friesland’: [
{ name: ‘Isidor’, initials: ‘IS’, email: ‘isidor@sanday.com’, phone: ‘+31610000001’ },
{ name: ‘Yvonne’, initials: ‘YV’, email: ‘yvonne@sanday.com’, phone: ‘+31610000002’ },
{ name: ‘Monique H.’, initials: ‘MH’, email: ‘monique.h@sanday.com’, phone: ‘+31610000003’ },
{ name: ‘Rinze’, initials: ‘RI’, email: ‘rinze@sanday.com’, phone: ‘+31610000004’ }
],
‘groningen’: [
{ name: ‘Isidor’, initials: ‘IS’, email: ‘isidor@sanday.com’, phone: ‘+31610000001’ },
{ name: ‘Yvonne’, initials: ‘YV’, email: ‘yvonne@sanday.com’, phone: ‘+31610000002’ },
{ name: ‘Monique H.’, initials: ‘MH’, email: ‘monique.h@sanday.com’, phone: ‘+31610000003’ },
{ name: ‘Rinze’, initials: ‘RI’, email: ‘rinze@sanday.com’, phone: ‘+31610000004’ }
],
‘gelderland’: [
{ name: ‘Michelle’, initials: ‘MI’, email: ‘michelle@sanday.com’, phone: ‘+31610000005’ },
{ name: ‘Martijn’, initials: ‘MA’, email: ‘martijn@sanday.com’, phone: ‘+31610000006’ },
{ name: ‘Diana’, initials: ‘DI’, email: ‘diana@sanday.com’, phone: ‘+31610000007’ },
{ name: ‘Mick’, initials: ‘MK’, email: ‘mick@sanday.com’, phone: ‘+31610000008’ },
{ name: ‘Rinze’, initials: ‘RI’, email: ‘rinze@sanday.com’, phone: ‘+31610000004’ }
],
‘overijssel’: [
{ name: ‘Michelle’, initials: ‘MI’, email: ‘michelle@sanday.com’, phone: ‘+31610000005’ },
{ name: ‘Yvonne’, initials: ‘YV’, email: ‘yvonne@sanday.com’, phone: ‘+31610000002’ },
{ name: ‘Monique H.’, initials: ‘MH’, email: ‘monique.h@sanday.com’, phone: ‘+31610000003’ },
{ name: ‘Rinze’, initials: ‘RI’, email: ‘rinze@sanday.com’, phone: ‘+31610000004’ }
],
‘utrecht’: [
{ name: ‘Michelle’, initials: ‘MI’, email: ‘michelle@sanday.com’, phone: ‘+31610000005’ },
{ name: ‘Diana’, initials: ‘DI’, email: ‘diana@sanday.com’, phone: ‘+31610000007’ },
{ name: ‘Mick’, initials: ‘MK’, email: ‘mick@sanday.com’, phone: ‘+31610000008’ },
{ name: ‘Rinze’, initials: ‘RI’, email: ‘rinze@sanday.com’, phone: ‘+31610000004’ }
],
‘zeeland’: [
{ name: ‘Michelle’, initials: ‘MI’, email: ‘michelle@sanday.com’, phone: ‘+31610000005’ },
{ name: ‘Diana’, initials: ‘DI’, email: ‘diana@sanday.com’, phone: ‘+31610000007’ },
{ name: ‘Mick’, initials: ‘MK’, email: ‘mick@sanday.com’, phone: ‘+31610000008’ },
{ name: ‘Rinze’, initials: ‘RI’, email: ‘rinze@sanday.com’, phone: ‘+31610000004’ }
],
‘limburg’: [
{ name: ‘Martijn’, initials: ‘MA’, email: ‘martijn@sanday.com’, phone: ‘+31610000006’ },
{ name: ‘Diana’, initials: ‘DI’, email: ‘diana@sanday.com’, phone: ‘+31610000007’ },
{ name: ‘Chantal’, initials: ‘CH’, email: ‘chantal@sanday.com’, phone: ‘+31610000009’ },
{ name: ‘Rinze’, initials: ‘RI’, email: ‘rinze@sanday.com’, phone: ‘+31610000004’ }
],
‘noord-brabant’: [
{ name: ‘Martijn’, initials: ‘MA’, email: ‘martijn@sanday.com’, phone: ‘+31610000006’ },
{ name: ‘Diana’, initials: ‘DI’, email: ‘diana@sanday.com’, phone: ‘+31610000007’ },
{ name: ‘Chantal’, initials: ‘CH’, email: ‘chantal@sanday.com’, phone: ‘+31610000009’ },
{ name: ‘Rinze’, initials: ‘RI’, email: ‘rinze@sanday.com’, phone: ‘+31610000004’ }
],
‘noord-holland’: [
{ name: ‘Isidor’, initials: ‘IS’, email: ‘isidor@sanday.com’, phone: ‘+31610000001’ },
{ name: ‘Yvonne’, initials: ‘YV’, email: ‘yvonne@sanday.com’, phone: ‘+31610000002’ },
{ name: ‘Monique H.’, initials: ‘MH’, email: ‘monique.h@sanday.com’, phone: ‘+31610000003’ },
{ name: ‘Rinze’, initials: ‘RI’, email: ‘rinze@sanday.com’, phone: ‘+31610000004’ }
],
‘zuid-holland’: [
{ name: ‘Michelle’, initials: ‘MI’, email: ‘michelle@sanday.com’, phone: ‘+31610000005’ },
{ name: ‘Diana’, initials: ‘DI’, email: ‘diana@sanday.com’, phone: ‘+31610000007’ },
{ name: ‘Mick’, initials: ‘MK’, email: ‘mick@sanday.com’, phone: ‘+31610000008’ },
{ name: ‘Rinze’, initials: ‘RI’, email: ‘rinze@sanday.com’, phone: ‘+31610000004’ }
],
‘caribbean’: [
{ name: ‘Michelle’, initials: ‘MI’, email: ‘michelle@sanday.com’, phone: ‘+31610000005’ }
]
};
const provinceToRegion = {
‘groningen’: ‘noord’,
‘friesland’: ‘noord’,
‘drenthe’: ‘noord’,
‘overijssel’: ‘oost’,
‘flevoland’: ‘oost’,
‘gelderland’: ‘oost’,
‘utrecht’: ‘west’,
‘noord-holland’: ‘west’,
‘zuid-holland’: ‘west’,
‘zeeland’: ‘west’,
‘noord-brabant’: ‘zuid’,
‘limburg’: ‘zuid’,
‘caribbean’: ‘caribbean’
};
const salesTrigger = scope.querySelector(‘#sales-trigger’);
const accordionBody = scope.querySelector(‘#sales-accordion’);
const yesBtn = scope.querySelector(‘#btn-yes’);
const noBtn = scope.querySelector(‘#btn-no’);
const provinceSelect = scope.querySelector(‘#province’);
function updateDots() {
for (let i = 0; i < 3; i++) {
const dot = scope.querySelector('#dot-' + i);
if (!dot) continue;
dot.classList.remove('active', 'done');
if (i < currentStep) dot.classList.add('done');
else if (i === currentStep) dot.classList.add('active');
}
}
function goStep(n) {
scope.querySelectorAll('.step-panel').forEach(function(panel) {
panel.classList.remove('active');
});
const target = scope.querySelector('#step-' + n);
if (target) target.classList.add('active');
currentStep = n;
updateDots();
}
function openAccordion() {
accordionBody.classList.add('open');
salesTrigger.setAttribute('aria-expanded', 'true');
goStep(0);
yesBtn.classList.remove('selected');
noBtn.classList.remove('selected');
provinceSelect.value = '';
isKlant = null;
}
function closeAccordion() {
accordionBody.classList.remove('open');
salesTrigger.setAttribute('aria-expanded', 'false');
}
function updateContactCard(person, labelText) {
scope.querySelector('#contact-avatar').textContent = person.initials;
scope.querySelector('#contact-name').textContent = person.name;
scope.querySelector('#contact-role').textContent = person.role;
scope.querySelector('#contact-email').href = 'mailto:' + person.email;
scope.querySelector('#contact-phone').href = 'tel:' + person.phone.replace(/\s+/g, '');
scope.querySelector('#contact-role-label').textContent = labelText;
}
salesTrigger.addEventListener('click', function() {
const isOpen = accordionBody.classList.contains('open');
if (isOpen) {
closeAccordion();
} else {
openAccordion();
}
});
yesBtn.addEventListener('click', function() {
isKlant = true;
yesBtn.classList.add('selected');
noBtn.classList.remove('selected');
scope.querySelector('#step1-label').textContent = 'In welke provincie zit je apotheek of praktijk?';
setTimeout(function() {
goStep(1);
}, 160);
});
noBtn.addEventListener('click', function() {
isKlant = false;
noBtn.classList.add('selected');
yesBtn.classList.remove('selected');
scope.querySelector('#step1-label').textContent = 'In welke provincie wil je Sanday inzetten?';
setTimeout(function() {
goStep(1);
}, 160);
});
provinceSelect.addEventListener('change', function() {
const province = this.value.toLowerCase();
if (!province) return;
if (isKlant) {
const region = provinceToRegion[province];
const person = relationManagersByRegion[region];
if (person) {
updateContactCard(person, 'Jouw relatiebeheerder');
setTimeout(function() {
goStep(2);
}, 180);
}
} else {
const people = accountManagersByProvince[province] || [];
if (people.length) {
const person = people[0];
updateContactCard(person, 'Jouw accountmanager');
setTimeout(function() {
goStep(2);
}, 180);
}
}
});
scope.querySelectorAll('[data-step-back]').forEach(function(btn) {
btn.addEventListener('click', function() {
const step = Number(btn.getAttribute('data-step-back'));
goStep(step);
});
});
});