FX & Bankovermaking<\/title>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\r\n <link rel=\"stylesheet\" href=\"fx-form.css\">\r\n<\/head>\r\n<body>\r\n\r\n<main class=\"ps-page\">\r\n <section class=\"ps-card\">\r\n <header class=\"ps-card-head\">\r\n\r\n \r\n <div class=\"ps-logo-row\">\r\n <img decoding=\"async\" src=\"https:\/\/scombank.sr\/wp-content\/uploads\/2025\/11\/Logo-9.png\" alt=\"SCB logo\" class=\"ps-logo\">\r\n <\/div>\r\n\r\n <p class=\"ps-subtitle\">Vul de onderstaande gegevens in om uw aanvraag te starten.<\/p>\r\n\r\n \r\n <div class=\"ps-tabs\" role=\"tablist\" aria-label=\"Kies type aanvraag\">\r\n <button\r\n type=\"button\"\r\n class=\"ps-tab ps-tab--active\"\r\n data-mode=\"fx\"\r\n role=\"tab\"\r\n aria-selected=\"true\"\r\n >\r\n USD\/EUR omzetten\r\n <\/button>\r\n\r\n <button\r\n type=\"button\"\r\n class=\"ps-tab\"\r\n data-mode=\"transfer\"\r\n role=\"tab\"\r\n aria-selected=\"false\"\r\n >\r\n Bankovermaking\r\n <\/button>\r\n <\/div>\r\n\r\n <\/header>\r\n\r\n <form id=\"fxForm\" class=\"ps-form\" novalidate action=\"\">\r\n\r\n \r\n<section class=\"ps-section\">\r\n <h2 class=\"ps-section-title\">Gegevens aanvrager<\/h2>\r\n\r\n <div class=\"ps-grid ps-grid--2\">\r\n <div class=\"ps-field\">\r\n <label for=\"firstName\">\r\n Voornaam <span class=\"ps-required\">*<\/span>\r\n <\/label>\r\n <input\r\n type=\"text\"\r\n id=\"firstName\"\r\n name=\"firstName\"\r\n placeholder=\"Bijv. Ricky\"\r\n required\r\n data-required\r\n>\r\n <p class=\"ps-error-msg\">Vul uw voornaam in.<\/p>\r\n <\/div>\r\n\r\n <div class=\"ps-field\">\r\n <label for=\"lastName\">\r\n \u59d3\u6c0f <span class=\"ps-required\">*<\/span>\r\n <\/label>\r\n <input\r\n type=\"text\"\r\n id=\"lastName\"\r\n name=\"lastName\"\r\n placeholder=\"Bijv. Wu\"\r\n required\r\n data-required\r\n>\r\n <p class=\"ps-error-msg\">Vul uw achternaam in.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ps-grid ps-grid--2\">\r\n <div class=\"ps-field\">\r\n <label for=\"email\">\r\n E-mail <span class=\"ps-required\">*<\/span>\r\n <\/label>\r\n <input\r\n type=\"email\"\r\n id=\"email\"\r\n name=\"email\"\r\n placeholder=\"jouw@email.com\"\r\n required\r\n data-required\r\n>\r\n <p class=\"ps-error-msg\">Vul een geldig e-mailadres in.<\/p>\r\n <\/div>\r\n\r\n <div class=\"ps-field\">\r\n <label for=\"phone\">\r\n Mobielnummer <span class=\"ps-required\">*<\/span>\r\n <\/label>\r\n <input\r\n type=\"tel\"\r\n id=\"phone\"\r\n name=\"phone\"\r\n placeholder=\"Bijv. 8888888\"\r\n required\r\n data-required\r\n>\r\n <p class=\"ps-error-msg\">Vul uw telefoonnummer of walletnummer in.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"ps-field-hint\">\r\n <span class=\"ps-field-hint-icon\">\u26a0\ufe0f<\/span>\r\n <p>\r\n <strong>Let wel:<\/strong> Gebruik hier uw juiste Uni5Pay+ walletnummer.\r\n Bij een ongeldig nummer kunnen wij uw aanvraag helaas niet verder verwerken.\r\n <\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n \r\n <section class=\"ps-section\">\r\n <h2 class=\"ps-section-title\">Bedrag & valuta<\/h2>\r\n\r\n \r\n <div class=\"ps-grid ps-grid--3 ps-fx-fields\">\r\n <div class=\"ps-field\">\r\n <label for=\"amount\">\r\n Bedrag <span class=\"ps-required\">*<\/span>\r\n <\/label>\r\n <input\r\n type=\"number\"\r\n step=\"0.01\"\r\n id=\"amount\"\r\n name=\"amount\"\r\n placeholder=\"Bijv. 100\"\r\n required\r\n data-required\r\n>\r\n <p class=\"ps-error-msg\">Vul een bedrag in.<\/p>\r\n <\/div>\r\n\r\n <div class=\"ps-field\">\r\n <label for=\"fromCcy\">\r\n Valuta van <span class=\"ps-required\">*<\/span>\r\n <\/label>\r\n <select id=\"fromCcy\" name=\"fromCcy\" required data-required>\r\n <option value=\"\">Kies valuta<\/option>\r\n <option value=\"EUR\">EUR<\/option>\r\n <option value=\"USD\">\u7f8e\u5143<\/option>\r\n <\/select>\r\n <p class=\"ps-error-msg\">Kies de bronvaluta.<\/p>\r\n <\/div>\r\n\r\n <div class=\"ps-field\">\r\n <label for=\"toCcy\">\r\n Valuta naar <span class=\"ps-required\">*<\/span>\r\n <\/label>\r\n \r\n <select id=\"toCcy\" name=\"toCcy\" required data-required>\r\n <option value=\"\">Kies valuta<\/option>\r\n <option value=\"SRD\">\u82cf\u5143<\/option>\r\n <\/select>\r\n <p class=\"ps-error-msg\">Kies de doelvaluta.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"ps-fx-preview\">\r\n <div class=\"ps-fx-label\">Indicatieve koersberekening<\/div>\r\n <div class=\"ps-fx-result\" id=\"fxResult\">\r\n Vul een bedrag in en kies Valuta van\/naar om de berekening te zien.\r\n <\/div>\r\n <div class=\"ps-fx-hint\">\r\n Huidige wisselkoers: <strong>EUR \u2192 SRD = 40<\/strong>, <strong>USD \u2192 SRD = 38.50<\/strong>.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"ps-grid ps-grid--2 ps-transfer-fields is-hidden\">\r\n <div class=\"ps-field\">\r\n <label for=\"transferAmount\">\r\n Bedrag <span class=\"ps-required\">*<\/span>\r\n <\/label>\r\n <input\r\n type=\"number\"\r\n step=\"0.01\"\r\n id=\"transferAmount\"\r\n name=\"transferAmount\"\r\n placeholder=\"Bijv. 100\"\r\n data-required\r\n>\r\n <p class=\"ps-error-msg\">Vul een bedrag in.<\/p>\r\n <\/div>\r\n\r\n <div class=\"ps-field\">\r\n <label for=\"transferCcy\">\r\n Valutasoort <span class=\"ps-required\">*<\/span>\r\n <\/label>\r\n <select id=\"transferCcy\" name=\"transferCcy\" data-required>\r\n <option value=\"\">Kies valuta<\/option>\r\n <option value=\"EUR\">EUR<\/option>\r\n <option value=\"USD\">\u7f8e\u5143<\/option>\r\n <\/select>\r\n <p class=\"ps-error-msg\">Kies de valuta.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"ps-transfer-note is-hidden\">\r\n <span class=\"ps-transfer-icon\">\u26a0\ufe0f<\/span>\r\n <p>\r\n <strong>Let wel:<\/strong> In deze optie gebruikt u alleen de valutasoort die al op uw kaart staat. \r\n Er vindt <strong>geen valutawissel<\/strong> plaats binnen deze optie.\r\n Wilt u valuta omzetten naar SRD? Kies dan voor het tabblad <strong>\u201cUSD\/EUR omzetten\u201d<\/strong>.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n \r\n <section class=\"ps-section\">\r\n <h2 class=\"ps-section-title\">Bankovermaking<\/h2>\r\n\r\n <div class=\"ps-field\">\r\n <label for=\"bank\">\r\n \u53d7\u76ca\u4eba\u540d\u79f0 <span class=\"ps-required\">*<\/span>\r\n <\/label>\r\n <select id=\"bank\" name=\"bank\" required data-required>\r\n <option value=\"\">Kies uw bank<\/option>\r\n <option value=\"SCB\">Southern Commercial Bank<\/option>\r\n <option value=\"DSB\">De Surinaamsche Bank<\/option>\r\n <option value=\"HKB\">Hakrinbank<\/option>\r\n <option value=\"SPBS\">Surinaamse Postspaarbank<\/option>\r\n <option value=\"Fina\">Finabank<\/option>\r\n <option value=\"Godo\">Godobank<\/option>\r\n <option value=\"VKB\">Volkskrediet Bank<\/option>\r\n <option value=\"SCB-SURICHANGE\">Surichange Bank<\/option>\r\n <option value=\"Amanah\">Trustbank Amanah<\/option>\r\n <\/select>\r\n <p class=\"ps-error-msg\">Kies een bank.<\/p>\r\n <\/div>\r\n\r\n <div class=\"ps-grid ps-grid--2\">\r\n <div class=\"ps-field\">\r\n <label for=\"accountNumber\">\r\n \u8d26\u53f7 <span class=\"ps-required\">*<\/span>\r\n <\/label>\r\n <input\r\n type=\"text\"\r\n id=\"accountNumber\"\r\n name=\"accountNumber\"\r\n placeholder=\"Bijv. 150012438\"\r\n required\r\n data-required\r\n>\r\n <p class=\"ps-error-msg\">Vul een rekeningnummer in.<\/p>\r\n <\/div>\r\n\r\n <div class=\"ps-field\">\r\n <label for=\"description\">\r\n \u5907\u6ce8 <span class=\"ps-required\">*<\/span>\r\n <\/label>\r\n <input\r\n type=\"text\"\r\n id=\"description\"\r\n name=\"description\"\r\n placeholder=\"Bijv. Betaling van werkzaamheden\"\r\n required\r\n data-required\r\n>\r\n <p class=\"ps-error-msg\">Vul een omschrijving in.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <div class=\"ps-form-status\" aria-live=\"polite\"><\/div>\r\n\r\n <div class=\"ps-form-actions\">\r\n <button type=\"submit\" class=\"ps-btn ps-btn--primary\">\r\n Aanvraag versturen\r\n <\/button>\r\n <button type=\"reset\" class=\"ps-btn ps-btn--ghost\">\r\n Annuleren\r\n <\/button>\r\n <\/div>\r\n\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"zh\"\/><\/form>\r\n <\/section>\r\n<\/main>\r\n\r\n<script>\r\n (function () {\r\n const form = document.getElementById('fxForm');\r\n const requiredFields = form.querySelectorAll('[data-required]');\r\n const statusBox = form.querySelector('.ps-form-status');\r\n\r\n \/\/ Tabs \/ mode\r\n const tabs = document.querySelectorAll('.ps-tab');\r\n const fxFieldsWrapper = document.querySelector('.ps-fx-fields');\r\n const fxPreviewWrapper = document.querySelector('.ps-fx-preview');\r\n const transferFieldsWrapper = document.querySelector('.ps-transfer-fields');\r\n const transferNote = document.querySelector('.ps-transfer-note');\r\n let activeMode = 'fx'; \/\/ 'fx' of 'transfer'\r\n\r\n \/\/ Validation pas activeren na eerste submit\r\n let validationActive = false;\r\n\r\n \/\/ FX velden\r\n const fromCcy = document.getElementById('fromCcy');\r\n const toCcy = document.getElementById('toCcy');\r\n const amountInput = document.getElementById('amount');\r\n const fxResult = document.getElementById('fxResult');\r\n\r\n \/\/ Transfer velden\r\n const transferAmountInput = document.getElementById('transferAmount');\r\n const transferCcy = document.getElementById('transferCcy');\r\n\r\n \/\/ Basis wisselkoersen\r\n const FX_RATES = {\r\n 'EUR->SRD': 40,\r\n 'USD->SRD': 38.5\r\n };\r\n\r\n \/\/ \"Valuta naar\" alleen SRD\r\n const ALL_TO_OPTIONS = [\r\n { value: '', label: 'Kies valuta' },\r\n { value: 'SRD', label: 'SRD' }\r\n ];\r\n\r\n function buildToCcyOptions() {\r\n const currentTo = toCcy.value;\r\n toCcy.innerHTML = '';\r\n\r\n const filteredOptions = ALL_TO_OPTIONS; \/\/ geen filtering meer nodig\r\n\r\n filteredOptions.forEach(opt => {\r\n const option = document.createElement('option');\r\n option.value = opt.value;\r\n option.textContent = opt.label;\r\n toCcy.appendChild(option);\r\n });\r\n\r\n if ([...toCcy.options].some(o => o.value === currentTo)) {\r\n toCcy.value = currentTo;\r\n } else {\r\n toCcy.value = '';\r\n }\r\n }\r\n\r\n function formatNumber(value) {\r\n if (isNaN(value)) return '';\r\n return value.toLocaleString('nl-NL', {\r\n minimumFractionDigits: 2,\r\n maximumFractionDigits: 2\r\n });\r\n }\r\n\r\n function updateFxPreview() {\r\n if (activeMode !== 'fx') {\r\n \/\/ In overmaking-modus geen berekening tonen\r\n fxResult.textContent = 'Vul een bedrag in en kies Valuta van\/naar om de berekening te zien.';\r\n return;\r\n }\r\n\r\n const amount = parseFloat(String(amountInput.value).replace(',', '.'));\r\n const from = fromCcy.value;\r\n const to = toCcy.value;\r\n\r\n if (!amount || amount <= 0 || !from || !to) {\r\n fxResult.textContent = 'Vul een bedrag in en kies Valuta van\/naar om de berekening te zien.';\r\n return;\r\n }\r\n\r\n const key = from + '->' + to;\r\n const rate = FX_RATES[key];\r\n\r\n if (!rate) {\r\n fxResult.textContent = 'Voor deze combinatie is geen wisselkoersberekening nodig.';\r\n return;\r\n }\r\n\r\n const resultAmount = amount * rate;\r\n fxResult.innerHTML =\r\n 'Indicatieve uitkomst: <strong>' +\r\n formatNumber(amount) + ' ' + from +\r\n '<\/strong> \u2248 <strong>' +\r\n formatNumber(resultAmount) + ' ' + to +\r\n '<\/strong> (koers ' + rate + ')';\r\n }\r\n\r\n function isFieldVisible(field) {\r\n \/\/ Als het element (of zijn wrapper) display:none is, heeft het geen offsetParent\r\n return field.offsetParent !== null;\r\n }\r\n\r\n function validateField(field) {\r\n const wrapper = field.closest('.ps-field');\r\n\r\n \/\/ Verborgen velden worden niet gevalideerd\r\n if (!isFieldVisible(field)) {\r\n if (wrapper) {\r\n wrapper.classList.remove('ps-field--error');\r\n }\r\n return true;\r\n }\r\n\r\n let valid = field.checkValidity() && field.value.trim() !== '';\r\n\r\n if (!valid) {\r\n wrapper.classList.add('ps-field--error');\r\n } else {\r\n wrapper.classList.remove('ps-field--error');\r\n }\r\n return valid;\r\n }\r\n\r\n \/\/ Helper: alleen valideren als validationActive true is\r\n function maybeValidate(field) {\r\n if (!validationActive) return;\r\n validateField(field);\r\n }\r\n\r\n \/\/ Events voor validatie (maar pas actief na eerste submit)\r\n requiredFields.forEach((field) => {\r\n field.addEventListener('blur', () => maybeValidate(field));\r\n field.addEventListener('input', () => maybeValidate(field));\r\n field.addEventListener('change', () => maybeValidate(field));\r\n });\r\n\r\n \/\/ Events voor FX logica\r\n fromCcy.addEventListener('change', () => {\r\n buildToCcyOptions();\r\n updateFxPreview();\r\n });\r\n\r\n toCcy.addEventListener('change', updateFxPreview);\r\n amountInput.addEventListener('input', updateFxPreview);\r\n\r\n \/\/ Tabs gedrag\r\n function clearAllErrors() {\r\n requiredFields.forEach(field => {\r\n const wrapper = field.closest('.ps-field');\r\n if (wrapper) wrapper.classList.remove('ps-field--error');\r\n });\r\n }\r\n\r\n function setMode(mode) {\r\n activeMode = mode;\r\n\r\n if (mode === 'fx') {\r\n fxFieldsWrapper.classList.remove('is-hidden');\r\n fxPreviewWrapper.classList.remove('is-hidden');\r\n transferFieldsWrapper.classList.add('is-hidden');\r\n if (transferNote) transferNote.classList.add('is-hidden');\r\n\r\n \/\/ Reset transfervelden visueel\r\n transferAmountInput.value = '';\r\n transferCcy.value = '';\r\n updateFxPreview();\r\n } else {\r\n fxFieldsWrapper.classList.add('is-hidden');\r\n fxPreviewWrapper.classList.add('is-hidden');\r\n transferFieldsWrapper.classList.remove('is-hidden');\r\n if (transferNote) transferNote.classList.remove('is-hidden');\r\n\r\n \/\/ Reset FX-velden visueel\r\n amountInput.value = '';\r\n fromCcy.value = '';\r\n buildToCcyOptions();\r\n fxResult.textContent = 'Vul een bedrag in en kies Valuta van\/naar om de berekening te zien.';\r\n }\r\n\r\n \/\/ Status leegmaken bij modus-wissel\r\n statusBox.textContent = '';\r\n\r\n \/\/ Errors weghalen bij wisselen van tab\r\n clearAllErrors();\r\n }\r\n\r\n tabs.forEach(tab => {\r\n tab.addEventListener('click', () => {\r\n const mode = tab.dataset.mode;\r\n if (mode === activeMode) return;\r\n\r\n tabs.forEach(t => {\r\n t.classList.remove('ps-tab--active');\r\n t.setAttribute('aria-selected', 'false');\r\n });\r\n tab.classList.add('ps-tab--active');\r\n tab.setAttribute('aria-selected', 'true');\r\n\r\n setMode(mode);\r\n });\r\n });\r\n\r\n form.addEventListener('submit', function (e) {\r\n e.preventDefault();\r\n\r\n \/\/ Vanaf nu mag validatie zichtbaar worden\r\n validationActive = true;\r\n\r\n let allValid = true;\r\n requiredFields.forEach((field) => {\r\n if (!validateField(field)) {\r\n allValid = false;\r\n }\r\n });\r\n\r\n if (!allValid) {\r\n statusBox.textContent = 'Controleer de gemarkeerde velden en probeer opnieuw.';\r\n statusBox.classList.add('ps-form-status--error');\r\n return;\r\n }\r\n\r\n \/\/ Payload op basis van actieve modus\r\n let amountValue = '';\r\n let fromValue = '';\r\n let toValue = '';\r\n let currencyValue = '';\r\n\r\n if (activeMode === 'fx') {\r\n amountValue = form.amount.value.trim();\r\n fromValue = form.fromCcy.value;\r\n toValue = form.toCcy.value;\r\n } else {\r\n amountValue = form.transferAmount.value.trim();\r\n currencyValue = form.transferCcy.value;\r\n }\r\n\r\n const payload = {\r\n mode: activeMode, \/\/ 'fx' of 'transfer'\r\n firstName: form.firstName.value.trim(),\r\n lastName: form.lastName.value.trim(),\r\n email: form.email.value.trim(),\r\n phone: form.phone.value.trim(),\r\n amount: amountValue,\r\n fromCcy: fromValue || null,\r\n toCcy: toValue || null,\r\n currency: currencyValue || null,\r\n bank: form.bank.value,\r\n accountNumber: form.accountNumber.value.trim(),\r\n description: form.description.value.trim()\r\n };\r\n\r\n console.log('FX\/Transfer form payload:', payload);\r\n\r\n statusBox.textContent = 'Formulier is geldig en klaar om te verzenden.';\r\n statusBox.classList.remove('ps-form-status--error');\r\n });\r\n\r\n form.addEventListener('reset', function () {\r\n statusBox.textContent = '';\r\n fxResult.textContent = 'Vul een bedrag in en kies Valuta van\/naar om de berekening te zien.';\r\n validationActive = false; \/\/ bij reset weer schoon, geen fouten tonen\r\n clearAllErrors();\r\n\r\n setTimeout(() => {\r\n requiredFields.forEach(field => {\r\n const wrapper = field.closest('.ps-field');\r\n if (wrapper) wrapper.classList.remove('ps-field--error');\r\n });\r\n }, 0);\r\n });\r\n\r\n \/\/ Init\r\n buildToCcyOptions();\r\n setMode('fx');\r\n })();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>FX & Bankovermaking Vul de onderstaande gegevens in om uw aanvraag te starten. USD\/EUR omzetten Bankovermaking Gegevens aanvrager Voornaam * Vul uw voornaam in. Achternaam * Vul uw achternaam in. E-mail * Vul een geldig e-mailadres in. Mobielnummer * Vul uw telefoonnummer of walletnummer in. \u26a0\ufe0f Let wel: Gebruik hier uw juiste Uni5Pay+ walletnummer. Bij […]<\/p>","protected":false},"author":13,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-10356","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/scombank.sr\/zh\/wp-json\/wp\/v2\/pages\/10356","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/scombank.sr\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/scombank.sr\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/scombank.sr\/zh\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/scombank.sr\/zh\/wp-json\/wp\/v2\/comments?post=10356"}],"version-history":[{"count":64,"href":"https:\/\/scombank.sr\/zh\/wp-json\/wp\/v2\/pages\/10356\/revisions"}],"predecessor-version":[{"id":10509,"href":"https:\/\/scombank.sr\/zh\/wp-json\/wp\/v2\/pages\/10356\/revisions\/10509"}],"wp:attachment":[{"href":"https:\/\/scombank.sr\/zh\/wp-json\/wp\/v2\/media?parent=10356"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\r\n\r\n\r\n \r\n FX & Bankovermaking<\/title>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\r\n <link rel=\"stylesheet\" href=\"fx-form.css\">\r\n<\/head>\r\n<body>\r\n\r\n<main class=\"ps-page\">\r\n <section class=\"ps-card\">\r\n <header class=\"ps-card-head\">\r\n\r\n \r\n <div class=\"ps-logo-row\">\r\n <img decoding=\"async\" src=\"https:\/\/scombank.sr\/wp-content\/uploads\/2025\/11\/Logo-9.png\" alt=\"SCB logo\" class=\"ps-logo\">\r\n <\/div>\r\n\r\n <p class=\"ps-subtitle\">Vul de onderstaande gegevens in om uw aanvraag te starten.<\/p>\r\n\r\n \r\n <div class=\"ps-tabs\" role=\"tablist\" aria-label=\"Kies type aanvraag\">\r\n <button\r\n type=\"button\"\r\n class=\"ps-tab ps-tab--active\"\r\n data-mode=\"fx\"\r\n role=\"tab\"\r\n aria-selected=\"true\"\r\n >\r\n USD\/EUR omzetten\r\n <\/button>\r\n\r\n <button\r\n type=\"button\"\r\n class=\"ps-tab\"\r\n data-mode=\"transfer\"\r\n role=\"tab\"\r\n aria-selected=\"false\"\r\n >\r\n Bankovermaking\r\n <\/button>\r\n <\/div>\r\n\r\n <\/header>\r\n\r\n <form id=\"fxForm\" class=\"ps-form\" novalidate action=\"\">\r\n\r\n \r\n<section class=\"ps-section\">\r\n <h2 class=\"ps-section-title\">Gegevens aanvrager<\/h2>\r\n\r\n <div class=\"ps-grid ps-grid--2\">\r\n <div class=\"ps-field\">\r\n <label for=\"firstName\">\r\n Voornaam <span class=\"ps-required\">*<\/span>\r\n <\/label>\r\n <input\r\n type=\"text\"\r\n id=\"firstName\"\r\n name=\"firstName\"\r\n placeholder=\"Bijv. Ricky\"\r\n required\r\n data-required\r\n>\r\n <p class=\"ps-error-msg\">Vul uw voornaam in.<\/p>\r\n <\/div>\r\n\r\n <div class=\"ps-field\">\r\n <label for=\"lastName\">\r\n \u59d3\u6c0f <span class=\"ps-required\">*<\/span>\r\n <\/label>\r\n <input\r\n type=\"text\"\r\n id=\"lastName\"\r\n name=\"lastName\"\r\n placeholder=\"Bijv. Wu\"\r\n required\r\n data-required\r\n>\r\n <p class=\"ps-error-msg\">Vul uw achternaam in.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ps-grid ps-grid--2\">\r\n <div class=\"ps-field\">\r\n <label for=\"email\">\r\n E-mail <span class=\"ps-required\">*<\/span>\r\n <\/label>\r\n <input\r\n type=\"email\"\r\n id=\"email\"\r\n name=\"email\"\r\n placeholder=\"jouw@email.com\"\r\n required\r\n data-required\r\n>\r\n <p class=\"ps-error-msg\">Vul een geldig e-mailadres in.<\/p>\r\n <\/div>\r\n\r\n <div class=\"ps-field\">\r\n <label for=\"phone\">\r\n Mobielnummer <span class=\"ps-required\">*<\/span>\r\n <\/label>\r\n <input\r\n type=\"tel\"\r\n id=\"phone\"\r\n name=\"phone\"\r\n placeholder=\"Bijv. 8888888\"\r\n required\r\n data-required\r\n>\r\n <p class=\"ps-error-msg\">Vul uw telefoonnummer of walletnummer in.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"ps-field-hint\">\r\n <span class=\"ps-field-hint-icon\">\u26a0\ufe0f<\/span>\r\n <p>\r\n <strong>Let wel:<\/strong> Gebruik hier uw juiste Uni5Pay+ walletnummer.\r\n Bij een ongeldig nummer kunnen wij uw aanvraag helaas niet verder verwerken.\r\n <\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n \r\n <section class=\"ps-section\">\r\n <h2 class=\"ps-section-title\">Bedrag & valuta<\/h2>\r\n\r\n \r\n <div class=\"ps-grid ps-grid--3 ps-fx-fields\">\r\n <div class=\"ps-field\">\r\n <label for=\"amount\">\r\n Bedrag <span class=\"ps-required\">*<\/span>\r\n <\/label>\r\n <input\r\n type=\"number\"\r\n step=\"0.01\"\r\n id=\"amount\"\r\n name=\"amount\"\r\n placeholder=\"Bijv. 100\"\r\n required\r\n data-required\r\n>\r\n <p class=\"ps-error-msg\">Vul een bedrag in.<\/p>\r\n <\/div>\r\n\r\n <div class=\"ps-field\">\r\n <label for=\"fromCcy\">\r\n Valuta van <span class=\"ps-required\">*<\/span>\r\n <\/label>\r\n <select id=\"fromCcy\" name=\"fromCcy\" required data-required>\r\n <option value=\"\">Kies valuta<\/option>\r\n <option value=\"EUR\">EUR<\/option>\r\n <option value=\"USD\">\u7f8e\u5143<\/option>\r\n <\/select>\r\n <p class=\"ps-error-msg\">Kies de bronvaluta.<\/p>\r\n <\/div>\r\n\r\n <div class=\"ps-field\">\r\n <label for=\"toCcy\">\r\n Valuta naar <span class=\"ps-required\">*<\/span>\r\n <\/label>\r\n \r\n <select id=\"toCcy\" name=\"toCcy\" required data-required>\r\n <option value=\"\">Kies valuta<\/option>\r\n <option value=\"SRD\">\u82cf\u5143<\/option>\r\n <\/select>\r\n <p class=\"ps-error-msg\">Kies de doelvaluta.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"ps-fx-preview\">\r\n <div class=\"ps-fx-label\">Indicatieve koersberekening<\/div>\r\n <div class=\"ps-fx-result\" id=\"fxResult\">\r\n Vul een bedrag in en kies Valuta van\/naar om de berekening te zien.\r\n <\/div>\r\n <div class=\"ps-fx-hint\">\r\n Huidige wisselkoers: <strong>EUR \u2192 SRD = 40<\/strong>, <strong>USD \u2192 SRD = 38.50<\/strong>.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"ps-grid ps-grid--2 ps-transfer-fields is-hidden\">\r\n <div class=\"ps-field\">\r\n <label for=\"transferAmount\">\r\n Bedrag <span class=\"ps-required\">*<\/span>\r\n <\/label>\r\n <input\r\n type=\"number\"\r\n step=\"0.01\"\r\n id=\"transferAmount\"\r\n name=\"transferAmount\"\r\n placeholder=\"Bijv. 100\"\r\n data-required\r\n>\r\n <p class=\"ps-error-msg\">Vul een bedrag in.<\/p>\r\n <\/div>\r\n\r\n <div class=\"ps-field\">\r\n <label for=\"transferCcy\">\r\n Valutasoort <span class=\"ps-required\">*<\/span>\r\n <\/label>\r\n <select id=\"transferCcy\" name=\"transferCcy\" data-required>\r\n <option value=\"\">Kies valuta<\/option>\r\n <option value=\"EUR\">EUR<\/option>\r\n <option value=\"USD\">\u7f8e\u5143<\/option>\r\n <\/select>\r\n <p class=\"ps-error-msg\">Kies de valuta.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"ps-transfer-note is-hidden\">\r\n <span class=\"ps-transfer-icon\">\u26a0\ufe0f<\/span>\r\n <p>\r\n <strong>Let wel:<\/strong> In deze optie gebruikt u alleen de valutasoort die al op uw kaart staat. \r\n Er vindt <strong>geen valutawissel<\/strong> plaats binnen deze optie.\r\n Wilt u valuta omzetten naar SRD? Kies dan voor het tabblad <strong>\u201cUSD\/EUR omzetten\u201d<\/strong>.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n \r\n <section class=\"ps-section\">\r\n <h2 class=\"ps-section-title\">Bankovermaking<\/h2>\r\n\r\n <div class=\"ps-field\">\r\n <label for=\"bank\">\r\n \u53d7\u76ca\u4eba\u540d\u79f0 <span class=\"ps-required\">*<\/span>\r\n <\/label>\r\n <select id=\"bank\" name=\"bank\" required data-required>\r\n <option value=\"\">Kies uw bank<\/option>\r\n <option value=\"SCB\">Southern Commercial Bank<\/option>\r\n <option value=\"DSB\">De Surinaamsche Bank<\/option>\r\n <option value=\"HKB\">Hakrinbank<\/option>\r\n <option value=\"SPBS\">Surinaamse Postspaarbank<\/option>\r\n <option value=\"Fina\">Finabank<\/option>\r\n <option value=\"Godo\">Godobank<\/option>\r\n <option value=\"VKB\">Volkskrediet Bank<\/option>\r\n <option value=\"SCB-SURICHANGE\">Surichange Bank<\/option>\r\n <option value=\"Amanah\">Trustbank Amanah<\/option>\r\n <\/select>\r\n <p class=\"ps-error-msg\">Kies een bank.<\/p>\r\n <\/div>\r\n\r\n <div class=\"ps-grid ps-grid--2\">\r\n <div class=\"ps-field\">\r\n <label for=\"accountNumber\">\r\n \u8d26\u53f7 <span class=\"ps-required\">*<\/span>\r\n <\/label>\r\n <input\r\n type=\"text\"\r\n id=\"accountNumber\"\r\n name=\"accountNumber\"\r\n placeholder=\"Bijv. 150012438\"\r\n required\r\n data-required\r\n>\r\n <p class=\"ps-error-msg\">Vul een rekeningnummer in.<\/p>\r\n <\/div>\r\n\r\n <div class=\"ps-field\">\r\n <label for=\"description\">\r\n \u5907\u6ce8 <span class=\"ps-required\">*<\/span>\r\n <\/label>\r\n <input\r\n type=\"text\"\r\n id=\"description\"\r\n name=\"description\"\r\n placeholder=\"Bijv. Betaling van werkzaamheden\"\r\n required\r\n data-required\r\n>\r\n <p class=\"ps-error-msg\">Vul een omschrijving in.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <div class=\"ps-form-status\" aria-live=\"polite\"><\/div>\r\n\r\n <div class=\"ps-form-actions\">\r\n <button type=\"submit\" class=\"ps-btn ps-btn--primary\">\r\n Aanvraag versturen\r\n <\/button>\r\n <button type=\"reset\" class=\"ps-btn ps-btn--ghost\">\r\n Annuleren\r\n <\/button>\r\n <\/div>\r\n\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"zh\"\/><\/form>\r\n <\/section>\r\n<\/main>\r\n\r\n<script>\r\n (function () {\r\n const form = document.getElementById('fxForm');\r\n const requiredFields = form.querySelectorAll('[data-required]');\r\n const statusBox = form.querySelector('.ps-form-status');\r\n\r\n \/\/ Tabs \/ mode\r\n const tabs = document.querySelectorAll('.ps-tab');\r\n const fxFieldsWrapper = document.querySelector('.ps-fx-fields');\r\n const fxPreviewWrapper = document.querySelector('.ps-fx-preview');\r\n const transferFieldsWrapper = document.querySelector('.ps-transfer-fields');\r\n const transferNote = document.querySelector('.ps-transfer-note');\r\n let activeMode = 'fx'; \/\/ 'fx' of 'transfer'\r\n\r\n \/\/ Validation pas activeren na eerste submit\r\n let validationActive = false;\r\n\r\n \/\/ FX velden\r\n const fromCcy = document.getElementById('fromCcy');\r\n const toCcy = document.getElementById('toCcy');\r\n const amountInput = document.getElementById('amount');\r\n const fxResult = document.getElementById('fxResult');\r\n\r\n \/\/ Transfer velden\r\n const transferAmountInput = document.getElementById('transferAmount');\r\n const transferCcy = document.getElementById('transferCcy');\r\n\r\n \/\/ Basis wisselkoersen\r\n const FX_RATES = {\r\n 'EUR->SRD': 40,\r\n 'USD->SRD': 38.5\r\n };\r\n\r\n \/\/ \"Valuta naar\" alleen SRD\r\n const ALL_TO_OPTIONS = [\r\n { value: '', label: 'Kies valuta' },\r\n { value: 'SRD', label: 'SRD' }\r\n ];\r\n\r\n function buildToCcyOptions() {\r\n const currentTo = toCcy.value;\r\n toCcy.innerHTML = '';\r\n\r\n const filteredOptions = ALL_TO_OPTIONS; \/\/ geen filtering meer nodig\r\n\r\n filteredOptions.forEach(opt => {\r\n const option = document.createElement('option');\r\n option.value = opt.value;\r\n option.textContent = opt.label;\r\n toCcy.appendChild(option);\r\n });\r\n\r\n if ([...toCcy.options].some(o => o.value === currentTo)) {\r\n toCcy.value = currentTo;\r\n } else {\r\n toCcy.value = '';\r\n }\r\n }\r\n\r\n function formatNumber(value) {\r\n if (isNaN(value)) return '';\r\n return value.toLocaleString('nl-NL', {\r\n minimumFractionDigits: 2,\r\n maximumFractionDigits: 2\r\n });\r\n }\r\n\r\n function updateFxPreview() {\r\n if (activeMode !== 'fx') {\r\n \/\/ In overmaking-modus geen berekening tonen\r\n fxResult.textContent = 'Vul een bedrag in en kies Valuta van\/naar om de berekening te zien.';\r\n return;\r\n }\r\n\r\n const amount = parseFloat(String(amountInput.value).replace(',', '.'));\r\n const from = fromCcy.value;\r\n const to = toCcy.value;\r\n\r\n if (!amount || amount <= 0 || !from || !to) {\r\n fxResult.textContent = 'Vul een bedrag in en kies Valuta van\/naar om de berekening te zien.';\r\n return;\r\n }\r\n\r\n const key = from + '->' + to;\r\n const rate = FX_RATES[key];\r\n\r\n if (!rate) {\r\n fxResult.textContent = 'Voor deze combinatie is geen wisselkoersberekening nodig.';\r\n return;\r\n }\r\n\r\n const resultAmount = amount * rate;\r\n fxResult.innerHTML =\r\n 'Indicatieve uitkomst: <strong>' +\r\n formatNumber(amount) + ' ' + from +\r\n '<\/strong> \u2248 <strong>' +\r\n formatNumber(resultAmount) + ' ' + to +\r\n '<\/strong> (koers ' + rate + ')';\r\n }\r\n\r\n function isFieldVisible(field) {\r\n \/\/ Als het element (of zijn wrapper) display:none is, heeft het geen offsetParent\r\n return field.offsetParent !== null;\r\n }\r\n\r\n function validateField(field) {\r\n const wrapper = field.closest('.ps-field');\r\n\r\n \/\/ Verborgen velden worden niet gevalideerd\r\n if (!isFieldVisible(field)) {\r\n if (wrapper) {\r\n wrapper.classList.remove('ps-field--error');\r\n }\r\n return true;\r\n }\r\n\r\n let valid = field.checkValidity() && field.value.trim() !== '';\r\n\r\n if (!valid) {\r\n wrapper.classList.add('ps-field--error');\r\n } else {\r\n wrapper.classList.remove('ps-field--error');\r\n }\r\n return valid;\r\n }\r\n\r\n \/\/ Helper: alleen valideren als validationActive true is\r\n function maybeValidate(field) {\r\n if (!validationActive) return;\r\n validateField(field);\r\n }\r\n\r\n \/\/ Events voor validatie (maar pas actief na eerste submit)\r\n requiredFields.forEach((field) => {\r\n field.addEventListener('blur', () => maybeValidate(field));\r\n field.addEventListener('input', () => maybeValidate(field));\r\n field.addEventListener('change', () => maybeValidate(field));\r\n });\r\n\r\n \/\/ Events voor FX logica\r\n fromCcy.addEventListener('change', () => {\r\n buildToCcyOptions();\r\n updateFxPreview();\r\n });\r\n\r\n toCcy.addEventListener('change', updateFxPreview);\r\n amountInput.addEventListener('input', updateFxPreview);\r\n\r\n \/\/ Tabs gedrag\r\n function clearAllErrors() {\r\n requiredFields.forEach(field => {\r\n const wrapper = field.closest('.ps-field');\r\n if (wrapper) wrapper.classList.remove('ps-field--error');\r\n });\r\n }\r\n\r\n function setMode(mode) {\r\n activeMode = mode;\r\n\r\n if (mode === 'fx') {\r\n fxFieldsWrapper.classList.remove('is-hidden');\r\n fxPreviewWrapper.classList.remove('is-hidden');\r\n transferFieldsWrapper.classList.add('is-hidden');\r\n if (transferNote) transferNote.classList.add('is-hidden');\r\n\r\n \/\/ Reset transfervelden visueel\r\n transferAmountInput.value = '';\r\n transferCcy.value = '';\r\n updateFxPreview();\r\n } else {\r\n fxFieldsWrapper.classList.add('is-hidden');\r\n fxPreviewWrapper.classList.add('is-hidden');\r\n transferFieldsWrapper.classList.remove('is-hidden');\r\n if (transferNote) transferNote.classList.remove('is-hidden');\r\n\r\n \/\/ Reset FX-velden visueel\r\n amountInput.value = '';\r\n fromCcy.value = '';\r\n buildToCcyOptions();\r\n fxResult.textContent = 'Vul een bedrag in en kies Valuta van\/naar om de berekening te zien.';\r\n }\r\n\r\n \/\/ Status leegmaken bij modus-wissel\r\n statusBox.textContent = '';\r\n\r\n \/\/ Errors weghalen bij wisselen van tab\r\n clearAllErrors();\r\n }\r\n\r\n tabs.forEach(tab => {\r\n tab.addEventListener('click', () => {\r\n const mode = tab.dataset.mode;\r\n if (mode === activeMode) return;\r\n\r\n tabs.forEach(t => {\r\n t.classList.remove('ps-tab--active');\r\n t.setAttribute('aria-selected', 'false');\r\n });\r\n tab.classList.add('ps-tab--active');\r\n tab.setAttribute('aria-selected', 'true');\r\n\r\n setMode(mode);\r\n });\r\n });\r\n\r\n form.addEventListener('submit', function (e) {\r\n e.preventDefault();\r\n\r\n \/\/ Vanaf nu mag validatie zichtbaar worden\r\n validationActive = true;\r\n\r\n let allValid = true;\r\n requiredFields.forEach((field) => {\r\n if (!validateField(field)) {\r\n allValid = false;\r\n }\r\n });\r\n\r\n if (!allValid) {\r\n statusBox.textContent = 'Controleer de gemarkeerde velden en probeer opnieuw.';\r\n statusBox.classList.add('ps-form-status--error');\r\n return;\r\n }\r\n\r\n \/\/ Payload op basis van actieve modus\r\n let amountValue = '';\r\n let fromValue = '';\r\n let toValue = '';\r\n let currencyValue = '';\r\n\r\n if (activeMode === 'fx') {\r\n amountValue = form.amount.value.trim();\r\n fromValue = form.fromCcy.value;\r\n toValue = form.toCcy.value;\r\n } else {\r\n amountValue = form.transferAmount.value.trim();\r\n currencyValue = form.transferCcy.value;\r\n }\r\n\r\n const payload = {\r\n mode: activeMode, \/\/ 'fx' of 'transfer'\r\n firstName: form.firstName.value.trim(),\r\n lastName: form.lastName.value.trim(),\r\n email: form.email.value.trim(),\r\n phone: form.phone.value.trim(),\r\n amount: amountValue,\r\n fromCcy: fromValue || null,\r\n toCcy: toValue || null,\r\n currency: currencyValue || null,\r\n bank: form.bank.value,\r\n accountNumber: form.accountNumber.value.trim(),\r\n description: form.description.value.trim()\r\n };\r\n\r\n console.log('FX\/Transfer form payload:', payload);\r\n\r\n statusBox.textContent = 'Formulier is geldig en klaar om te verzenden.';\r\n statusBox.classList.remove('ps-form-status--error');\r\n });\r\n\r\n form.addEventListener('reset', function () {\r\n statusBox.textContent = '';\r\n fxResult.textContent = 'Vul een bedrag in en kies Valuta van\/naar om de berekening te zien.';\r\n validationActive = false; \/\/ bij reset weer schoon, geen fouten tonen\r\n clearAllErrors();\r\n\r\n setTimeout(() => {\r\n requiredFields.forEach(field => {\r\n const wrapper = field.closest('.ps-field');\r\n if (wrapper) wrapper.classList.remove('ps-field--error');\r\n });\r\n }, 0);\r\n });\r\n\r\n \/\/ Init\r\n buildToCcyOptions();\r\n setMode('fx');\r\n })();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>FX & Bankovermaking Vul de onderstaande gegevens in om uw aanvraag te starten. USD\/EUR omzetten Bankovermaking Gegevens aanvrager Voornaam * Vul uw voornaam in. Achternaam * Vul uw achternaam in. E-mail * Vul een geldig e-mailadres in. Mobielnummer * Vul uw telefoonnummer of walletnummer in. \u26a0\ufe0f Let wel: Gebruik hier uw juiste Uni5Pay+ walletnummer. Bij […]<\/p>","protected":false},"author":13,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-10356","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/scombank.sr\/zh\/wp-json\/wp\/v2\/pages\/10356","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/scombank.sr\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/scombank.sr\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/scombank.sr\/zh\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/scombank.sr\/zh\/wp-json\/wp\/v2\/comments?post=10356"}],"version-history":[{"count":64,"href":"https:\/\/scombank.sr\/zh\/wp-json\/wp\/v2\/pages\/10356\/revisions"}],"predecessor-version":[{"id":10509,"href":"https:\/\/scombank.sr\/zh\/wp-json\/wp\/v2\/pages\/10356\/revisions\/10509"}],"wp:attachment":[{"href":"https:\/\/scombank.sr\/zh\/wp-json\/wp\/v2\/media?parent=10356"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}