- Scan ID:
- 0c5178c6-fac0-414d-8226-9a41c1f5837aFinished
- Submitted URL:
- https://riyadbank.com/
- Report Finished:
Links ยท 16 found
The outgoing links identified from the page
| Link | Text |
|---|---|
| https://www.linkedin.com/shareArticle?mini=true&url={{url}}&title={{title}}&source={{source}} | |
| https://twitter.com/intent/tweet?status={{title}}+{{url}} | |
| https://www.facebook.com/share.php?u={{url}}&title={{title}} | |
| https://www.riyadonline.com/ib/login.html?lang=en | Personal |
| https://corp.riyadonline.com/CorpWeb/login.go?siteLanguage=en | Corporate |
| https://itunes.apple.com/sa/app/riyadbank-mobile/id1445567211 | |
| https://play.google.com/store/apps/details?id=com.riyadbank.strategic | |
| https://appgallery.huawei.com/#/app/C101184241 | |
| http://www.riyadcapital.com/en/ | |
| https://www.bouki.sa/en/home |
JavaScript Variables ยท 142 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
| Name | Type |
|---|---|
| 0 | object |
| 1 | object |
| 2 | object |
| 3 | object |
| 4 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| _tsbp_ | object |
| ie9rgb4 | undefined |
Console log messages ยท 0 found
Messages logged to the web console
HTML
The raw HTML body of the page
<!DOCTYPE html><html class="ltr yui3-js-enabled" dir="ltr" lang="en-US"><head><meta http-equiv="origin-trial" content="A/kargTFyk8MR5ueravczef/wIlTkbVk1qXQesp39nV+xNECPdLBVeYffxrM8TmZT6RArWGQVCJ0LRivD7glcAUAAACQeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZS5jb206NDQzIiwiZmVhdHVyZSI6IkRpc2FibGVUaGlyZFBhcnR5U3RvcmFnZVBhcnRpdGlvbmluZzIiLCJleHBpcnkiOjE3NDIzNDIzOTksImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9"><meta http-equiv="origin-trial" content="A/kargTFyk8MR5ueravczef/wIlTkbVk1qXQesp39nV+xNECPdLBVeYffxrM8TmZT6RArWGQVCJ0LRivD7glcAUAAACQeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZS5jb206NDQzIiwiZmVhdHVyZSI6IkRpc2FibGVUaGlyZFBhcnR5U3RvcmFnZVBhcnRpdGlvbmluZzIiLCJleHBpcnkiOjE3NDIzNDIzOTksImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9">
<title>Personal Banking | Riyad Bank</title>
<meta content="initial-scale=1.0, width=device-width" name="viewport">
<meta name="Generator" content="Generated by SR2 @ 14-02-2022 07:45:31">
<meta charset="utf-8">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="expires" content="0">
<meta name="PageTitle" content="Personal Banking">
<meta property="og:title" content="Personal Banking">
<meta property="og:type" content="ContentPage">
<meta property="og:url" content="/personal-banking">
<script async="" src="https://static.ads-twitter.com/uwt.js"></script><script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/aR-zv8WjtWx4lAw-tRCA-zca/recaptcha__en.js" crossorigin="anonymous" integrity="sha384-C0eb2CrhokW3SgZMDSrT/ioPvOCBoj1s7JouJ8IrLFB+j5cW9qY3JDWtShxtCryz"></script><script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/aR-zv8WjtWx4lAw-tRCA-zca/recaptcha__en.js" crossorigin="anonymous" integrity="sha384-C0eb2CrhokW3SgZMDSrT/ioPvOCBoj1s7JouJ8IrLFB+j5cW9qY3JDWtShxtCryz"></script><script type="text/javascript" async="" src="https://analytics.tiktok.com/i18n/pixel/events.js?sdkid=CNNFDD3C77UA3TGJ94B0&lib=ttq"></script><script type="text/javascript" async="" src="https://snap.licdn.com/li.lms-analytics/insight.min.js"></script><script type="text/javascript" async="" src="https://snap.licdn.com/li.lms-analytics/insight.min.js"></script><script type="text/javascript" async="" src="https://connect.facebook.net/en_US/fbevents.js"></script><script type="text/javascript" async="" src="https://sc-static.net/scevent.min.js"></script><script async="" src="//www.google-analytics.com/analytics.js"></script><script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-PJ75HSF"></script><script type="text/javascript">
//<![CDATA[
window["_tsbp_"] = { ba : "X-TS-BP-Action", bh : "X-TS-AJAX-Request"};
//]]>
</script><script type="text/javascript" src="/TSbd/080f9b561bab20009f60de636599272df2170b7cb1a3e8870ccee73e1d72717277bf21275aee2f66?type=2"></script><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-PJ75HSF');</script>
<meta name="twitter:type" content="website">
<meta name="twitter:url" content="https://www.riyadbank.com">
<meta name="twitter:image" content="http://media.riyadbank.com/images/Logo144.png">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@riyadbank">
<meta name="twitter:creator" content="@riyadbank">
<meta name="google-site-verification" content="IrVaUliqK9hCER3gSIWbJ5V0EtjqhbS-FuR6Z4Zx4bU">
<meta name="msvalidate.01" content="A85A643900EAF8922DDB3BFA5C6A4F69">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="apple-itunes-app" content="app-id=718101556">
<meta name="google-play-app" content="app-id=riyad.bankingapp.android">
<meta name="DocType" content="ContentPage">
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<script data-senna-track="permanent" src="/o/frontend-js-svg4everybody-web/index.js" type="text/javascript"></script>
<link data-senna-track="permanent" href="/o/frontend-theme-font-awesome-web/css/main.css" rel="stylesheet" type="text/css">
<link data-senna-track="temporary" href="https://www.riyadbank.com" rel="canonical">
<link data-senna-track="temporary" href="https://www.riyadbank.com/ar/" hreflang="ar-SA" rel="alternate">
<link data-senna-track="temporary" href="https://www.riyadbank.com" hreflang="en-US" rel="alternate">
<link data-senna-track="temporary" href="https://www.riyadbank.com" hreflang="x-default" rel="alternate">
<meta property="og:locale" content="en_US">
<meta property="og:locale:alternate" content="en_US">
<meta property="og:locale:alternate" content="ar_SA">
<meta property="og:site_name" content="Riyad Bank">
<meta property="og:title" content="Personal Banking - Riyad Bank">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.riyadbank.com">
<meta property="og:image" content="https://riyadbank.com/documents/20121/0/your+personal+loan-en_tcm8-26774.jpeg/53fd1220-f1aa-fe4e-36a4-bcc061ea77c8?version=1.0&t=1629796562788&imagePreview=1">
<meta property="og:image:alt" content="sdsdf">
<meta property="og:image:type" content="image/jpeg">
<meta property="og:image:url" content="https://riyadbank.com/documents/20121/0/your+personal+loan-en_tcm8-26774.jpeg/53fd1220-f1aa-fe4e-36a4-bcc061ea77c8?version=1.0&t=1629796562788&imagePreview=1">
<meta property="og:image:height" content="400">
<meta property="og:image:width" content="790">
<link href="https://riyadbank.com/o/rb-theme/images/favicon.ico" rel="icon">
<link class="lfr-css-file" data-senna-track="temporary" href="https://riyadbank.com/o/rb-theme/css/clay.css?browserId=chrome&themeId=rbtheme_WAR_rbtheme&minifierType=css&languageId=en_US&t=1728694096000" id="liferayAUICSS" rel="stylesheet" type="text/css">
<link rel="stylesheet" id="yui_patched_v3_18_6_1_1728890692200_35" href="/combo/?browserId=chrome&minifierType=&languageId=en_US&t=1728697214839&/o/frontend-js-aui-web/aui/widget-base/assets/skins/sam/widget-base.css"><script charset="utf-8" id="yui_patched_v3_18_6_1_1728890692200_36" src="/combo/?browserId=chrome&minifierType=&languageId=en_US&t=1728697214839&/o/frontend-js-aui-web/aui/yui-throttle/yui-throttle-min.js&/o/frontend-js-aui-web/aui/classnamemanager/classnamemanager-min.js&/o/frontend-js-aui-web/aui/aui-classnamemanager/aui-classnamemanager-min.js&/o/frontend-js-aui-web/aui/aui-debounce/aui-debounce-min.js&/o/frontend-js-aui-web/aui/array-extras/array-extras-min.js&/o/frontend-js-aui-web/aui/event-base/event-base-min.js&/o/frontend-js-aui-web/aui/dom-core/dom-core-min.js&/o/frontend-js-aui-web/aui/dom-base/dom-base-min.js&/o/frontend-js-aui-web/aui/selector-native/selector-native-min.js&/o/frontend-js-aui-web/aui/selector/selector-min.js&/o/frontend-js-aui-web/aui/node-core/node-core-min.js&/o/frontend-js-aui-web/aui/dom-style/dom-style-min.js&/o/frontend-js-aui-web/aui/node-base/node-base-min.js&/o/frontend-js-aui-web/aui/event-delegate/event-delegate-min.js&/o/frontend-js-aui-web/aui/node-event-delegate/node-event-delegate-min.js" async=""></script><script charset="utf-8" id="yui_patched_v3_18_6_1_1728890692200_37" src="/combo/?browserId=chrome&minifierType=&languageId=en_US&t=1728697214839&/o/frontend-js-aui-web/aui/pluginhost-base/pluginhost-base-min.js&/o/frontend-js-aui-web/aui/pluginhost-config/pluginhost-config-min.js&/o/frontend-js-aui-web/aui/node-pluginhost/node-pluginhost-min.js&/o/frontend-js-aui-web/aui/dom-screen/dom-screen-min.js&/o/frontend-js-aui-web/aui/node-screen/node-screen-min.js&/o/frontend-js-aui-web/aui/node-style/node-style-min.js&/o/frontend-js-aui-web/aui/aui-node-base/aui-node-base-min.js&/o/frontend-js-aui-web/aui/escape/escape-min.js&/o/frontend-js-aui-web/aui/selector-css2/selector-css2-min.js&/o/frontend-js-aui-web/aui/selector-css3/selector-css3-min.js&/o/frontend-js-aui-web/aui/base-core/base-core-min.js&/o/frontend-js-aui-web/aui/base-observable/base-observable-min.js&/o/frontend-js-aui-web/aui/base-base/base-base-min.js&/o/frontend-js-aui-web/aui/base-pluginhost/base-pluginhost-min.js&/o/frontend-js-aui-web/aui/event-synthetic/event-synthetic-min.js" async=""></script><script charset="utf-8" id="yui_patched_v3_18_6_1_1728890692200_38" src="/combo/?browserId=chrome&minifierType=&languageId=en_US&t=1728697214839&/o/frontend-js-aui-web/aui/event-focus/event-focus-min.js&/o/frontend-js-aui-web/aui/widget-base/widget-base-min.js&/o/frontend-js-aui-web/aui/aui-widget-cssclass/aui-widget-cssclass-min.js&/o/frontend-js-aui-web/aui/aui-widget-toggle/aui-widget-toggle-min.js&/o/frontend-js-aui-web/aui/base-build/base-build-min.js&/o/frontend-js-aui-web/aui/aui-component/aui-component-min.js&/o/frontend-js-aui-web/aui/aui-event-base/aui-event-base-min.js&/o/frontend-js-aui-web/aui/timers/timers-min.js&/o/frontend-js-aui-web/aui/aui-event-input/aui-event-input-min.js&/o/frontend-js-aui-web/aui/aui-form-validator/aui-form-validator-min.js&/o/frontend-js-aui-web/liferay/form.js" async=""></script><link data-senna-track="temporary" href="/o/frontend-css-web/main.css?browserId=chrome&themeId=rbtheme_WAR_rbtheme&minifierType=css&languageId=en_US&t=1728694043296" id="liferayPortalCSS" rel="stylesheet" type="text/css">
<link data-senna-track="temporary" href="/combo?browserId=chrome&minifierType=&themeId=rbtheme_WAR_rbtheme&languageId=en_US&com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_liyk:%2Fcss%2Fmain.css&com_liferay_product_navigation_product_menu_web_portlet_ProductMenuPortlet:%2Fcss%2Fmain.css&com_liferay_segments_experiment_web_internal_portlet_SegmentsExperimentPortlet:%2Fcss%2Fmain.css&com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq1:%2Fcss%2Fmain.css&com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb:%2Fcss%2Fmain.css&com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_pubt:%2Fcss%2Fmain.css&t=1728694096000" id="3c6f9d7d" rel="stylesheet" type="text/css">
<script data-senna-track="temporary" type="text/javascript">
// <![CDATA[
var Liferay = Liferay || {};
Liferay.Browser = {
acceptsGzip: function() {
return false;
},
getMajorVersion: function() {
return 119.0;
},
getRevision: function() {
return '537.36';
},
getVersion: function() {
return '119.0';
},
isAir: function() {
return false;
},
isChrome: function() {
return true;
},
isEdge: function() {
return false;
},
isFirefox: function() {
return false;
},
isGecko: function() {
return true;
},
isIe: function() {
return false;
},
isIphone: function() {
return false;
},
isLinux: function() {
return false;
},
isMac: function() {
return false;
},
isMobile: function() {
return false;
},
isMozilla: function() {
return false;
},
isOpera: function() {
return false;
},
isRtf: function() {
return true;
},
isSafari: function() {
return true;
},
isSun: function() {
return false;
},
isWebKit: function() {
return true;
},
isWindows: function() {
return true;
}
};
Liferay.Data = Liferay.Data || {};
Liferay.Data.ICONS_INLINE_SVG = true;
Liferay.Data.NAV_SELECTOR = '#navigation';
Liferay.Data.NAV_SELECTOR_MOBILE = '#navigationCollapse';
Liferay.Data.isCustomizationView = function() {
return false;
};
Liferay.Data.notices = [
];
Liferay.PortletKeys = {
DOCUMENT_LIBRARY: 'com_liferay_document_library_web_portlet_DLPortlet',
DYNAMIC_DATA_MAPPING: 'com_liferay_dynamic_data_mapping_web_portlet_DDMPortlet',
ITEM_SELECTOR: 'com_liferay_item_selector_web_portlet_ItemSelectorPortlet'
};
Liferay.PropsValues = {
JAVASCRIPT_SINGLE_PAGE_APPLICATION_TIMEOUT: 0,
NTLM_AUTH_ENABLED: false,
UPLOAD_SERVLET_REQUEST_IMPL_MAX_SIZE: 12572853473280
};
Liferay.ThemeDisplay = {
getLayoutId: function() {
return '2727';
},
getLayoutRelativeControlPanelURL: function() {
return '/group/guest/~/control_panel/manage';
},
getLayoutRelativeURL: function() {
return '/web/guest/personal-banking';
},
getLayoutURL: function() {
return 'https://riyadbank.com/web/guest/personal-banking';
},
getParentLayoutId: function() {
return '0';
},
isControlPanel: function() {
return false;
},
isPrivateLayout: function() {
return 'false';
},
isVirtualLayout: function() {
return false;
},
getBCP47LanguageId: function() {
return 'en-US';
},
getCanonicalURL: function() {
return 'https\x3a\x2f\x2fwww\x2eriyadbank\x2ecom';
},
getCDNBaseURL: function() {
return 'https://riyadbank.com';
},
getCDNDynamicResourcesHost: function() {
return '';
},
getCDNHost: function() {
return '';
},
getCompanyGroupId: function() {
return '20123';
},
getCompanyId: function() {
return '20097';
},
getDefaultLanguageId: function() {
return 'en_US';
},
getDoAsUserIdEncoded: function() {
return '';
},
getLanguageId: function() {
return 'en_US';
},
getParentGroupId: function() {
return '20121';
},
getPathContext: function() {
return '';
},
getPathImage: function() {
return '/image';
},
getPathJavaScript: function() {
return '/o/frontend-js-web';
},
getPathMain: function() {
return '/c';
},
getPathThemeImages: function() {
return 'https://riyadbank.com/o/rb-theme/images';
},
getPathThemeRoot: function() {
return '/o/rb-theme';
},
getPlid: function() {
return '5759';
},
getPortalURL: function() {
return 'https://riyadbank.com';
},
getRealUserId: function() {
return '20102';
},
getScopeGroupId: function() {
return '20121';
},
getScopeGroupIdOrLiveGroupId: function() {
return '20121';
},
getSessionId: function() {
return '';
},
getSiteAdminURL: function() {
return 'https://riyadbank.com/group/guest/~/control_panel/manage?p_p_lifecycle=0&p_p_state=maximized&p_p_mode=view';
},
getSiteGroupId: function() {
return '20121';
},
getURLControlPanel: function() {
return '/group/control_panel?refererPlid=5759';
},
getURLHome: function() {
return 'https\x3a\x2f\x2friyadbank\x2ecom\x2fweb\x2fguest';
},
getUserEmailAddress: function() {
return '';
},
getUserId: function() {
return '20102';
},
getUserName: function() {
return '';
},
isAddSessionIdToURL: function() {
return false;
},
isImpersonated: function() {
return false;
},
isSignedIn: function() {
return false;
},
isStagedPortlet: function() {
return false;
},
isStateExclusive: function() {
return false;
},
isStateMaximized: function() {
return false;
},
isStatePopUp: function() {
return false;
}
};
var themeDisplay = Liferay.ThemeDisplay;
Liferay.AUI = {
getAvailableLangPath: function() {
return 'available_languages.jsp?browserId=chrome&themeId=rbtheme_WAR_rbtheme&colorSchemeId=01&minifierType=js&languageId=en_US&t=1728694041007';
},
getCombine: function() {
return true;
},
getComboPath: function() {
return '/combo/?browserId=chrome&minifierType=&languageId=en_US&t=1728697214839&';
},
getDateFormat: function() {
return '%m/%d/%Y';
},
getEditorCKEditorPath: function() {
return '/o/frontend-editor-ckeditor-web';
},
getFilter: function() {
var filter = 'raw';
filter = 'min';
return filter;
},
getFilterConfig: function() {
var instance = this;
var filterConfig = null;
if (!instance.getCombine()) {
filterConfig = {
replaceStr: '.js' + instance.getStaticResourceURLParams(),
searchExp: '\\.js$'
};
}
return filterConfig;
},
getJavaScriptRootPath: function() {
return '/o/frontend-js-web';
},
getLangPath: function() {
return 'aui_lang.jsp?browserId=chrome&themeId=rbtheme_WAR_rbtheme&colorSchemeId=01&minifierType=js&languageId=en_US&t=1728697214839';
},
getPortletRootPath: function() {
return '/html/portlet';
},
getStaticResourceURLParams: function() {
return '?browserId=chrome&minifierType=&languageId=en_US&t=1728697214839';
}
};
Liferay.authToken = 'LgPMyLum';
Liferay.currentURL = '\x2f';
Liferay.currentURLEncoded = '\x252F';
// ]]>
</script>
<script src="/o/js_loader_config?t=1728694061001" type="text/javascript"></script>
<script data-senna-track="permanent" src="/combo?browserId=chrome&minifierType=js&languageId=en_US&t=1728697214839&/o/frontend-js-aui-web/aui/aui/aui.js&/o/frontend-js-aui-web/liferay/modules.js&/o/frontend-js-aui-web/liferay/aui_sandbox.js&/o/frontend-js-aui-web/aui/attribute-base/attribute-base.js&/o/frontend-js-aui-web/aui/attribute-complex/attribute-complex.js&/o/frontend-js-aui-web/aui/attribute-core/attribute-core.js&/o/frontend-js-aui-web/aui/attribute-observable/attribute-observable.js&/o/frontend-js-aui-web/aui/attribute-extras/attribute-extras.js&/o/frontend-js-aui-web/aui/event-custom-base/event-custom-base.js&/o/frontend-js-aui-web/aui/event-custom-complex/event-custom-complex.js&/o/frontend-js-aui-web/aui/oop/oop.js&/o/frontend-js-aui-web/aui/aui-base-lang/aui-base-lang.js&/o/frontend-js-aui-web/liferay/dependency.js&/o/frontend-js-aui-web/liferay/util.js&/o/frontend-js-web/loader/config.js&/o/frontend-js-web/loader/loader.js&/o/frontend-js-web/liferay/dom_task_runner.js&/o/frontend-js-web/liferay/events.js&/o/frontend-js-web/liferay/lazy_load.js&/o/frontend-js-web/liferay/liferay.js&/o/frontend-js-web/liferay/global.bundle.js&/o/frontend-js-web/liferay/portlet.js&/o/frontend-js-web/liferay/workflow.js" type="text/javascript"></script>
<script data-senna-track="temporary" src="/o/js_bundle_config?t=1728694095304" type="text/javascript"></script>
<script data-senna-track="temporary" type="text/javascript">
// <![CDATA[
// ]]>
</script>
<script data-senna-track="permanent" id="googleAnalyticsScript" type="text/javascript">
(function(i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function() {
var arrayValue = i[r].q || [];
i[r].q = arrayValue;
(i[r].q).push(arguments);
};
i[r].l = 1 * new Date();
a = s.createElement(o);
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m);
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-25014360-1', 'auto');
ga('send', 'pageview');
</script>
<!-- Google tag (gtag.js) --> <script async="" src="https://www.googletagmanager.com/gtag/js?id=G-ZRPZCLCVL0"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-ZRPZCLCVL0'); </script>
<link data-senna-track="temporary" href="/o/product-navigation-product-menu-web/css/main.css?browserId=chrome&themeId=rbtheme_WAR_rbtheme&minifierType=css&languageId=en_US&t=1665425850000" rel="stylesheet" type="text/css">
<link data-senna-track="temporary" href="/o/segments-experiment-web/css/main.css?browserId=chrome&themeId=rbtheme_WAR_rbtheme&minifierType=css&languageId=en_US&t=1656708266000" rel="stylesheet" type="text/css">
<link data-senna-track="temporary" href="/o/journal-content-web/css/main.css?browserId=chrome&themeId=rbtheme_WAR_rbtheme&minifierType=css&languageId=en_US&t=1672296156000" rel="stylesheet" type="text/css">
<link data-senna-track="temporary" href="/o/com.rb.iban.generator.web/css/main.css?browserId=chrome&themeId=rbtheme_WAR_rbtheme&minifierType=css&languageId=en_US&t=1726763692000" rel="stylesheet" type="text/css">
<link data-senna-track="temporary" href="/o/com.rb.finance.calculator.web/css/main.css?browserId=chrome&themeId=rbtheme_WAR_rbtheme&minifierType=css&languageId=en_US&t=1727623026000" rel="stylesheet" type="text/css">
<link class="lfr-css-file" data-senna-track="temporary" href="https://riyadbank.com/o/rb-theme/css/main.css?browserId=chrome&themeId=rbtheme_WAR_rbtheme&minifierType=css&languageId=en_US&t=1728694096000" id="liferayThemeCSS" rel="stylesheet" type="text/css">
<style data-senna-track="temporary" type="text/css">
.ddm-form-page p {
display:none;
}
.ddm-form-name {
display:none;
}
.ddm-label{
color: var(--secondary);
font-weight: normal;
font-size: .875rem;
}
.lfr-ddm-legend {
color: var(--secondary);
font-weight: normal;
margin-bottom: 0.25rem;
font-size: .875rem;
}
span.ddm-label-required.reference-mark {
font-size: 14px;
margin: 0px 0 32px;
padding-left: 3px;
}
span.custom-control-label {
color: var(--secondary);
}
.form-feedback-group .form-feedback-item{
font-weight: normal;
color: #ff6d70;
}
button#ddm-form-submit {
background-color: var(--primary);
border: 1px solid var(--primary);
}
span.custom-control-label-text {
color: var(--secondary);
}
</style>
<style data-senna-track="temporary" type="text/css">
</style>
<style data-senna-track="temporary" type="text/css">
:root {
--container-max-sm: 576px;
--h4-font-size: 24px;
--font-weight-bold: 700;
--rounded-pill: 50rem;
--display4-weight: 300;
--danger: #da1414;
--display2-size: 5.5rem;
--body-bg: #fff;
--display2-weight: 300;
--display1-weight: 300;
--display3-weight: 300;
--box-shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .075);
--title-content: 32px;
--font-size-regular: 12px;
--font-weight-lighter: lighter;
--h3-font-size: 36px;
--transition-collapse: height .35s ease;
--blockquote-small-color: #6b6c7e;
--secondary: #230871;
--terciary-vari-2: #b8bdc7;
--hr-border-color: rgba(0, 0, 0, .1);
--hr-border-margin-y: 1rem;
--secondary-va-2: #7969a8;
--terciary-vari-3: #dcdee3;
--light: #f1f2f5;
--spacing-subtitle-content: 24px;
--section-title-mobile: 34px;
--sub-section-title: 36px;
--display3-size: 4.5rem;
--primary: #00af9a;
--container-max-md: 768px;
--border-radius-sm: 0.1875rem;
--display-line-height: 1.2;
--fills-background: #d5ebee;
--page-title: 60px;
--page-title-mobile: 38px;
--h6-font-size: 0.8125rem;
--h2-font-size: 40px;
--aspect-ratio-4-to-3: 75%;
--spacer-10: 70px;
--font-weight-normal: 400;
--dark: #272833;
--blockquote-small-font-size: 80%;
--h5-font-size: 24px;
--secondary20: #4f3a8d;
--blockquote-font-size: 1.25rem;
--transition-fade: opacity .15s linear;
--display4-size: 3.5rem;
--border-radius-lg: 0.375rem;
--display1-size: 6rem;
--private-bank-dark-vari: #181621;
--component-padding-mobile: 40px;
--body-color: #111;
--box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .175);
--container-max-lg: 992px;
--aspect-ratio: 100%;
--body-container: #fff;
--aspect-ratio-16-to-9: 56.25%;
--box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
--white: #FFFFFF;
--portlet-bg-color: #272833;
--background-variant: #eaf5f6;
--component-padding: 60px;
--warning: #b95000;
--info: #2e5aac;
--new-diamond-bank-vari: #E0DEE9;
--secondary-vari: #e9e6f0;
--hr-border-width: 1px;
--new-private-bank-vari: #E5E5E5;
--private-bank-exclusive-vari: #3B3A43;
--success: #287d3c;
--terciary-varian: #f7f8f9;
--font-size-sm: 8px;
--font-family-base: Effra;
--spacer-0: 0;
--private-bank-vari: #D8D8D8;
--lead-font-size: 1.25rem;
--terciary: #747c91;
--mega-megu: #140440;
--border-radius: 0.25rem;
--spacer-9: 68px;
--negative: #ff6d70;
--font-weight-light: 300;
--font-size-x-lg: 1.5rem;
--spacer-2: 15px;
--spacer-1: 8px;
--section-title: 40px;
--spacer-4: 24px;
--spacer-3: 16px;
--fontFamilyDin: Din;
--spacing-main: 8px;
--spacer-6: 40px;
--spacer-5: 32px;
--spacer-8: 60px;
--border-radius-circle: 50%;
--spacer-7: 44px;
--font-size-lg: 1.2rem;
--new-diamond-bank-vari-head: #230871;
--aspect-ratio-8-to-3: 37.5%;
--font-weight-bolder: 900;
--container-max-xl: 1200px;
--technology: #68478d;
--h1-font-size: 60px;
--text-muted: #a7a9bc;
--primary20: #34bfae;
--lead-font-weight: 300;
--font-size-base: 1rem;
}
</style>
<script data-senna-track="temporary" type="text/javascript">
if (window.Analytics) {
window._com_liferay_document_library_analytics_isViewFileEntry = false;
}
</script>
<script type="text/javascript">
// <![CDATA[
Liferay.on(
'ddmFieldBlur', function(event) {
if (window.Analytics) {
Analytics.send(
'fieldBlurred',
'Form',
{
fieldName: event.fieldName,
focusDuration: event.focusDuration,
formId: event.formId,
page: event.page
}
);
}
}
);
Liferay.on(
'ddmFieldFocus', function(event) {
if (window.Analytics) {
Analytics.send(
'fieldFocused',
'Form',
{
fieldName: event.fieldName,
formId: event.formId,
page: event.page
}
);
}
}
);
Liferay.on(
'ddmFormPageShow', function(event) {
if (window.Analytics) {
Analytics.send(
'pageViewed',
'Form',
{
formId: event.formId,
page: event.page,
title: event.title
}
);
}
}
);
Liferay.on(
'ddmFormSubmit', function(event) {
if (window.Analytics) {
Analytics.send(
'formSubmitted',
'Form',
{
formId: event.formId
}
);
}
}
);
Liferay.on(
'ddmFormView', function(event) {
if (window.Analytics) {
Analytics.send(
'formViewed',
'Form',
{
formId: event.formId,
title: event.title
}
);
}
}
);
// ]]>
</script>
<script src="https://riyadbank.com/o/rb-theme/js/main_rb.js?v=ver5072023" type="text/javascript"></script>
<script src="https://riyadbank.com/o/rb-theme/js/lib/bootstrap-hijri-datetimepicker.js?v=ver5072023" type="text/javascript" defer="defer"></script>
<script src="/combo/?browserId=chrome&minifierType=&languageId=en_US&t=1728697214839&/o/js/resolved-module/[email protected]/lib/coreNamed.js&/o/js/resolved-module/[email protected]/lib/core.js&/o/js/resolved-module/[email protected]/lib/array/array.js&/o/js/resolved-module/[email protected]/lib/async/async.js&/o/js/resolved-module/[email protected]/lib/disposable/Disposable.js&/o/js/resolved-module/[email protected]/lib/object/object.js&/o/js/resolved-module/[email protected]/lib/string/string.js&/o/js/resolved-module/[email protected]/lib/metal.js&/o/js/resolved-module/[email protected]/lib/domData.js&/o/js/resolved-module/[email protected]/lib/EventHandle.js&/o/js/resolved-module/[email protected]/lib/EventEmitter.js&/o/js/resolved-module/[email protected]/lib/EventEmitterProxy.js&/o/js/resolved-module/[email protected]/lib/EventHandler.js&/o/js/resolved-module/[email protected]/lib/events.js&/o/js/resolved-module/[email protected]/lib/DomDelegatedEventHandle.js&/o/js/resolved-module/[email protected]/lib/DomEventHandle.js&/o/js/resolved-module/[email protected]/lib/domNamed.js&/o/js/resolved-module/[email protected]/lib/dom.js&/o/js/resolved-module/[email protected]/lib/DomEventEmitterProxy.js&/o/js/resolved-module/[email protected]/lib/features.js&/o/js/resolved-module/[email protected]/lib/globalEval.js&/o/js/resolved-module/[email protected]/lib/globalEvalStyles.js&/o/js/resolved-module/[email protected]/lib/events.js&/o/js/resolved-module/[email protected]/lib/all/dom.js"></script><script src="/combo/?browserId=chrome&minifierType=&languageId=en_US&t=1728697214839&/o/js/resolved-module/[email protected]/index.js"></script><script src="/combo/?browserId=chrome&minifierType=&languageId=en_US&t=1728697214839&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/cjs/react.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/Tooltip.js&/o/js/resolved-module/[email protected]/warning.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/index.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/Provider.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/index.js&/o/js/resolved-module/[email protected]/cjs/scheduler.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/cjs/react-dom.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/Portal.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/delegate.js&/o/js/resolved-module/[email protected]/dist-node/index.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/doAlign.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/Keys.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/useFocusManagement.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/FocusScope.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/getEllipsisItems.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/Group.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/Button.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/ButtonWithIcon.js"></script><script src="/combo/?browserId=chrome&minifierType=&languageId=en_US&t=1728697214839&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/index.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/Context.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/index.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/LinkOrButton.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/sub.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/observeRect.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/useDebounce.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/setElementFullHeight.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/useInternalState.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/useMousePosition.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/MouseSafeArea.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/index.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/TooltipProvider.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/index.js&/o/js/resolved-module/[email protected]/browser.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/js/render.es.js&/o/js/resolved-module/[email protected]/js/hooks/useEventListener.es.js&/o/js/resolved-module/[email protected]/js/hooks/useIsMounted.es.js&/o/js/resolved-module/[email protected]/js/hooks/useInterval.es.js&/o/js/resolved-module/[email protected]/js/hooks/usePrevious.es.js&/o/js/resolved-module/[email protected]/js/hooks/useStateSafe.es.js&/o/js/resolved-module/[email protected]/js/hooks/useThunk.es.js&/o/js/resolved-module/[email protected]/js/hooks/useTimeout.es.js"></script><script src="/combo/?browserId=chrome&minifierType=&languageId=en_US&t=1728697214839&/o/js/resolved-module/[email protected]/js/index.es.js&/o/js/resolved-module/[email protected]/lib/Geometry.js&/o/js/resolved-module/[email protected]/lib/Position.js&/o/js/resolved-module/[email protected]/lib/Align.js&/o/js/resolved-module/[email protected]/lib/all/position.js&/o/js/resolved-module/[email protected]/reducer.js&/o/js/resolved-module/[email protected]/index.js"></script><script src="/combo/?browserId=chrome&minifierType=&languageId=en_US&t=1728697214839&/o/js/resolved-module/[email protected]/TabsProvider.js&/o/js/resolved-module/[email protected]/index.js"></script><script src="/combo/?browserId=chrome&minifierType=&languageId=en_US&t=1728697214839&/o/js/resolved-module/[email protected]/CollapseProvider.js&/o/js/resolved-module/[email protected]/index.js"></script><script src="/combo/?browserId=chrome&minifierType=&languageId=en_US&t=1728697214839&/o/js/resolved-module/[email protected]/dist-node/index.js&/o/js/resolved-module/[email protected]/DropdownProvider.js&/o/js/resolved-module/[email protected]/index.js"></script><script src="/combo/?browserId=chrome&minifierType=&languageId=en_US&t=1728697214839&/o/js/resolved-module/[email protected]/liferay/aop/AOP.es.js&/o/js/resolved-module/[email protected]/liferay/autosize/autosize.es.js&/o/js/resolved-module/[email protected]/liferay/debounce/debounce.es.js&/o/js/resolved-module/[email protected]/liferay/delegate/delegate.es.js&/o/js/resolved-module/[email protected]/liferay/util/form/object_to_form_data.es.js&/o/js/resolved-module/[email protected]/liferay/breakpoints.js&/o/js/resolved-module/[email protected]/lib/validators.js&/o/js/resolved-module/[email protected]/lib/Config.js&/o/js/resolved-module/[email protected]/lib/State.js&/o/js/resolved-module/[email protected]/lib/all/state.js&/o/js/resolved-module/[email protected]/liferay/CompatibilityEventProxy.es.js&/o/js/resolved-module/[email protected]/lib/events/events.js&/o/js/resolved-module/[email protected]/lib/sync/sync.js&/o/js/resolved-module/[email protected]/lib/ComponentDataManager.js&/o/js/resolved-module/[email protected]/lib/ComponentRenderer.js&/o/js/resolved-module/[email protected]/lib/Component.js&/o/js/resolved-module/[email protected]/lib/ComponentRegistry.js&/o/js/resolved-module/[email protected]/lib/all/component.js&/o/js/resolved-module/[email protected]/liferay/PortletBase.es.js&/o/js/resolved-module/[email protected]/liferay/DefaultEventHandler.es.js&/o/js/resolved-module/[email protected]/liferay/util/toggle_disabled.js&/o/js/resolved-module/[email protected]/liferay/ItemSelectorDialog.es.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/index.js"></script><script src="/combo/?browserId=chrome&minifierType=&languageId=en_US&t=1728697214839&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/Body.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/Context.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/Footer.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/Header.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/Hook.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/types.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/Modal.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/useModal.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/Provider.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/index.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/lib/ReactPropTypesSecret.js&/o/js/resolved-module/[email protected]/factoryWithThrowingShims.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/liferay/modal/Modal.scss.js&/o/js/resolved-module/[email protected]/liferay/util/navigate.es.js&/o/js/resolved-module/[email protected]/liferay/modal/Modal.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/Col.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/Container.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/ContainerFluid.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/Content.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/Row.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/Sheet.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/index.js"></script><script src="/combo/?browserId=chrome&minifierType=&languageId=en_US&t=1728697214839&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/Footer.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/ToastContainer.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/index.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/Checkbox.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/SelectBox.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/DualListBox.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/Form.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/Input.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/Radio.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/RadioGroup.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/Select.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/SelectWithOption.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/Toggle.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/index.js&/o/js/resolved-module/[email protected]/liferay/modal/components/SimpleInputModal.es.js&/o/js/resolved-module/[email protected]/liferay/modal/commands/OpenSimpleInputModal.es.js&/o/js/resolved-module/[email protected]/liferay/util/get_portlet_namespace.es.js&/o/js/resolved-module/[email protected]/liferay/util/portlet_url/create_portlet_url.es.js&/o/js/resolved-module/[email protected]/liferay/util/portlet_url/create_action_url.es.js&/o/js/resolved-module/[email protected]/liferay/util/portlet_url/create_render_url.es.js&/o/js/resolved-module/[email protected]/liferay/util/portlet_url/create_resource_url.es.js&/o/js/resolved-module/[email protected]/liferay/util/fetch.es.js&/o/js/resolved-module/[email protected]/liferay/util/session.es.js"></script><script src="/combo/?browserId=chrome&minifierType=&languageId=en_US&t=1728697214839&/o/js/resolved-module/[email protected]/liferay/toast/commands/OpenToast.es.js&/o/js/resolved-module/[email protected]/liferay/throttle.es.js&/o/js/resolved-module/[email protected]/liferay/util/add_params.js&/o/js/resolved-module/[email protected]/liferay/util/get_dom.js&/o/js/resolved-module/[email protected]/liferay/util/get_element.js&/o/js/resolved-module/[email protected]/liferay/util/in_browser_view.js&/o/js/resolved-module/[email protected]/liferay/util/focus_form_field.js&/o/js/resolved-module/[email protected]/liferay/util/get_portlet_id.js&/o/js/resolved-module/[email protected]/liferay/util/is_phone.js&/o/js/resolved-module/[email protected]/liferay/util/is_tablet.js&/o/js/resolved-module/[email protected]/liferay/util/normalize_friendly_url.js&/o/js/resolved-module/[email protected]/index.es.js&/o/js/resolved-module/[email protected]/index.js"></script></head>
<body class="chrome controls-visible yui3-skin-sam guest-site signed-out public-page site NotOmniAdmin Personal Banking Riyad Bank">
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PJ75HSF" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<nav aria-label="Quick Links" class="quick-access-nav" id="cvyn_quickAccessNav">
<h1 class="hide-accessible">Navigation</h1>
<ul>
<li><a href="#main-content" title="Skip to Content">Skip to Content</a></li>
</ul>
</nav>
<div class="container-fluid p-0" id="wrapper">
<section id="content">
<h2 class="hide-accessible" role="heading" aria-level="1">Personal Banking</h2>
<div class="layout-content portlet-layout" id="main-content" role="main">
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-31121-gzaa"> <div class="banners_information_valuation container position-relative px-lg-0">
<div class="top icons-container ">
<a class="btn btn-link print p-0" onclick="window.print();" href="#" title=""><i class="icon-print"></i></a>
<div class="sharedropdown">
<button type="button" class="btn btn-link share p-0 dropdown-toggle" id="dropdownMenuButton" data-toggle="dropdown" aria-expanded="false"><i class="icon-share"></i></button>
<div class="sharedropdown-menu" aria-labelledby="dropdownMenuButton">
<a id="topemail" onclick="topchangeLinke();" href="mailto:[email protected]?subject=#&body=#" target="blank" title="Mail"><i class="icon-message mr-1"></i>Mail</a>
<a id="toplinkedin" onclick="topchangeLinkl();" href="https://www.linkedin.com/shareArticle?mini=true&url={{url}}&title={{title}}&source={{source}}" target="blank" class="m-0" title="Linkedin"><i class="icon-linkedin mr-1"></i>Linkedin</a>
<a id="toptwitter" onclick="topchangeLinkt();" href="https://twitter.com/intent/tweet?status={{title}}+{{url}}" target="blank" title="Twitter"><i class="icon-twitter mr-1"></i>Twitter</a>
<a id="topfacebook" onclick="topchangeLinkf();" href="https://www.facebook.com/share.php?u={{url}}&title={{title}}" target="blank" title="Facebook"><i class="icon-facebook mr-1"></i>Facebook</a>
</div>
</div>
</div>
</div></div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-5002-ftfd"><div class="headers_header sticky-top ">
<div class="container text-center p-0">
<div class="header-top-style px-0">
<div class="row top-header">
<div class="col-10 col-lg-8 px-0">
<div class="nav options">
<a class="nav-title nav-item nav-link extra-link mt-0" data-lfr-editable-id="extra-link" data-lfr-editable-type="link" href="/information/special-pages/arp-disclosure" id="fragment-ftfd-extra-link" title="Prices of Financing and Saving Products">Prices of Financing and Saving Products</a>
<a class="nav-title nav-item nav-link personal-link active" onclick="headers_header_button_tabs_openPage(event, 'option1')" data-lfr-editable-id="personalbank-link" data-lfr-editable-type="link" href="/personal-banking" id="fragment-ftfd-personalbank-link" title="PERSONAL">PERSONAL</a>
<a class="nav-title nav-item nav-link MSME-link" onclick="headers_header_button_tabs_openPage(event, 'option2')" data-lfr-editable-id="MSME-link" data-lfr-editable-type="link" href="/business-pioneers-sme" id="fragment-ftfd-MSME-link" title="MSME">MSME</a>
<a class="nav-title nav-item nav-link corporate-link" onclick="headers_header_button_tabs_openPage(event, 'option1')" data-lfr-editable-id="businessbank-link" data-lfr-editable-type="link" href="/business-banking" id="fragment-ftfd-businessbank-link" title="CORPORATE">CORPORATE</a>
</div>
</div>
<div class="col-2 col-lg-4 space-options" id="changeSize">
<div class="search-container position-relative only-desktop" id="searchMenu">
<div class="search-container">
<form class="" action="/search-results" method="get">
<button class="icon-search border-0 bg-transparent align-middle searchIcon position-absolute" type="submit">
</button>
<input type="text" class="dropdown-item link form-control search-item mb-big-mid" name="q" oninput="escape()" placeholder="Search" value="">
</form>
</div>
</div>
<a class="second-option mr-25 icon-question text-nowrap only-desktop" data-lfr-editable-id="support-link" data-lfr-editable-type="link" href="/faq-personal" id="fragment-ftfd-support-link" title="Support">Support</a>
<a class="second-option mr-25 icon-location text-nowrap only-desktop common-hover" data-lfr-editable-id="findBranch-link" data-lfr-editable-type="link" href="/branches-atms" id="fragment-ftfd-findBranch-link" title="Locate us">Locate us</a>
<button class="d-lg-block d-none open-acc-btn ml-1" id="open-acc-btn" data-lfr-editable-id="open-account-link" data-lfr-editable-type="text"><a href="/online-account-opening" title=" Open account "> Open account </a></button>
<div class="customer-access-dropdown mr-25 only-desktop">
<button class="button_micro p-1 login-btn" data-lfr-editable-id="customerAccess-link" data-lfr-editable-type="text">Login</button>
<div class="customer-access-dropdown-content p-2">
<span data-lfr-editable-id="Customer-title" class="log-on-span d-none" data-lfr-editable-type="text">LOGON TO RIYAD ONLINE</span>
<div class="mt-1">
<a data-lfr-editable-id="Personal-Banking-link" data-lfr-editable-type="link" href="https://www.riyadonline.com/ib/login.html?lang=en" class="mb-1 w-100 d-inline-block button_micro p-1 icon-profile" id="fragment-ftfd-Personal-Banking" target="_blank" title="Personal">Personal</a>
</div>
<div>
<a data-lfr-editable-id="Corporate-Banking-link" data-lfr-editable-type="link" href="https://corp.riyadonline.com/CorpWeb/login.go?siteLanguage=en" class="w-100 d-inline-block button_micro p-1 icon-corporate" id="fragment-ftfd-Corporate-Banking" target="_blank" title="Corporate">Corporate</a>
</div>
<ul class="list-unstyled mt-1 d-none">
<li><a data-lfr-editable-id="Register-Personal-link" data-lfr-editable-type="link" href="" id="fragment-ftfd-Register-Personal-Banking" title="Register for Personal Banking">Register for Personal Banking</a>
</li>
<li><a data-lfr-editable-id="Register-Corporate-link" data-lfr-editable-type="link" href="" class="fa fa-angle-right" id="fragment-ftfd-Register-Corporate-Banking" title="Register for Corporate Banking">Register for Corporate Banking</a>
</li>
</ul>
</div>
</div>
<span class="second-option mr-25">
<div class="portlet-boundary portlet-boundary_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_ portlet-static portlet-static-end portlet-barebone portlet-language " id="p_p_id_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_">
<span id="p_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet"></span>
<section class="portlet" id="portlet_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet">
<div class="portlet-content">
<div class="autofit-float autofit-row portlet-header">
<div class="autofit-col autofit-col-expand">
<h2 class="portlet-title-text">Language Selector</h2>
</div>
<div class="autofit-col autofit-col-end">
<div class="autofit-section">
</div>
</div>
</div>
<div class=" portlet-content-container">
<div class="portlet-body">
<style>
.language-entry-long-text {
display: inline-block;
padding: 0 0.5em;
}
</style>
<a href="/c/portal/update_language?p_l_id=5759&redirect=%2F&languageId=ar_SA" class="language-entry-long-text" lang="ar-SA" title="ุงูุนุฑุจูุฉ">ุงูุนุฑุจูุฉ</a>
</div>
</div>
</div>
</section>
</div>
</span>
</div>
</div>
</div>
</div>
<nav class="navbar navbar-expand-lg navbar-light w-100 d-flex">
<div class="container p-0 position-relative">
<div class="navbar-top">
<button onclick="headers_header_change_icon()" id="navbar-toggler-icon" class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
<i id="cross-icon-header" class="icon-cross" style="display:none"></i>
</button>
<div class="navbar-brand logo d-flex align-items-center">
<a href="/" title=""><img data-lfr-editable-id="header-logo" data-lfr-editable-type="image" src="/documents/20121/0/logo.svg/3363cbed-f8ee-b081-5907-707bb7320afe?t=1666939853807&download=true"></a>
</div>
<div class="mobile-login user_links">
<div class="btn-dropdown only-mobile w-100 justify-content-end">
<a href="javascript:;" onclick="$('.customer-access-dropdown-content').toggle()" title="
.st0{fill:#00AF9A;}
">
<svg version="1.1" width="28" height="28" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 412.26 494.73" style="enable-background:new 0 0 412.26 494.73;" xml:space="preserve">
<style type="text/css">
.st0{fill:#00AF9A;}
</style>
<g>
<path class="st0" d="M205.6,236.21c46.05,0,83.51-37.47,83.51-83.52c0-46.05-37.47-83.51-83.51-83.51
c-46.05,0-83.51,37.47-83.51,83.51C122.09,198.75,159.55,236.21,205.6,236.21"></path>
<path class="st0" d="M206.13,259.84c-85.42,0-154.91,69.5-154.91,154.91c0,5.96,4.83,10.79,10.79,10.79h288.24
c5.96,0,10.79-4.83,10.79-10.79C361.04,329.34,291.55,259.84,206.13,259.84z M73.23,403.96c5.51-68.49,63.01-122.54,132.9-122.54
s127.39,54.04,132.9,122.54H73.23z"></path>
</g>
</svg>
</a>
</div>
</div>
<ul class="navbar-nav mx-auto only-desktop">
<li class="nav-item">
<a class="nav-link icon-chevron-down text-center" href="javascript:void(0);" id="fragment-ftfd-main-link-1" title="
Accounts & Cards
">
<span data-lfr-editable-id="Main link 1" data-lfr-editable-type="text">Accounts & Cards</span><div class="small justify-content" data-lfr-editable-id="sub link bottom 1" data-lfr-editable-type="rich-text"></div>
</a>
<div class="megamenu">
<div>
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;overflow: hidden;">
<div class="row align-items-lg-start align-items-sm-start align-items-start align-items-md-start flex-lg-row flex-sm-row flex-row flex-md-row">
<div class="col col-lg-4 col-sm-4 col-4 col-md-4">
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-35805-tihi"> <div class="acc__panel text-left mb-2">
<h6 class="mb-0">
<i class="icon-plus only-mobile"></i>
<a class="" data-lfr-editable-id="Navgationlink" data-lfr-editable-type="link" href="/personal-banking/everyday-banking" id="Navgationlink" data-fragment-namespace="tihi" title="Accounts">Accounts</a>
</h6>
<ul class="list m-0 p-0">
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink1" data-lfr-editable-type="link" href="/personal-banking/everyday-banking/current-account" id="NavgationChildlink1" data-fragment-namespace="tihi" title="Current Account">Current Account</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink2" data-lfr-editable-type="link" href="/personal-banking/islamic-savings-account" id="NavgationChildlink2" data-fragment-namespace="tihi" title="Islamic Saving Account">Islamic Saving Account</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink3" data-lfr-editable-type="link" href="/personal-banking/time-deposit-account" id="NavgationChildlink3" data-fragment-namespace="tihi" title="Time Deposit">Time Deposit</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink4" data-lfr-editable-type="link" href="/personal-banking/digital-banking-key-features/students" id="NavgationChildlink4" data-fragment-namespace="tihi" title="Students Account">Students Account</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink5" data-lfr-editable-type="link" href="/personal-banking/wazin" id="NavgationChildlink5" data-fragment-namespace="tihi" title="Wazin">Wazin</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink6" data-lfr-editable-type="link" href="/personal-banking/token-program" id="NavgationChildlink6" data-fragment-namespace="tihi" title="Token">Token</a>
</li>
</ul>
</div></div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-35805-wmpl"> <div class="acc__panel text-left mb-2">
<h6 class="mb-0">
<i class="icon-plus only-mobile"></i>
<a class="" data-lfr-editable-id="Navgationlink" data-lfr-editable-type="link" href="/personal-banking/banking-programs" id="Navgationlink" data-fragment-namespace="wmpl" title="
Banking Programs">
Banking Programs</a>
</h6>
<ul class="list m-0 p-0">
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink1" data-lfr-editable-type="link" href="/personal-banking/banking-programs/private-banking" id="NavgationChildlink1" data-fragment-namespace="wmpl" title="
Private Banking
">
Private Banking
</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink2" data-lfr-editable-type="link" href="/personal-banking/banking-programs/diamond-banking" id="NavgationChildlink2" data-fragment-namespace="wmpl" title="Diamond Banking">Diamond Banking</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink3" data-lfr-editable-type="link" href="/personal-banking/banking-programs/golden-banking" id="NavgationChildlink3" data-fragment-namespace="wmpl" title="Golden Banking">Golden Banking</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink4" data-lfr-editable-type="link" href="/personal-banking/banking-programs/silver-banking" id="NavgationChildlink4" data-fragment-namespace="wmpl" title="Silver Banking">Silver Banking</a>
</li>
</ul>
</div></div>
</div>
</div>
</div>
<div class="col col-lg-4 col-sm-4 col-4 col-md-4">
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-35805-bbjk"> <div class="acc__panel text-left mb-2">
<h6 class="mb-0">
<i class="icon-plus only-mobile"></i>
<a class="" data-lfr-editable-id="Navgationlink" data-lfr-editable-type="link" href="/personal-banking/cards" id="Navgationlink" data-fragment-namespace="bbjk" title="Cards">Cards</a>
</h6>
<ul class="list m-0 p-0">
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink1" data-lfr-editable-type="link" href="/personal-banking/debit-card" id="NavgationChildlink1" data-fragment-namespace="bbjk" title="Mada Cards ">Mada Cards </a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink2" data-lfr-editable-type="link" href="/personal-banking/credit-cards" id="NavgationChildlink2" data-fragment-namespace="bbjk" title="Credit Cards">Credit Cards</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink3" data-lfr-editable-type="link" href="/personal-banking/credit-cards/benefits" id="NavgationChildlink3" data-fragment-namespace="bbjk" title="Features">Features</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink4" data-lfr-editable-type="link" href="/personal-banking/credit-cards/offers/fashion" id="NavgationChildlink4" data-fragment-namespace="bbjk" title="Offers">Offers</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink5" data-lfr-editable-type="link" href="/personal-banking/credit-cards/benefits/qasset" id="NavgationChildlink5" data-fragment-namespace="bbjk" title="0% Qasset">0% Qasset</a>
</li>
</ul>
</div></div>
</div>
</div>
</div>
<div class="col col-lg-4 col-sm-4 col-4 col-md-4">
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-35805-ufle"> <div class="acc__panel text-left mb-2">
<h6 class="mb-0">
<i class="icon-plus only-mobile"></i>
<a class="" data-lfr-editable-id="Navgationlink" data-lfr-editable-type="link" href="/personal-banking/managing-your-money" id="Navgationlink" data-fragment-namespace="ufle" title="Manage Your Money">Manage Your Money</a>
</h6>
<ul class="list m-0 p-0">
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink1" data-lfr-editable-type="link" href="/personal-banking/managing-your-money/scheduled-transfer" id="NavgationChildlink1" data-fragment-namespace="ufle" title="Scheduled Transfer">Scheduled Transfer</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink2" data-lfr-editable-type="link" href="/personal-banking/managing-your-money/absher-service" id="NavgationChildlink2" data-fragment-namespace="ufle" title="MOI E-Services - Absher">MOI E-Services - Absher</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink3" data-lfr-editable-type="link" href="/personal-banking/managing-your-money/bill-payment" id="NavgationChildlink3" data-fragment-namespace="ufle" title="Bill Payment">Bill Payment</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink4" data-lfr-editable-type="link" href="/personal-banking/managing-your-money/riyad-alert" id="NavgationChildlink4" data-fragment-namespace="ufle" title="Riyad Alert">Riyad Alert</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink5" data-lfr-editable-type="link" href="/personal-banking/managing-your-money/money-transfer" id="NavgationChildlink5" data-fragment-namespace="ufle" title="Money Transfer">Money Transfer</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink6" data-lfr-editable-type="link" href="/personal-banking/managing-your-money/what-is-iban" id="NavgationChildlink6" data-fragment-namespace="ufle" title="What is IBAN?">What is IBAN?</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink7" data-lfr-editable-type="link" href="/personal-banking/managing-your-money/iban-generator" id="NavgationChildlink7" data-fragment-namespace="ufle" title="IBAN Generator">IBAN Generator</a>
</li>
</ul>
</div></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<a class="nav-link icon-chevron-down text-center" href="javascript:void(0);" id="fragment-ftfd-main-link-2" title="
Finance
">
<span data-lfr-editable-id="Main link 2" data-lfr-editable-type="text">Finance</span><div class="small justify-content" data-lfr-editable-id="sub link bottom 2" data-lfr-editable-type="rich-text"></div>
</a>
<div class="megamenu">
<div>
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;overflow: hidden;">
<div class="row align-items-lg-start align-items-sm-start align-items-start align-items-md-start flex-lg-row flex-sm-row flex-row flex-md-row">
<div class="col col-lg-4 col-sm-4 col-4 col-md-4">
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-35805-vrzt"> <div class="acc__panel text-left mb-2">
<h6 class="mb-0">
<i class="icon-plus only-mobile"></i>
<a class="" data-lfr-editable-id="Navgationlink" data-lfr-editable-type="link" href="/personal-banking/personal-finance" id="Navgationlink" data-fragment-namespace="vrzt" title="Personal Loan">Personal Loan</a>
</h6>
<ul class="list m-0 p-0">
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink1" data-lfr-editable-type="link" href="/personal-banking/personal-finance/murabaha" id="NavgationChildlink1" data-fragment-namespace="vrzt" title=""></a><a class="p-0" data-lfr-editable-id="NavgationChildlink1" data-lfr-editable-type="link" href="/personal-banking/personal-finance/murabaha" id="NavgationChildlink1" data-fragment-namespace="vrzt" title=""></a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink2" data-lfr-editable-type="link" href="/personal-banking/personal-finance/tawarruq" id="NavgationChildlink2" data-fragment-namespace="vrzt" title="Tawarruq">Tawarruq</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink3" data-lfr-editable-type="link" href="/personal-banking/personal-finance/loan-without-salary-transfer" id="NavgationChildlink3" data-fragment-namespace="vrzt" title="Without Salary Transfer">Without Salary Transfer</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink4" data-lfr-editable-type="link" href="/personal-banking/personal-finance/self-employed" id="NavgationChildlink4" data-fragment-namespace="vrzt" title="Self-Employed Loan">Self-Employed Loan</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink5" data-lfr-editable-type="link" href="/personal-banking/personal-finance/education" id="NavgationChildlink5" data-fragment-namespace="vrzt" title="Education">Education</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink6" data-lfr-editable-type="link" href="/personal-banking/personal-finance/dafaat" id="NavgationChildlink6" data-fragment-namespace="vrzt" title="Dafaโat">Dafaโat</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink7" data-lfr-editable-type="link" href="/personal-banking/personal-finance/tasheel" id="NavgationChildlink7" data-fragment-namespace="vrzt" title="Tasโheel">Tasโheel</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink8" data-lfr-editable-type="link" href="/personal-banking/personal-finance/personal-loan-wizard" id="NavgationChildlink8" data-fragment-namespace="vrzt" title="Your Right Personal Loan">Your Right Personal Loan</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink9" data-lfr-editable-type="link" href="https://www.riyadbank.com/personal-banking/personal-finance/online-personal-finance" id="NavgationChildlink9" data-fragment-namespace="vrzt" title="Online Personal Finance ">Online Personal Finance<span style="display: none;"> </span></a>
</li>
</ul>
</div></div>
</div>
</div>
</div>
<div class="col col-lg-4 col-sm-4 col-4 col-md-4">
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-35805-gjex"> <div class="acc__panel text-left mb-2">
<h6 class="mb-0">
<i class="icon-plus only-mobile"></i>
<a class="" data-lfr-editable-id="Navgationlink" data-lfr-editable-type="link" href="/personal-banking/car-loan" id="Navgationlink" data-fragment-namespace="gjex" title="Auto-Lease Loan">Auto-Lease Loan</a>
</h6>
<ul class="list m-0 p-0">
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink1" data-lfr-editable-type="link" href="/personal-banking/car-loan/auto-leasing" id="NavgationChildlink1" data-fragment-namespace="gjex" title="Auto-Leasing for New Cars">Auto-Leasing for New Cars</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink2" data-lfr-editable-type="link" href="/personal-banking/car-loan/used-cars" id="NavgationChildlink2" data-fragment-namespace="gjex" title="Auto-Leasing for Used Cars">Auto-Leasing for Used Cars</a>
</li>
</ul>
</div></div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-35805-kyqc"> <div class="acc__panel text-left mb-2">
<h6 class="mb-0">
<i class="icon-plus only-mobile"></i>
<a class="" data-lfr-editable-id="Navgationlink" data-lfr-editable-type="link" href="/personal-banking/personal-finance/bta" id="Navgationlink" data-fragment-namespace="kyqc" title="Unify your Liabilities">Unify your Liabilities</a>
</h6>
</div></div>
</div>
</div>
</div>
<div class="col col-lg-4 col-sm-4 col-4 col-md-4">
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-35805-kwfl"> <div class="acc__panel text-left mb-2">
<h6 class="mb-0">
<i class="icon-plus only-mobile"></i>
<a class="" data-lfr-editable-id="Navgationlink" data-lfr-editable-type="link" href="/personal-banking/home-loan" id="Navgationlink" data-fragment-namespace="kwfl" title="Mortgage Loan">Mortgage Loan</a>
</h6>
<ul class="list m-0 p-0">
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink1" data-lfr-editable-type="link" href="/personal-banking/home-loan/readymade-property-finance" id="NavgationChildlink1" data-fragment-namespace="kwfl" title="Readymade Property">Readymade Property</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink2" data-lfr-editable-type="link" href="/personal-banking/home-loan/incomplete-property-finance" id="NavgationChildlink2" data-fragment-namespace="kwfl" title="Incomplete Property">Incomplete Property</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink3" data-lfr-editable-type="link" href="/personal-banking/home-loan/home-equity-program" id="NavgationChildlink3" data-fragment-namespace="kwfl" title="Home Equity">Home Equity</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink4" data-lfr-editable-type="link" href="/personal/borrow/home-loan/off-plan-programs-housing-ministry" id="NavgationChildlink4" data-fragment-namespace="kwfl" title="Off-plan">Off-plan</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink5" data-lfr-editable-type="link" href="/personal-banking/home-loan/home-loan-wizard" id="NavgationChildlink5" data-fragment-namespace="kwfl" title="Your Right Mortgage Loan">Your Right Mortgage Loan</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink6" data-lfr-editable-type="link" href="/personal-banking/home-loan/developers-offers" id="NavgationChildlink6" data-fragment-namespace="kwfl" title="Deveolpers">Deveolpers</a>
</li>
</ul>
</div></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<a class="nav-link icon-chevron-down text-center" href="javascript:void(0);" id="fragment-ftfd-main-link-3" title="
Hassad Rewards Program
">
<span data-lfr-editable-id="Main link 3" data-lfr-editable-type="text">Hassad Rewards Program</span><div class="small justify-content" data-lfr-editable-id="sub link bottom 3" data-lfr-editable-type="rich-text"></div>
</a>
<div class="megamenu">
<div>
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;overflow: hidden;">
<div class="row align-items-lg-start align-items-sm-start align-items-start align-items-md-start flex-lg-row flex-sm-row flex-row flex-md-row">
<div class="col col-lg-4 col-sm-4 col-4 col-md-4">
</div>
<div class="col col-lg-5 col-sm-5 col-5 col-md-5">
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-35805-kthl"> <div class="acc__panel text-left mb-2">
<h6 class="mb-0">
<i class="icon-plus only-mobile"></i>
<a class="" data-lfr-editable-id="Navgationlink" data-lfr-editable-type="link" href="/personal-banking/hassad-rewards-program" id="Navgationlink" data-fragment-namespace="kthl" title="Hassad Rewards Program">Hassad Rewards Program</a>
</h6>
<ul class="list m-0 p-0">
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink1" data-lfr-editable-type="link" href="/personal-banking/hassad-rewards-program/nominate-your-business" id="NavgationChildlink1" data-fragment-namespace="kthl" title="Nominate Your Favorite Store">Nominate Your Favorite Store</a>
</li>
</ul>
</div></div>
</div>
</div>
</div>
<div class="col col-lg-3 col-sm-3 col-3 col-md-3">
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<a class="nav-link icon-chevron-down text-center" href="javascript:void(0);" id="fragment-ftfd-main-link-4" title="
Digital Banking
">
<span data-lfr-editable-id="Main link 4" data-lfr-editable-type="text">Digital Banking</span><div class="small justify-content" data-lfr-editable-id="sub link bottom 4" data-lfr-editable-type="rich-text"></div>
</a>
<div class="megamenu">
<div>
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;overflow: hidden;">
<div class="row align-items-lg-start align-items-sm-start align-items-start align-items-md-start flex-lg-row flex-sm-row flex-row flex-md-row">
<div class="col col-lg-4 col-sm-4 col-4 col-md-4">
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-35805-vgyf"> <div class="acc__panel text-left mb-2">
<h6 class="mb-0">
<i class="icon-plus only-mobile"></i>
<a class="" data-lfr-editable-id="Navgationlink" data-lfr-editable-type="link" href="/personal-banking/digital-banking-channels/riyad-online" id="Navgationlink" data-fragment-namespace="vgyf" title="Riyad Online">Riyad Online</a>
</h6>
<ul class="list m-0 p-0">
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink1" data-lfr-editable-type="link" href="/personal-banking/digital-banking-registration/through-riyad-online" id="NavgationChildlink1" data-fragment-namespace="vgyf" title="Registration">Registration</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink2" data-lfr-editable-type="link" href="/personal-banking/digital-banking-registration/after-opening-digitalized-account" id="NavgationChildlink2" data-fragment-namespace="vgyf" title="After Registration">After Registration</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink3" data-lfr-editable-type="link" href="/personal-banking/account-reactivation-through-digital-banking/riyad-online" id="NavgationChildlink3" data-fragment-namespace="vgyf" title="Reactivation">Reactivation</a>
</li>
</ul>
</div></div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-35805-hhpp"> <div class="acc__panel text-left mb-2">
<h6 class="mb-0">
<i class="icon-plus only-mobile"></i>
<a class="" data-lfr-editable-id="Navgationlink" data-lfr-editable-type="link" href="/personal-banking/digital-banking-channels/riyad-atm" id="Navgationlink" data-fragment-namespace="hhpp" title="Riyad ATM">Riyad ATM</a>
</h6>
</div></div>
</div>
</div>
</div>
<div class="col col-lg-4 col-sm-4 col-4 col-md-4">
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-35805-vfln"> <div class="acc__panel text-left mb-2">
<h6 class="mb-0">
<i class="icon-plus only-mobile"></i>
<a class="" data-lfr-editable-id="Navgationlink" data-lfr-editable-type="link" href="/personal-banking/digital-banking-channels/riyad-mobile" id="Navgationlink" data-fragment-namespace="vfln" title="Riyad Mobile">Riyad Mobile</a>
</h6>
<ul class="list m-0 p-0">
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink1" data-lfr-editable-type="link" href="/personal-banking/digital-banking-registration/through-riyad-mobile" id="NavgationChildlink1" data-fragment-namespace="vfln" title="Registration">Registration</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink2" data-lfr-editable-type="link" href="/personal-banking/digital-banking-registration/after-opening-digitalized-account-mobile" id="NavgationChildlink2" data-fragment-namespace="vfln" title="After Registration">After Registration</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink3" data-lfr-editable-type="link" href="/personal-banking/account-reactivation-through-digital-banking/riyad-mobile" id="NavgationChildlink3" data-fragment-namespace="vfln" title="Reactivation">Reactivation</a>
</li>
</ul>
</div></div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-35805-yjib"> <div class="acc__panel text-left mb-2">
<h6 class="mb-0">
<i class="icon-plus only-mobile"></i>
<a class="" data-lfr-editable-id="Navgationlink" data-lfr-editable-type="link" href="/personal-banking/digital-banking-channels/riyad-line" id="Navgationlink" data-fragment-namespace="yjib" title="Riyad Line">Riyad Line</a>
</h6>
</div></div>
</div>
</div>
</div>
<div class="col col-lg-4 col-sm-4 col-4 col-md-4">
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-17902-rxif"> <h6 class="component-heading text-break " data-lfr-editable-id="element-text" data-lfr-editable-type="text">Others</h6></div><style>.fragment-heading-text-colored a {
color: inherit;
}
h5.component-heading a{
font-weight: bold;
}
.offers-section.Awards-section .component-heading, .offers-section.Awards-section .rb-component-paragraph {
font-size: 16px;
}</style>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-35805-oitd"> <div class="acc__panel text-left mb-2">
<ul class="list m-0 p-0">
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink1" data-lfr-editable-type="link" href="/personal-banking/digital-banking-channels/foreign-exchange-atm" id="NavgationChildlink1" data-fragment-namespace="oitd" title="Riyad Foreign Exchange ATM">Riyad Foreign Exchange ATM</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink2" data-lfr-editable-type="link" href="" id="NavgationChildlink2" data-fragment-namespace="oitd" title=""></a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink3" data-lfr-editable-type="link" href="/personal-banking/digital-banking-channels/riyad-self-service" id="NavgationChildlink3" data-fragment-namespace="oitd" title="Riyad Self-Service">Riyad Self-Service</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink4" data-lfr-editable-type="link" href="/personal-banking/digital-banking-channels/smartwatch-app" id="NavgationChildlink4" data-fragment-namespace="oitd" title="Riyad Smartwatches">Riyad Smartwatches</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink5" data-lfr-editable-type="link" href="/personal-banking/managing-your-money/riyad-alert" id="NavgationChildlink5" data-fragment-namespace="oitd" title="Riyad Alert">Riyad Alert</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink6" data-lfr-editable-type="link" href="/personal-banking/learn/credit-counseling" id="NavgationChildlink6" data-fragment-namespace="oitd" title="Credit Counseling">Credit Counseling</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink7" data-lfr-editable-type="link" href="/personal-banking/digital-banking-key-features/sarie" id="NavgationChildlink7" data-fragment-namespace="oitd" title="Instant Payment Service (SARIE)">Instant Payment Service (SARIE)</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink8" data-lfr-editable-type="link" href="/personal-banking/apple-pay" id="NavgationChildlink8" data-fragment-namespace="oitd" title="Apple Pay">Apple Pay</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink9" data-lfr-editable-type="link" href="/open-banking" id="NavgationChildlink9" data-fragment-namespace="oitd" title="Open Banking">Open Banking</a>
</li>
</ul>
</div></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<a class="nav-link icon-chevron-down text-center" href="javascript:void(0);" id="fragment-ftfd-main-link-5" title="
More
">
<span data-lfr-editable-id="Main link 5" data-lfr-editable-type="text">More</span><div class="small justify-content" data-lfr-editable-id="sub link bottom 5" data-lfr-editable-type="rich-text"></div>
</a>
<div class="megamenu">
<div>
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;overflow: hidden;">
<div class="row align-items-lg-start align-items-sm-start align-items-start align-items-md-start flex-lg-row flex-sm-row flex-row flex-md-row">
<div class="col col-lg-3 col-sm-3 col-3 col-md-3">
</div>
<div class="col col-lg-6 col-sm-6 col-6 col-md-6">
</div>
<div class="col col-lg-3 col-sm-3 col-3 col-md-3">
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-35805-oaai"> <div class="acc__panel text-left mb-2">
<ul class="list m-0 p-0">
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink1" data-lfr-editable-type="link" href="/personal-banking/bank-at-work" id="NavgationChildlink1" data-fragment-namespace="oaai" title="Bank@Work">Bank@Work</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink2" data-lfr-editable-type="link" href="/personal-banking/learn/islamic-banking" id="NavgationChildlink2" data-fragment-namespace="oaai" title="Islamic Banking">Islamic Banking</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink3" data-lfr-editable-type="link" href="/personal-banking/digital-banking-information-security" id="NavgationChildlink3" data-fragment-namespace="oaai" title="Information Security">Information Security</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink4" data-lfr-editable-type="link" href="/personal-banking/required-documents-per-product" id="NavgationChildlink4" data-fragment-namespace="oaai" title="Required Documents Per Product">Required Documents Per Product</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink5" data-lfr-editable-type="link" href="/personal/more/tools/document-validation" id="NavgationChildlink5" data-fragment-namespace="oaai" title="Document Validation">Document Validation</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink6" data-lfr-editable-type="link" href="/documents/20121/5485089/Privacy+Notice+EN+-+Final+v2+%28Updated%29+%28002%29-CX_V2.pdf" id="NavgationChildlink6" data-fragment-namespace="oaai" title="Privacy Notice">Privacy Notice</a>
</li>
</ul>
</div></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<a class="nav-link text-center" href="javascript:void(0);" id="fragment-ftfd-main-link-6" title="
">
<span data-lfr-editable-id="Main link 6" data-lfr-editable-type="text"></span></a><a href="/investor-relations/home" title="Investor Relations">Investor Relations</a><div class="small justify-content" data-lfr-editable-id="sub link bottom 6" data-lfr-editable-type="rich-text"></div>
<div class="megamenu" style="display:none !important;">
<div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-226338-tqpv"> <div class="ir-parent-f-class">
</div></div><style>.fragment_294301 {
}</style><script>(function() {var configuration = {}; var fragmentElement = document.querySelector('#fragment-226338-tqpv'); var fragmentNamespace = 'tqpv';/*$(".ir-parent-f-class").parent().parent().parent().parent().parent().attr("style","display:none !important;")
$(".ir-parent-f-class").parent().parent().parent().parent().parent().attr("style","display:none !important;")*/
$(document).ready(function() {
$(".ir-parent-f-class").each(function(index, element) {
var thisObject =$(this);
thisObject.closest(".megamenu").attr("style","display:none !important;");
thisObject.closest(".megamenu").parent().children(":first").find("div").addClass("d-none");
thisObject.closest(".megamenu").parent().children(":first").removeClass("icon-chevron-down");
thisObject.closest(".demo").parent().children(":first").addClass("d-none");
});
});;}());</script>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-35805-qstb"> <div class="acc__panel text-left mb-2">
<h6 class="mb-0">
<i class="icon-plus only-mobile"></i>
<a class="" data-lfr-editable-id="Navgationlink" data-lfr-editable-type="link" href="/personal-banking/everyday-banking" id="Navgationlink" data-fragment-namespace="qstb" title="Accounts">Accounts</a>
</h6>
<ul class="list m-0 p-0">
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink1" data-lfr-editable-type="link" href="/personal-banking/everyday-banking/current-account" id="NavgationChildlink1" data-fragment-namespace="qstb" title="Current Account">Current Account</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink2" data-lfr-editable-type="link" href="/personal-banking/islamic-savings-account" id="NavgationChildlink2" data-fragment-namespace="qstb" title="Islamic Saving Account">Islamic Saving Account</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink3" data-lfr-editable-type="link" href="/personal-banking/time-deposit-account" id="NavgationChildlink3" data-fragment-namespace="qstb" title="Time Deposit">Time Deposit</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink4" data-lfr-editable-type="link" href="/personal-banking/digital-banking-key-features/students" id="NavgationChildlink4" data-fragment-namespace="qstb" title="Student Account">Student Account</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink5" data-lfr-editable-type="link" href="/personal-banking/wazin" id="NavgationChildlink5" data-fragment-namespace="qstb" title="Wazin">Wazin</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink6" data-lfr-editable-type="link" href="/personal-banking/token-program" id="NavgationChildlink6" data-fragment-namespace="qstb" title="Token">Token</a>
</li>
</ul>
</div></div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-35805-dafl"> <div class="acc__panel text-left mb-2">
<h6 class="mb-0">
<i class="icon-plus only-mobile"></i>
<a class="" data-lfr-editable-id="Navgationlink" data-lfr-editable-type="link" href="/personal-banking/banking-programs" id="Navgationlink" data-fragment-namespace="dafl" title="Banking Programs">Banking Programs</a>
</h6>
<ul class="list m-0 p-0">
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink1" data-lfr-editable-type="link" href="/personal-banking/banking-programs/private-banking" id="NavgationChildlink1" data-fragment-namespace="dafl" title="Private Banking">Private Banking</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink2" data-lfr-editable-type="link" href="/personal-banking/banking-programs/diamond-banking" id="NavgationChildlink2" data-fragment-namespace="dafl" title="Diamond Banking">Diamond Banking</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink3" data-lfr-editable-type="link" href="/personal-banking/banking-programs/golden-banking" id="NavgationChildlink3" data-fragment-namespace="dafl" title="Golden Banking">Golden Banking</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink4" data-lfr-editable-type="link" href="/personal-banking/banking-programs/silver-banking" id="NavgationChildlink4" data-fragment-namespace="dafl" title="Silver Banking">Silver Banking</a>
</li>
</ul>
</div></div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-35805-pzaz"> <div class="acc__panel text-left mb-2">
<h6 class="mb-0">
<i class="icon-plus only-mobile"></i>
<a class="" data-lfr-editable-id="Navgationlink" data-lfr-editable-type="link" href="/personal-banking/cards" id="Navgationlink" data-fragment-namespace="pzaz" title="Cards">Cards</a>
</h6>
<ul class="list m-0 p-0">
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink1" data-lfr-editable-type="link" href="/personal-banking/debit-card" id="NavgationChildlink1" data-fragment-namespace="pzaz" title="Mada Cards">Mada Cards</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink2" data-lfr-editable-type="link" href="/personal-banking/credit-cards" id="NavgationChildlink2" data-fragment-namespace="pzaz" title="Credit Cards">Credit Cards</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink3" data-lfr-editable-type="link" href="/personal-banking/credit-cards/benefits" id="NavgationChildlink3" data-fragment-namespace="pzaz" title="Features">Features</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink4" data-lfr-editable-type="link" href="/personal-banking/cards/offers" id="NavgationChildlink4" data-fragment-namespace="pzaz" title="Offers">Offers</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink5" data-lfr-editable-type="link" href="/personal-banking/credit-cards/benefits/qasset" id="NavgationChildlink5" data-fragment-namespace="pzaz" title="0% Qasset">0% Qasset</a>
</li>
</ul>
</div></div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-35805-zosr"> <div class="acc__panel text-left mb-2">
<h6 class="mb-0">
<i class="icon-plus only-mobile"></i>
<a class="" data-lfr-editable-id="Navgationlink" data-lfr-editable-type="link" href="/personal-banking/managing-your-money" id="Navgationlink" data-fragment-namespace="zosr" title="Manage Your Money">Manage Your Money</a>
</h6>
<ul class="list m-0 p-0">
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink1" data-lfr-editable-type="link" href="/personal-banking/managing-your-money/scheduled-transfer" id="NavgationChildlink1" data-fragment-namespace="zosr" title="Scheduled Transfer">Scheduled Transfer</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink2" data-lfr-editable-type="link" href="/personal-banking/managing-your-money/absher-service" id="NavgationChildlink2" data-fragment-namespace="zosr" title="MOI E-Services - Absher">MOI E-Services - Absher</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink3" data-lfr-editable-type="link" href="/personal-banking/managing-your-money/bill-payment" id="NavgationChildlink3" data-fragment-namespace="zosr" title="Bill Payment">Bill Payment</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink4" data-lfr-editable-type="link" href="/personal-banking/managing-your-money/riyad-alert" id="NavgationChildlink4" data-fragment-namespace="zosr" title="Riyad Alert">Riyad Alert</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink5" data-lfr-editable-type="link" href="/personal-banking/managing-your-money/money-transfer" id="NavgationChildlink5" data-fragment-namespace="zosr" title="Money Transfer">Money Transfer</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink6" data-lfr-editable-type="link" href="/personal-banking/managing-your-money/what-is-iban" id="NavgationChildlink6" data-fragment-namespace="zosr" title="What is IBAN?">What is IBAN?</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink7" data-lfr-editable-type="link" href="/personal-banking/managing-your-money/iban-generator" id="NavgationChildlink7" data-fragment-namespace="zosr" title="IBAN Generator">IBAN Generator</a>
</li>
</ul>
</div></div>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<!-- need to aviod --><div class="customer-access-dropdown-content p-3 w-100" style="top: 77px;">
<div data-lfr-editable-id="moblie-Customer-title" class="log-on-span text-center d-none" data-lfr-editable-type="text">LOGON TO RIYAD ONLINE</div>
<div class="mt-1">
<button class="mobile-open-acc-btn py-1" id="mobile-open-acc-btn" data-lfr-editable-id="mobile-open-account-link" data-lfr-editable-type="text"><a href="/online-account-opening" title=" Open account "> Open account </a></button>
</div>
<div class="mt-2">
<a data-lfr-editable-id="moblie-Personal-Banking-link" data-lfr-editable-type="link" href="https://www.riyadonline.com/ib/login.html?lang=en" class="mb-1 w-100 d-inline-block button_micro p-1 icon-profile" id="fragment-ftfd-moblie-Personal-Banking" target="_blank" title="Personal">Personal</a>
</div>
<div class="mt-1">
<a data-lfr-editable-id="moblie-Corporate-Banking-link" data-lfr-editable-type="link" href="https://corp.riyadonline.com/CorpWeb/login.go?siteLanguage=en" class="w-100 d-inline-block button_micro p-1 icon-corporate" id="fragment-ftfd-moblie-Corporate-Banking" target="_blank" title="Corporate">Corporate</a>
</div>
<div class="mt-1 d-none">
<a data-lfr-editable-id="mobile-Register-Personal-link" data-lfr-editable-type="link" href="" id="fragment-ftfd-mobile-Register-Personal-Banking" title="Register for Personal Banking
">Register for Personal Banking
</a>
</div>
<div class="mt-1 d-none">
<a data-lfr-editable-id="mobile-Register-Corporate-link" data-lfr-editable-type="link" href="" class="fa fa-angle-right" id="fragment-ftfd-mobile-Register-Corporate-Banking" title="Register for Corporate Banking
">Register for Corporate Banking
</a>
</div>
</div>
<div class="only-mobile">
<div class="mobile-login w-100">
<div class="search-container pt-0" id="searchMenu5">
<div class="search-container position-relative">
<form class="" action="/search-results">
<input type="text" name="q" class="dropdown-item link form-control search-item mb-big-mid" placeholder="Search" value="">
<button class="btn btn-transpart icon-cross" type="reset"></button>
</form>
</div>
</div>
</div>
</div>
<div class="content-menu collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto only-mobile">
<li class="nav-item acc__card ">
<i class="icon-plus only-mobile"></i>
<a class="acc__title" data-lfr-editable-id="mobileMain link 1" data-lfr-editable-type="link" href="javascript:void(0);" id="fragment-ftfd-main-link-1" title="Accounts & Cards">Accounts & Cards</a>
<div class="demo">
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-35805-rgln"> <div class="acc__panel text-left mb-2" style="display: none;">
<h6 class="mb-0">
<i class="icon-plus only-mobile" style="display: inline;"></i>
<a class="" data-lfr-editable-id="Navgationlink" data-lfr-editable-type="link" href="/personal-banking/everyday-banking" id="Navgationlink" data-fragment-namespace="rgln" title="Accounts">Accounts</a>
</h6>
<ul class="list m-0 p-0" style="display: none;">
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink1" data-lfr-editable-type="link" href="/personal-banking/everyday-banking/current-account" id="NavgationChildlink1" data-fragment-namespace="rgln" title="Current Account">Current Account</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink2" data-lfr-editable-type="link" href="/personal-banking/islamic-savings-account" id="NavgationChildlink2" data-fragment-namespace="rgln" title="Islamic Saving Account">Islamic Saving Account</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink3" data-lfr-editable-type="link" href="/personal-banking/time-deposit-account" id="NavgationChildlink3" data-fragment-namespace="rgln" title="Time Deposit">Time Deposit</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink4" data-lfr-editable-type="link" href="/personal-banking/digital-banking-key-features/students" id="NavgationChildlink4" data-fragment-namespace="rgln" title="Students Account">Students Account</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink5" data-lfr-editable-type="link" href="/personal-banking/wazin" id="NavgationChildlink5" data-fragment-namespace="rgln" title="Wazin">Wazin</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink6" data-lfr-editable-type="link" href="/personal-banking/token-program" id="NavgationChildlink6" data-fragment-namespace="rgln" title="Token">Token</a>
</li>
</ul>
</div></div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-35805-sten"> <div class="acc__panel text-left mb-2" style="display: none;">
<h6 class="mb-0">
<i class="icon-plus only-mobile" style="display: inline;"></i>
<a class="" data-lfr-editable-id="Navgationlink" data-lfr-editable-type="link" href="/personal-banking/banking-programs" id="Navgationlink" data-fragment-namespace="sten" title="
Banking Programs">
Banking Programs</a>
</h6>
<ul class="list m-0 p-0" style="display: none;">
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink1" data-lfr-editable-type="link" href="/personal-banking/banking-programs/private-banking" id="NavgationChildlink1" data-fragment-namespace="sten" title="Private Banking">Private Banking</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink2" data-lfr-editable-type="link" href="/personal-banking/banking-programs/diamond-banking" id="NavgationChildlink2" data-fragment-namespace="sten" title="Diamond Banking">Diamond Banking</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink3" data-lfr-editable-type="link" href="/personal-banking/banking-programs/golden-banking" id="NavgationChildlink3" data-fragment-namespace="sten" title="Golden Banking">Golden Banking</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink4" data-lfr-editable-type="link" href="/personal-banking/banking-programs/silver-banking" id="NavgationChildlink4" data-fragment-namespace="sten" title="Silver Banking">Silver Banking</a>
</li>
</ul>
</div></div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-35805-xwss"> <div class="acc__panel text-left mb-2" style="display: none;">
<h6 class="mb-0">
<i class="icon-plus only-mobile" style="display: inline;"></i>
<a class="" data-lfr-editable-id="Navgationlink" data-lfr-editable-type="link" href="/personal-banking/cards" id="Navgationlink" data-fragment-namespace="xwss" title="Cards">Cards</a>
</h6>
<ul class="list m-0 p-0" style="display: none;">
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink1" data-lfr-editable-type="link" href="/personal-banking/debit-card" id="NavgationChildlink1" data-fragment-namespace="xwss" title="Mada Cards ">Mada Cards </a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink2" data-lfr-editable-type="link" href="/personal-banking/credit-cards" id="NavgationChildlink2" data-fragment-namespace="xwss" title="Credit Cards">Credit Cards</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink3" data-lfr-editable-type="link" href="/personal-banking/credit-cards/benefits" id="NavgationChildlink3" data-fragment-namespace="xwss" title="Features">Features</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink4" data-lfr-editable-type="link" href="/personal-banking/credit-cards/offers/fashion" id="NavgationChildlink4" data-fragment-namespace="xwss" title="Offers">Offers</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink5" data-lfr-editable-type="link" href="/personal-banking/credit-cards/benefits/qasset" id="NavgationChildlink5" data-fragment-namespace="xwss" title="0% Qasset">0% Qasset</a>
</li>
</ul>
</div></div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-35805-wbly"> <div class="acc__panel text-left mb-2" style="display: none;">
<h6 class="mb-0">
<i class="icon-plus only-mobile" style="display: inline;"></i>
<a class="" data-lfr-editable-id="Navgationlink" data-lfr-editable-type="link" href="/personal-banking/managing-your-money" id="Navgationlink" data-fragment-namespace="wbly" title="Manage Your Money">Manage Your Money</a>
</h6>
<ul class="list m-0 p-0" style="display: none;">
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink1" data-lfr-editable-type="link" href="/personal-banking/managing-your-money/scheduled-transfer" id="NavgationChildlink1" data-fragment-namespace="wbly" title="Scheduled Transfer">Scheduled Transfer</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink2" data-lfr-editable-type="link" href="/personal-banking/managing-your-money/absher-service" id="NavgationChildlink2" data-fragment-namespace="wbly" title="MOI E-Services - Absher">MOI E-Services - Absher</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink3" data-lfr-editable-type="link" href="/personal-banking/managing-your-money/bill-payment" id="NavgationChildlink3" data-fragment-namespace="wbly" title="Bill Payment">Bill Payment</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink4" data-lfr-editable-type="link" href="/personal-banking/managing-your-money/riyad-alert" id="NavgationChildlink4" data-fragment-namespace="wbly" title="Riyad Alert">Riyad Alert</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink5" data-lfr-editable-type="link" href="/personal-banking/managing-your-money/money-transfer" id="NavgationChildlink5" data-fragment-namespace="wbly" title="Money Transfer">Money Transfer</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink6" data-lfr-editable-type="link" href="/personal-banking/managing-your-money/what-is-iban" id="NavgationChildlink6" data-fragment-namespace="wbly" title="What is IBAN?">What is IBAN?</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink7" data-lfr-editable-type="link" href="/personal-banking/managing-your-money/iban-generator" id="NavgationChildlink7" data-fragment-namespace="wbly" title="IBAN Generator">IBAN Generator</a>
</li>
</ul>
</div></div>
</div>
</div>
</div>
</li>
<li class="nav-item acc__card ">
<i class="icon-plus only-mobile"></i>
<a class="acc__title" data-lfr-editable-id="mobileMain link 2" data-lfr-editable-type="link" href="javascript:void(0);" id="fragment-ftfd-main-link-2" title="Finance">Finance</a>
<div class="demo">
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-35805-xawq"> <div class="acc__panel text-left mb-2" style="display: none;">
<h6 class="mb-0">
<i class="icon-plus only-mobile" style="display: inline;"></i>
<a class="" data-lfr-editable-id="Navgationlink" data-lfr-editable-type="link" href="/personal-banking/personal-finance" id="Navgationlink" data-fragment-namespace="xawq" title="Personal Loan">Personal Loan</a>
</h6>
<ul class="list m-0 p-0" style="display: none;">
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink1" data-lfr-editable-type="link" href="/personal-banking/personal-finance/murabaha" id="NavgationChildlink1" data-fragment-namespace="xawq" title="Murabaha">Murabaha</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink2" data-lfr-editable-type="link" href="/personal-banking/personal-finance/tawarruq" id="NavgationChildlink2" data-fragment-namespace="xawq" title="Tawarruq">Tawarruq</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink3" data-lfr-editable-type="link" href="/personal-banking/personal-finance/loan-without-salary-transfer" id="NavgationChildlink3" data-fragment-namespace="xawq" title="Without Salary Transfer">Without Salary Transfer</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink4" data-lfr-editable-type="link" href="/personal-banking/personal-finance/self-employed" id="NavgationChildlink4" data-fragment-namespace="xawq" title="Self Employed Loan">Self Employed Loan</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink5" data-lfr-editable-type="link" href="/personal-banking/personal-finance/education" id="NavgationChildlink5" data-fragment-namespace="xawq" title="Education">Education</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink6" data-lfr-editable-type="link" href="/personal-banking/personal-finance/dafaat" id="NavgationChildlink6" data-fragment-namespace="xawq" title="Dafa'at">Dafa'at</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink7" data-lfr-editable-type="link" href="/personal-banking/personal-finance/tasheel" id="NavgationChildlink7" data-fragment-namespace="xawq" title="Tasโheel">Tasโheel</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink8" data-lfr-editable-type="link" href="/personal-banking/personal-finance/personal-loan-wizard" id="NavgationChildlink8" data-fragment-namespace="xawq" title="Your Right Personal Loan">Your Right Personal Loan</a>
</li>
</ul>
</div></div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-35805-geva"> <div class="acc__panel text-left mb-2" style="display: none;">
<h6 class="mb-0">
<i class="icon-plus only-mobile" style="display: inline;"></i>
<a class="" data-lfr-editable-id="Navgationlink" data-lfr-editable-type="link" href="/personal-banking/car-loan" id="Navgationlink" data-fragment-namespace="geva" title="Auto-Lease Loan">Auto-Lease Loan</a>
</h6>
<ul class="list m-0 p-0" style="display: none;">
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink1" data-lfr-editable-type="link" href="/personal-banking/car-loan/auto-leasing" id="NavgationChildlink1" data-fragment-namespace="geva" title="Auto Leasing">Auto Leasing</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink2" data-lfr-editable-type="link" href="/personal-banking/car-loan/used-cars" id="NavgationChildlink2" data-fragment-namespace="geva" title="Auto Leasing for Used Cars">Auto Leasing for Used Cars</a>
</li>
</ul>
</div></div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-35805-kerq"> <div class="acc__panel text-left mb-2" style="display: none;">
<h6 class="mb-0">
<i class="icon-plus only-mobile"></i>
<a class="" data-lfr-editable-id="Navgationlink" data-lfr-editable-type="link" href="/personal-banking/personal-finance/bta" id="Navgationlink" data-fragment-namespace="kerq" title="Unifying Your Liabilities">Unifying Your Liabilities</a>
</h6>
</div></div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-35805-vafr"> <div class="acc__panel text-left mb-2" style="display: none;">
<h6 class="mb-0">
<i class="icon-plus only-mobile" style="display: inline;"></i>
<a class="" data-lfr-editable-id="Navgationlink" data-lfr-editable-type="link" href="/personal-banking/home-loan" id="Navgationlink" data-fragment-namespace="vafr" title="Mortgage Loan">Mortgage Loan</a>
</h6>
<ul class="list m-0 p-0" style="display: none;">
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink1" data-lfr-editable-type="link" href="/personal-banking/home-loan/readymade-property-finance" id="NavgationChildlink1" data-fragment-namespace="vafr" title="Purchasing Readymade Property">Purchasing Readymade Property</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink2" data-lfr-editable-type="link" href="/personal-banking/home-loan/incomplete-property-finance" id="NavgationChildlink2" data-fragment-namespace="vafr" title="Purchasing Incomplete Property">Purchasing Incomplete Property</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink3" data-lfr-editable-type="link" href="/personal-banking/home-loan/home-equity-program" id="NavgationChildlink3" data-fragment-namespace="vafr" title="Home Equity Program">Home Equity Program</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink4" data-lfr-editable-type="link" href="/personal/borrow/home-loan/off-plan-programs-housing-ministry" id="NavgationChildlink4" data-fragment-namespace="vafr" title="Off-plan programs in collaboration with the Housing Ministry">Off-plan programs in collaboration with the Housing Ministry</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink5" data-lfr-editable-type="link" href="/personal-banking/home-loan/home-loan-wizard" id="NavgationChildlink5" data-fragment-namespace="vafr" title="The Right Home Finance For You">The Right Home Finance For You</a>
</li>
</ul>
</div></div>
</div>
</div>
</div>
</li>
<li class="nav-item acc__card ">
<i class="icon-plus only-mobile"></i>
<a class="acc__title" data-lfr-editable-id="mobileMain link 3" data-lfr-editable-type="link" href="/personal-banking/hassad-rewards-program" id="fragment-ftfd-main-link-3" title="Hassad Rewards Program">Hassad Rewards Program</a>
<div class="demo">
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-35805-qskh"> <div class="acc__panel text-left mb-2" style="display: none;">
<h6 class="mb-0">
<i class="icon-plus only-mobile" style="display: inline;"></i>
<a class="" data-lfr-editable-id="Navgationlink" data-lfr-editable-type="link" href="/personal-banking/hassad-rewards-program" id="Navgationlink" data-fragment-namespace="qskh" title="Hassad Rewards Program">Hassad Rewards Program</a>
</h6>
<ul class="list m-0 p-0" style="display: none;">
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink1" data-lfr-editable-type="link" href="/personal-banking/hassad-rewards-program/nominate-your-business" id="NavgationChildlink1" data-fragment-namespace="qskh" title="Nominate Your Favorite Store">Nominate Your Favorite Store</a>
</li>
</ul>
</div></div>
</div>
</div>
</div>
</li>
<li class="nav-item acc__card ">
<i class="icon-plus only-mobile"></i>
<a class="acc__title" data-lfr-editable-id="mobileMain link 4" data-lfr-editable-type="link" href="javascript:void(0);" id="fragment-ftfd-main-link-4" title="Digital Banking">Digital Banking</a>
<div class="demo">
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-35805-nwwe"> <div class="acc__panel text-left mb-2" style="display: none;">
<h6 class="mb-0">
<i class="icon-plus only-mobile" style="display: inline;"></i>
<a class="" data-lfr-editable-id="Navgationlink" data-lfr-editable-type="link" href="/personal-banking/digital-banking-channels/riyad-online" id="Navgationlink" data-fragment-namespace="nwwe" title="Riyad Online">Riyad Online</a>
</h6>
<ul class="list m-0 p-0" style="display: none;">
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink1" data-lfr-editable-type="link" href="/personal-banking/digital-banking-registration/through-riyad-online" id="NavgationChildlink1" data-fragment-namespace="nwwe" title="Registration">Registration</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink2" data-lfr-editable-type="link" href="/personal-banking/digital-banking-registration/after-opening-digitalized-account" id="NavgationChildlink2" data-fragment-namespace="nwwe" title="After Registration">After Registration</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink3" data-lfr-editable-type="link" href="/personal-banking/account-reactivation-through-digital-banking/riyad-online" id="NavgationChildlink3" data-fragment-namespace="nwwe" title="Reactivation">Reactivation</a>
</li>
</ul>
</div></div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-35805-ctkc"> <div class="acc__panel text-left mb-2" style="display: none;">
<h6 class="mb-0">
<i class="icon-plus only-mobile" style="display: inline;"></i>
<a class="" data-lfr-editable-id="Navgationlink" data-lfr-editable-type="link" href="/personal-banking/digital-banking-channels/riyad-mobile" id="Navgationlink" data-fragment-namespace="ctkc" title="Riyad Mobile">Riyad Mobile</a>
</h6>
<ul class="list m-0 p-0" style="display: none;">
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink1" data-lfr-editable-type="link" href="/personal-banking/digital-banking-registration/through-riyad-mobile" id="NavgationChildlink1" data-fragment-namespace="ctkc" title="Registration">Registration</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink2" data-lfr-editable-type="link" href="/personal-banking/digital-banking-registration/after-opening-digitalized-account-mobile" id="NavgationChildlink2" data-fragment-namespace="ctkc" title="After Registration">After Registration</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink3" data-lfr-editable-type="link" href="/personal-banking/digital-banking-channels/riyad-mobile" id="NavgationChildlink3" data-fragment-namespace="ctkc" title="Reactivation">Reactivation</a>
</li>
</ul>
</div></div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-35805-zmic"> <div class="acc__panel text-left mb-2" style="display: none;">
<h6 class="mb-0">
<i class="icon-plus only-mobile"></i>
<a class="" data-lfr-editable-id="Navgationlink" data-lfr-editable-type="link" href="/personal-banking/digital-banking-channels/riyad-atm" id="Navgationlink" data-fragment-namespace="zmic" title="Riyad ATM">Riyad ATM</a>
</h6>
</div></div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-35805-qrrg"> <div class="acc__panel text-left mb-2" style="display: none;">
<h6 class="mb-0">
<i class="icon-plus only-mobile"></i>
<a class="" data-lfr-editable-id="Navgationlink" data-lfr-editable-type="link" href="/personal-banking/digital-banking-channels/riyad-line" id="Navgationlink" data-fragment-namespace="qrrg" title="Riyad Line">Riyad Line</a>
</h6>
</div></div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-35805-tpip"> <div class="acc__panel text-left mb-2" style="display: none;">
<h6 class="mb-0">
<i class="icon-plus only-mobile"></i>
<a class="" data-lfr-editable-id="Navgationlink" data-lfr-editable-type="link" href="/personal-banking/digital-banking-channels/foreign-exchange-atm" id="Navgationlink" data-fragment-namespace="tpip" title="Riyad Foreign Exchange ATM">Riyad Foreign Exchange ATM</a>
</h6>
</div></div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-35805-lhjx"> <div class="acc__panel text-left mb-2" style="display: none;">
<h6 class="mb-0">
<i class="icon-plus only-mobile"></i>
<a class="" data-lfr-editable-id="Navgationlink" data-lfr-editable-type="link" href="/personal-banking/digital-banking-channels/riyad-self-service" id="Navgationlink" data-fragment-namespace="lhjx" title="Riyad Self-Service">Riyad Self-Service</a>
</h6>
</div></div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-35805-szok"> <div class="acc__panel text-left mb-2" style="display: none;">
<h6 class="mb-0">
<i class="icon-plus only-mobile"></i>
<a class="" data-lfr-editable-id="Navgationlink" data-lfr-editable-type="link" href="/personal-banking/digital-banking-channels/smartwatch-app" id="Navgationlink" data-fragment-namespace="szok" title="Riyad Smartwatches">Riyad Smartwatches</a>
</h6>
</div></div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-35805-mbgh"> <div class="acc__panel text-left mb-2" style="display: none;">
<h6 class="mb-0">
<i class="icon-plus only-mobile"></i>
<a class="" data-lfr-editable-id="Navgationlink" data-lfr-editable-type="link" href="/personal-banking/apple-pay" id="Navgationlink" data-fragment-namespace="mbgh" title="Apple Pay">Apple Pay</a>
</h6>
</div></div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-35805-crpo"> <div class="acc__panel text-left mb-2" style="display: none;">
<h6 class="mb-0">
<i class="icon-plus only-mobile"></i>
<a class="" data-lfr-editable-id="Navgationlink" data-lfr-editable-type="link" href="/personal-banking/learn/credit-counseling" id="Navgationlink" data-fragment-namespace="crpo" title="Credit Counseling">Credit Counseling</a>
</h6>
</div></div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-35805-lusi"> <div class="acc__panel text-left mb-2" style="display: none;">
<h6 class="mb-0">
<i class="icon-plus only-mobile"></i>
<a class="" data-lfr-editable-id="Navgationlink" data-lfr-editable-type="link" href="/personal-banking/managing-your-money/riyad-alert" id="Navgationlink" data-fragment-namespace="lusi" title="Riyad Self-Service">Riyad Self-Service</a>
</h6>
</div></div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-35805-vfhv"> <div class="acc__panel text-left mb-2" style="display: none;">
<h6 class="mb-0">
<i class="icon-plus only-mobile"></i>
<a class="" data-lfr-editable-id="Navgationlink" data-lfr-editable-type="link" href="/personal-banking/digital-banking-key-features/sarie" id="Navgationlink" data-fragment-namespace="vfhv" title="Instant Payment Service (SARIE)">Instant Payment Service (SARIE)</a>
</h6>
</div></div>
</div>
</div>
</div>
</li>
<li class="nav-item acc__card ">
<i class="icon-plus only-mobile"></i>
<a class="acc__title" data-lfr-editable-id="mobileMain link 5" data-lfr-editable-type="link" href="javascript:void(0);" id="fragment-ftfd-main-link-5" title="More">More</a>
<div class="demo">
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-35805-sjuj"> <div class="acc__panel text-left mb-2" style="display: none;">
<ul class="list m-0 p-0" style="">
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink1" data-lfr-editable-type="link" href="/personal-banking/bank-at-work" id="NavgationChildlink1" data-fragment-namespace="sjuj" title="Bank@Work">Bank@Work</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink2" data-lfr-editable-type="link" href="/personal-banking/learn/islamic-banking" id="NavgationChildlink2" data-fragment-namespace="sjuj" title="Islamic Banking">Islamic Banking</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink3" data-lfr-editable-type="link" href="/personal-banking/digital-banking-information-security" id="NavgationChildlink3" data-fragment-namespace="sjuj" title="Information Security">Information Security</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink4" data-lfr-editable-type="link" href="/personal-banking/required-documents-per-product" id="NavgationChildlink4" data-fragment-namespace="sjuj" title="Required Documents Per Product">Required Documents Per Product</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink5" data-lfr-editable-type="link" href="/personal/more/tools/document-validation" id="NavgationChildlink5" data-fragment-namespace="sjuj" title="Document Validation">Document Validation</a>
</li>
<li class="px-0">
<i class="icon-chevron-right d-none" style="display: inline;"></i>
<a class="p-0" data-lfr-editable-id="NavgationChildlink6" data-lfr-editable-type="link" href="/documents/20121/5485089/Privacy+Notice+EN+-+Final+v2+%28Updated%29+%28002%29-CX_V2.pdf" id="NavgationChildlink6" data-fragment-namespace="sjuj" title="Privacy Notice">Privacy Notice</a>
</li>
</ul>
</div></div>
</div>
</div>
</div>
</li>
<li class="nav-item acc__card ">
<i class="icon-plus only-mobile"></i>
<a class="acc__title" data-lfr-editable-id="mobileMain link 6" data-lfr-editable-type="link" href="/investor-relations/home" id="fragment-ftfd-main-link-6" title="Investor Relations">Investor Relations</a>
<div class="demo">
</div>
</li>
<li class="nav-item list acc__card">
<a class="second-option mr-25 icon-question bb-0" data-lfr-editable-id="moblie-support-link" data-lfr-editable-type="link" href="/faq-personal" id="fragment-ftfd-moblie-support-link" title="Support">Support</a>
</li>
<li class="nav-item list acc__card">
<a class="second-option mr-25 icon-location bb-0" data-lfr-editable-id="moblie-findBranch-link" data-lfr-editable-type="link" href="/branches-atms" id="fragment-ftfd-moblie-findBranch-link" title="Locate Us">Locate Us</a>
</li>
</ul>
</div>
</div>
</nav>
</div></div><style>.headers_header .search-container {
min-width: 220px;
}
.mobile-open-acc-btn{
width:100%;
background: none;
border-radius: 4px;
border: 1px solid #00AF9A;
flex-shrink: 0;
color: #00AF9A;
}
.open-acc-btn{
background: none;
border-radius: 4px;
border: 1px solid #00AF9A;
flex-shrink: 0;
padding-inline: 25px !important;
color: #00AF9A;
padding-block: 3px !important;
}
.login-btn{
width: 70px !important;;
border-radius: 4px;
}
.headers_header .logo img {
width: 140px;
}
.has-edit-mode-menu.OmniAdmin .sticky-top {
top: 115px !important;
}
.has-edit-mode-menu.OmniAdmin .headers_header .megamenu {
display: none;
}
.headers_header .top-header .space-options .second-option.text-nowrap:before{visibility:visible;}
.has-edit-mode-menu .headers_header .top-header .space-options .second-option.text-nowrap{max-width:80px; min-width:80px;visibility:visible;}
.headers_header .top-header .space-options .second-option.text-nowrap {max-width:20px;visibility: hidden;}</style><script>(function() {var configuration = {"numberOfTabs":6}; var fragmentElement = document.querySelector('#fragment-5002-ftfd'); var fragmentNamespace = 'ftfd';$(document).ready(function(){
const editMode = document.body.classList.contains('has-edit-mode-menu');
$('#open-acc-btn').click(function(){
if(!editMode){
window.location.href = "/online-account-opening"
}
})
$('.diamond-banking, .golden-banking').hide();
var sliderValue;
var sliderValueFromId, currentBalanceVal, minValue='10,000.00', maxValue='20,000.00';
//When first slider changes
$('#rangeSAR').change(function(){
monthlyIncomeUpdate();
})
//When second slider changes
$('#rangeSAR1').change(function(){
availableBalanceUpdate();
})
//When first button is clicked
$('.income-calculator #ButtonSelector button:first-child').click(function(){
monthlyIncomeUpdate();
})
//When second button is clicked
$('.income-calculator #ButtonSelector button:last-child').click(function(){
availableBalanceUpdate();
})
if($('html').hasClass('rtl')){
$('.income-calculator #income .text-whitegray').html('ูุฌุจ ุฃู ูููู ุงูุฑุงุชุจ ุงูู
ุญูู ุจูู <b class="minValue"></b> ุฑูุงู ุณุนูุฏูู <b class="maxValue"></b> ุฑูุงู ุณุนูุฏู');
$('.income-calculator #balance .text-whitegray').html('ูุฌุจ ุฃู ูููู ุงูุฑุงุชุจ ุงูู
ุญูู ุจูู <b class="minValue"></b> ุฑูุงู ุณุนูุฏูู <b class="maxValue"></b> ุฑูุงู ุณุนูุฏู');
}
else {
$('.income-calculator #income .text-whitegray').html('Transfer salary should be between <b class="minValue"></b><b>SAR</b> and <b class="maxValue"></b><b>SAR</b>');
$('.income-calculator #balance .text-whitegray').html('Transfer salary should be between <b class="minValue"></b><b>SAR</b> and <b class="maxValue"></b><b>SAR</b>');
}
$('.income-calculator #income .text-whitegray b.minValue').text(minValue);
$('.income-calculator #income .text-whitegray b.maxValue').text(maxValue);
function monthlyIncomeUpdate () {
sliderValueFromId=$("#rangeSAR").val();
$('.income-calculator #income .rectangle-container h4').text(sliderValueFromId);
$("#changedSliderValue").val(sliderValueFromId);
console.log("sliderValueFromId"+sliderValueFromId);
sliderValue = $('.income-calculator #income .rectangle-container h4').html();
sliderValue = parseInt(sliderValue);
if(sliderValue <= 20 ) {
$('.silver-banking').show();
$('.golden-banking, .diamond-banking').hide();
$('.income-calculator').addClass('silver-bank');
$('.income-calculator').removeClass('diamond-bank');
$('.income-calculator').removeClass('golden-bank');
minValue='10,000.00', maxValue='20,000.00';
$('.income-calculator #income .text-whitegray b.minValue').text(minValue);
$('.income-calculator #income .text-whitegray b.maxValue').text(maxValue);
}
else if (20 <= sliderValue && sliderValue <= 40) {
$('.golden-banking').show();
$('.silver-banking, .diamond-banking').hide();
$('.income-calculator').addClass('golden-bank');
$('.income-calculator').removeClass('silver-bank');
$('.income-calculator').removeClass('diamond-bank');
minValue='20,000.00', maxValue='40,000.00';
$('.income-calculator #income .text-whitegray b.minValue').text(minValue);
$('.income-calculator #income .text-whitegray b.maxValue').text(maxValue);
}
else if(sliderValue > 40){
$('.diamond-banking').show();
$('.silver-banking, .golden-banking').hide();
$('.income-calculator').addClass('diamond-bank');
$('.income-calculator').removeClass('silver-bank');
$('.income-calculator').removeClass('golden-bank');
minValue='40,000.00', maxValue='100,000.00';
$('.income-calculator #income .text-whitegray b.minValue').text(minValue);
$('.income-calculator #income .text-whitegray b.maxValue').text(maxValue);
}
}
function availableBalanceUpdate () {
currentBalanceVal = $('#rangeSAR1').val();
console.log('currentBalanceVal = '+currentBalanceVal);
$('#balance .rectangle-container h4#title_amount').text(currentBalanceVal+',000.00');
if(currentBalanceVal <= 500 ) {
$('.silver-banking').show();
$('.golden-banking, .diamond-banking').hide();
$('.income-calculator').addClass('silver-bank');
$('.income-calculator').removeClass('diamond-bank');
$('.income-calculator').removeClass('golden-bank');
minValue='50,000.00', maxValue='500,000.00';
$('.income-calculator #balance .text-whitegray b.minValue').text(minValue);
$('.income-calculator #balance .text-whitegray b.maxValue').text(maxValue);
}
else if (500 <= currentBalanceVal && currentBalanceVal <= 1000) {
$('.golden-banking').show();
$('.silver-banking, .diamond-banking').hide();
$('.income-calculator').addClass('golden-bank');
$('.income-calculator').removeClass('silver-bank');
$('.income-calculator').removeClass('diamond-bank');
minValue='500,000.00', maxValue='1,000,000.00';
$('.income-calculator #balance .text-whitegray b.minValue').text(minValue);
$('.income-calculator #balance .text-whitegray b.maxValue').text(maxValue);
}
else if(currentBalanceVal > 1000){
$('.diamond-banking').show();
$('.silver-banking, .golden-banking').hide();
$('.income-calculator').addClass('diamond-bank');
$('.income-calculator').removeClass('silver-bank');
$('.income-calculator').removeClass('golden-bank');
minValue='1,000,000.00', maxValue='2,000,000.00';
$('.income-calculator #balance .text-whitegray b.minValue').text(minValue);
$('.income-calculator #balance .text-whitegray b.maxValue').text(maxValue);
}
}
})
function jsEscape(str){
return String(str).replace(/[^\w. ]/gi, function(c){
return '\\u'+('0000'+c.charCodeAt(0).toString(16)).slice(-4);
});
};}());</script>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-45202-oivc"> <div class="sliders_page_presentation spacing-bottom">
<div class="swiper-container slider-page-presentation swiper-container-initialized swiper-container-horizontal">
<div class="swiper-wrapper" id="swiper-wrapper-29516cd4c310364b5" aria-live="off" style="transition: all 0ms ease 0s; transform: translate3d(-3240px, 0px, 0px);"><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="5" style="width: 790px; margin-right: 20px;" role="group" aria-label="1 / 8">
<div class="w-100 background-slider-1 pt-0 d-flex align-items-center">
<div class="container-fluid">
<div class="row">
<div class="col-12 pl-0 pr-0">
<div class="">
<div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-0-ubgq"> <div class="component-image overflow-hidden">
<a href="https://www.riyadbank.com/personal-banking/credit-cards" title=""><img alt="" class="w-100" data-lfr-editable-id="image-square" data-lfr-editable-type="image" src="https://www.riyadbank.com/documents/20121/5246816/KV_PW-4.jpg/cca023dc-756d-86fd-5a60-08e41632b050?t=1720020664668"></a>
</div></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--<div class="pagination-slider">-->
<!-- Add Pagination -->
<div class="only-mobile pagination-mobile">
<div class="swiper-pagination-slider-card w-100 d-flex justify-content-center swiper-pagination-clickable swiper-pagination-bullets"><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 1"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></span><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 4"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 5"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 6"></span></div>
</div>
<!--</div>-->
<!--<div class="buttons-container mb-32 only-mobile">
<a href="null" class="button_primary_link">
<button class="button_primary"> Open an account </button>
</a>
</div> --->
</div>
<div class="swiper-slide" data-swiper-slide-index="0" style="width: 790px; margin-right: 20px;" role="group" aria-label="2 / 8">
<div class="w-100 background-slider-1 pt-0 d-flex align-items-center">
<div class="container-fluid">
<div class="row">
<div class="col-12 pl-0 pr-0">
<div class="">
<div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-0-jczy"> <div class="component-image overflow-hidden">
<a href="https://www.riyadbank.com/try-riyad-bank-new-app-" title=""><img alt="" class="w-100" data-lfr-editable-id="image-square" data-lfr-editable-type="image" src="/documents/20121/5037176/Banner+EN.jpg/406fe724-40a7-dddb-151c-d83e75b3ba20?t=1728819447563&download=true"></a>
</div></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--<div class="pagination-slider">-->
<!-- Add Pagination -->
<div class="only-mobile pagination-mobile">
<div class="swiper-pagination-slider-card w-100 d-flex justify-content-center swiper-pagination-clickable swiper-pagination-bullets"><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 1"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></span><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 4"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 5"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 6"></span></div>
</div>
<!--</div>-->
<!--<div class="buttons-container mb-32 only-mobile">
<a href="null" class="button_primary_link">
<button class="button_primary"> Open an account </button>
</a>
</div> --->
</div>
<div class="swiper-slide" data-swiper-slide-index="1" style="width: 790px; margin-right: 20px;" role="group" aria-label="3 / 8">
<div class="w-100 background-slider-1 pt-0 d-flex align-items-center">
<div class="container-fluid">
<div class="row">
<div class="col-12 pl-0 pr-0">
<div class="">
<div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-0-zcef"> <div class="component-image overflow-hidden">
<a href="https://www.riyadbank.com/al-hilal-mastercard-credit-cards-by-riyad-bank" title=""><img alt="" class="w-100" data-lfr-editable-id="image-square" data-lfr-editable-type="image" src="https://www.riyadbank.com/documents/20121/4461845/hilal+banner+en.jpg/d78ef794-4765-4f8a-a5a3-9525ed4fc1b3?t=1714292632580"></a>
</div></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--<div class="pagination-slider">-->
<!-- Add Pagination -->
<div class="only-mobile pagination-mobile">
<div class="swiper-pagination-slider-card w-100 d-flex justify-content-center swiper-pagination-clickable swiper-pagination-bullets"><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 1"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></span><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 4"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 5"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 6"></span></div>
</div>
<!--</div>-->
<!--<div class="buttons-container mb-32 only-mobile">
<a href="null" class="button_primary_link">
<button class="button_primary"> Open an account </button>
</a>
</div> --->
</div>
<div class="swiper-slide swiper-slide-prev" data-swiper-slide-index="2" style="width: 790px; margin-right: 20px;" role="group" aria-label="4 / 8">
<div class="w-100 background-slider-1 pt-0 d-flex align-items-center">
<div class="container-fluid">
<div class="row">
<div class="col-12 pl-0 pr-0">
<div class="">
<div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-0-plkt"> <div class="component-image overflow-hidden">
<a href="/personal-banking/credit-cards/alfursan" title=""><img alt="" class="w-100" data-lfr-editable-id="image-square" data-lfr-editable-type="image" src="https://www.riyadbank.com/documents/20121/5021053/Fursan+en-min.jpg/82acc0bf-e2b5-1cbb-94ce-43b9a699812b?t=1714828900705"></a>
</div></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--<div class="pagination-slider">-->
<!-- Add Pagination -->
<div class="only-mobile pagination-mobile">
<div class="swiper-pagination-slider-card w-100 d-flex justify-content-center swiper-pagination-clickable swiper-pagination-bullets"><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 1"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></span><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 4"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 5"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 6"></span></div>
</div>
<!--</div>-->
<!--<div class="buttons-container mb-32 only-mobile">
<a href="null" class="button_primary_link">
<button class="button_primary"> Open an account </button>
</a>
</div> --->
</div>
<div class="swiper-slide swiper-slide-active" data-swiper-slide-index="3" style="width: 790px; margin-right: 20px;" role="group" aria-label="5 / 8">
<div class="w-100 background-slider-1 pt-0 d-flex align-items-center">
<div class="container-fluid">
<div class="row">
<div class="col-12 pl-0 pr-0">
<div class="">
<div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-0-hesw"> <div class="component-image overflow-hidden">
<img alt="" class="w-100" data-lfr-editable-id="image-square" data-lfr-editable-type="image" src="/documents/20121/4468321/Banner+EN.jpg/fb4dc750-30fb-eb26-a187-1907f91bdd00?t=1728802708737&download=true">
</div></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--<div class="pagination-slider">-->
<!-- Add Pagination -->
<div class="only-mobile pagination-mobile">
<div class="swiper-pagination-slider-card w-100 d-flex justify-content-center swiper-pagination-clickable swiper-pagination-bullets"><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 1"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></span><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 4"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 5"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 6"></span></div>
</div>
<!--</div>-->
<!--<div class="buttons-container mb-32 only-mobile">
<a href="null" class="button_primary_link">
<button class="button_primary"> Open an account </button>
</a>
</div> --->
</div>
<div class="swiper-slide swiper-slide-next" data-swiper-slide-index="4" style="width: 790px; margin-right: 20px;" role="group" aria-label="6 / 8">
<div class="w-100 background-slider-1 pt-0 d-flex align-items-center">
<div class="container-fluid">
<div class="row">
<div class="col-12 pl-0 pr-0">
<div class="">
<div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-0-eedn"> <div class="component-image overflow-hidden">
<img alt="" class="w-100" data-lfr-editable-id="image-square" data-lfr-editable-type="image" src="/documents/20121/5037176/Cy-en.jpg/44313255-22df-a547-fe53-52a4c7ea7678?t=1728543208554&download=true">
</div></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--<div class="pagination-slider">-->
<!-- Add Pagination -->
<div class="only-mobile pagination-mobile">
<div class="swiper-pagination-slider-card w-100 d-flex justify-content-center swiper-pagination-clickable swiper-pagination-bullets"><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 1"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></span><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 4"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 5"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 6"></span></div>
</div>
<!--</div>-->
<!--<div class="buttons-container mb-32 only-mobile">
<a href="null" class="button_primary_link">
<button class="button_primary"> Open an account </button>
</a>
</div> --->
</div>
<div class="swiper-slide" data-swiper-slide-index="5" style="width: 790px; margin-right: 20px;" role="group" aria-label="7 / 8">
<div class="w-100 background-slider-1 pt-0 d-flex align-items-center">
<div class="container-fluid">
<div class="row">
<div class="col-12 pl-0 pr-0">
<div class="">
<div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-0-ubgq"> <div class="component-image overflow-hidden">
<a href="https://www.riyadbank.com/personal-banking/credit-cards" title=""><img alt="" class="w-100" data-lfr-editable-id="image-square" data-lfr-editable-type="image" src="https://www.riyadbank.com/documents/20121/5246816/KV_PW-4.jpg/cca023dc-756d-86fd-5a60-08e41632b050?t=1720020664668"></a>
</div></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--<div class="pagination-slider">-->
<!-- Add Pagination -->
<div class="only-mobile pagination-mobile">
<div class="swiper-pagination-slider-card w-100 d-flex justify-content-center swiper-pagination-clickable swiper-pagination-bullets"><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 1"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></span><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 4"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 5"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 6"></span></div>
</div>
<!--</div>-->
<!--<div class="buttons-container mb-32 only-mobile">
<a href="null" class="button_primary_link">
<button class="button_primary"> Open an account </button>
</a>
</div> --->
</div>
<div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="0" role="group" aria-label="8 / 8" style="width: 790px; margin-right: 20px;">
<div class="w-100 background-slider-1 pt-0 d-flex align-items-center">
<div class="container-fluid">
<div class="row">
<div class="col-12 pl-0 pr-0">
<div class="">
<div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-0-jczy"> <div class="component-image overflow-hidden">
<a href="https://www.riyadbank.com/try-riyad-bank-new-app-" title=""><img alt="" class="w-100" data-lfr-editable-id="image-square" data-lfr-editable-type="image" src="/documents/20121/5037176/Banner+EN.jpg/406fe724-40a7-dddb-151c-d83e75b3ba20?t=1728819447563&download=true"></a>
</div></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--<div class="pagination-slider">-->
<!-- Add Pagination -->
<div class="only-mobile pagination-mobile">
<div class="swiper-pagination-slider-card w-100 d-flex justify-content-center swiper-pagination-clickable swiper-pagination-bullets"><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 1"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></span><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 4"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 5"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 6"></span></div>
</div>
<!--</div>-->
<!--<div class="buttons-container mb-32 only-mobile">
<a href="null" class="button_primary_link">
<button class="button_primary"> Open an account </button>
</a>
</div> --->
</div></div>
<!-- Add Arrows -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
<div class="only-desktop pagination-mobile">
<div class="swiper-pagination-slider-card w-100 d-flex justify-content-center swiper-pagination-clickable swiper-pagination-bullets"><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 1"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></span><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 4"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 5"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 6"></span></div>
</div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
</div></div><style>#map {display:none;}
.sliders_page_presentation .swiper-container .swiper-wrapper .swiper-slide .background-slider {
min-height: 450px;
}
.page-feedbackwrapper{
display:none;
}
.sliders_page_presentation .swiper-button-next {
right: 2px;
display: none;
}
.sliders_page_presentation .swiper-button-prev {
display: none;
}
.sliders_page_presentation .swiper-pagination-bullet-active {
width: 13px !important;
height: 13px !important;
}
.sliders_page_presentation .swiper-pagination-bullet {
width: 10px;
height: 10px;
margin-right: 3px;
}
.has-edit-mode-menu .swiper-slide, .page-editor__layout-viewport--size-desktop .page-editor__layout-viewport__resizer {
max-width:100%;
}
.has-edit-mode-menu .swiper-container-android .swiper-slide,.has-edit-mode-menu .swiper-wrapper {
transform: none !important;
}
.has-edit-mode-menu .swiper-wrapper {
display: block;
}
@media (min-width: 769px)
.sliders_page_presentation .background-slider{
background: unset !important;
}
@media (max-width: 576px){
.sliders_page_presentation .swiper-container .swiper-wrapper .swiper-slide .background-slider {
min-height: 370px !important;
}
}
.animated-text{
position:absolute;
top: 7rem;
left: 7rem;
width:50%;
}
.lineUp {
animation: 2s anim-lineUp ease-out;
}
@keyframes anim-lineUp {
0% {
opacity: 0;
transform: translateY(80%);
}
20% {
opacity: 0;
}
50% {
opacity: 1;
transform: translateY(0%);
}
100% {
opacity: 1;
transform: translateY(0%);
}
}
.overlay-img{
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
.rtl .animated-text{
position: absolute;
top: 7rem;
width: 50%;
right: 3rem;
left: 0;
}</style>
</div>
</div>
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-center" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-17902-kryc"> <h2 class="component-heading text-break " data-lfr-editable-id="element-text" data-lfr-editable-type="text">Interested in</h2></div><style>.fragment-heading-text-colored a {
color: inherit;
}
h5.component-heading a{
font-weight: bold;
}
.offers-section.Awards-section .component-heading, .offers-section.Awards-section .rb-component-paragraph {
font-size: 16px;
}</style>
</div>
</div>
<div class="">
<div class=" mb-lg-4 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-4 mb-4 mb-md-4" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-31503-lsgg"> <div class="quick-actions">
<div class="cards">
<div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-31612-vxsi"> <div class="card border-0">
<a href="/personal-banking/banking-programs/diamond-banking" title=""><img class="icon-image" data-lfr-editable-id="icon-image" data-lfr-editable-type="image" src="/documents/20121/0/Account+opening.png/75339835-7c90-cef0-5384-21b521f35e2f?t=1667985989963&download=true"></a>
<p data-lfr-editable-id="title" data-lfr-editable-type="text"><a href="/personal-banking/everyday-banking/current-account" title="Account Opening">Account Opening</a></p>
</div></div><style>p a:hover{
color:#00af9a !important;
}
.quick-actions .cards > div .card i, .quick-actions .cards > div .card p a:hover {
color: var(--primary) !important;
}
.quick-actions .cards .card, .quick-actions .cards > div .card {
background-color: var(--white) !important;
color: unset !important;
justify-content: flex-start !important;
}
.quick-actions .cards > div .card p a{
color: var(--secondary) !important;
display:block;
width:100px;
}
.quick-actions .cards > div .card .icon-image{
height: 38px;
margin-bottom: 9px;
}
/*.rtl .quick-actions .cards > div .card {
width: 135px;
}
@media (max-width: 769px){
.quick-actions .cards .card, .quick-actions .cards > div .card {
margin-bottom: 26px;
}
}
*/
@media (max-width:768px) {
.quick-actions .cards .card, .quick-actions .cards > div .card {
justify-content: center !important;
}
}
@media (max-width:540px) {
.quick-actions .cards, .quick-actions .cards > div {
justify-content: center;
}
}
@media (max-width: 420px){
.quick-actions .cards .card, .quick-actions .cards > div .card {
width: 130px;
}
}
.Business.Corporate .quick-actions .cards p{
margin-bottom: 0;
margin-top: 0;
}
.Business.Pioneers .quick-actions .cards p{
margin-bottom: 0;
margin-top: 0;
}</style>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-31612-ihqp"> <div class="card border-0">
<a href="/personal-banking/wazin" title=""><img class="icon-image" data-lfr-editable-id="icon-image" data-lfr-editable-type="image" src="/documents/20121/0/Wazin.png/c34a4b40-7240-178c-942f-f3f670781f9f?t=1667986049329&download=true"></a>
<p data-lfr-editable-id="title" data-lfr-editable-type="text"><a href="/personal-banking/wazin" title="Wazin Program">Wazin Program</a></p>
</div></div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-31612-ytbe"> <div class="card border-0">
<a href="/personal-banking/credit-cards" title=""><img class="icon-image" data-lfr-editable-id="icon-image" data-lfr-editable-type="image" src="/documents/20121/0/Credit+Cards.png/3642c9ff-cf11-ba5e-e085-7e85e3d8b062?t=1667986071544&download=true"></a>
<p data-lfr-editable-id="title" data-lfr-editable-type="text"><a href="/personal-banking/credit-cards" title="Credit Cards">Credit Cards</a></p>
</div></div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-31612-gxue"> <div class="card border-0">
<a href="/personal-banking/car-finance/auto-leasing" title=""><img class="icon-image" data-lfr-editable-id="icon-image" data-lfr-editable-type="image" src="/documents/20121/0/Auto+Lease.png/4032308f-1e61-00a5-1aff-2df4c133b59a?t=1667986096163&download=true"></a>
<p data-lfr-editable-id="title" data-lfr-editable-type="text"><a href="/personal-banking/car-finance/auto-leasing" title="Auto Lease Finance">Auto Lease Finance</a></p>
</div></div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-31612-mgxo"> <div class="card border-0">
<a href="/personal-banking/personal-finance" title=""><img class="icon-image" data-lfr-editable-id="icon-image" data-lfr-editable-type="image" src="/documents/20121/0/Personal+finance.png/5861478e-2a52-fcd1-9d34-b7f587740820?t=1667986115252&download=true"></a>
<p data-lfr-editable-id="title" data-lfr-editable-type="text"><a href="/personal-banking/personal-finance" title="Personal Finance">Personal Finance</a></p>
</div></div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-31612-mnxb"> <div class="card border-0">
<a href="/personal-banking/home-loan" title=""><img class="icon-image" data-lfr-editable-id="icon-image" data-lfr-editable-type="image" src="/documents/20121/0/Home+Finance.png/6571add8-fb25-d4db-8a63-ebf08c62b4bd?t=1667986136840&download=true"></a>
<p data-lfr-editable-id="title" data-lfr-editable-type="text"><a href="/personal-banking/home-loan" title="Home Finance">Home Finance</a></p>
</div></div>
</div>
</div>
</div>
</div>
</div></div><style>.quick-actions .cards div {display:flex;}
.quick-actions {overflow-x:auto;}</style>
</div>
</div>
</div>
<div class=" container mb-lg-5 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-5 mb-5 mb-md-5" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div class="">
<div class=" mb-lg-5 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-center mb-sm-5 mb-5 mb-md-5" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-17902-hefd"> <h2 class="component-heading text-break " data-lfr-editable-id="element-text" data-lfr-editable-type="text">Discover Our Products</h2></div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-3 pt-sm-3 pt-3 pt-md-3" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-22904-bzta"> <div class="component-tabs">
<nav class="navbar-expand-md mb-4">
<button aria-controls="navigationBarCollapse" aria-expanded="false" aria-label="Tabs Toggle Navigation" class="collapsed navbar-toggler navbar-toggler-link d-none" data-toggle="collapse">
</button>
<div class="" id="navigationBarCollapse">
<ul class="list-unstyled pt-16 d-flex button_tabs w-100 m-0" role="tablist">
<li class="nav-item nav-link list-tabs pl-0 pr-0 p-0 nav optionS button_tabs mobile-slider" role="presentation">
<a aria-controls="tabPanel1" aria-selected="true" class="nav-link text-uppercase text-center li-link-tab nav-title nav-item active" data-fragment-namespace="bzta" id="tab1" role="tab" title="
CREDIT CARDS
">
<span class="" data-lfr-editable-id="title1" data-lfr-editable-type="text" tabindex="-1">CREDIT CARDS</span>
</a>
</li>
<li class="nav-item nav-link list-tabs pl-0 pr-0 p-0 nav optionS button_tabs mobile-slider" role="presentation">
<a aria-controls="tabPanel2" aria-selected="false" class="nav-link text-uppercase text-center li-link-tab nav-title nav-item" data-fragment-namespace="bzta" id="tab2" role="tab" title="
PERSONAL FINANCE
">
<span class="" data-lfr-editable-id="title2" data-lfr-editable-type="text" tabindex="-1">PERSONAL FINANCE</span>
</a>
</li>
<li class="nav-item nav-link list-tabs pl-0 pr-0 p-0 nav optionS button_tabs mobile-slider" role="presentation">
<a aria-controls="tabPanel3" aria-selected="false" class="nav-link text-uppercase text-center li-link-tab nav-title nav-item" data-fragment-namespace="bzta" id="tab3" role="tab" title="
AUTO LEASE
">
<span class="" data-lfr-editable-id="title3" data-lfr-editable-type="text" tabindex="-1">AUTO LEASE</span>
</a>
</li>
<li class="nav-item nav-link list-tabs pl-0 pr-0 p-0 nav optionS button_tabs mobile-slider" role="presentation">
<a aria-controls="tabPanel4" aria-selected="false" class="nav-link text-uppercase text-center li-link-tab nav-title nav-item" data-fragment-namespace="bzta" id="tab4" role="tab" title="
HOME FINANCE
">
<span class="" data-lfr-editable-id="title4" data-lfr-editable-type="text" tabindex="-1">HOME FINANCE</span>
</a>
</li>
<li class="nav-item nav-link list-tabs pl-0 pr-0 p-0 nav optionS button_tabs mobile-slider" role="presentation">
<a aria-controls="tabPanel5" aria-selected="false" class="nav-link text-uppercase text-center li-link-tab nav-title nav-item" data-fragment-namespace="bzta" id="tab5" role="tab" title="
Offers
">
<span class="" data-lfr-editable-id="title5" data-lfr-editable-type="text" tabindex="-1">Offers</span>
</a>
</li>
</ul>
</div>
</nav>
<div class="tab-panel">
<div aria-labelledby="tab1" class="tab-panel-item" data-fragment-namespace="bzta" id="tabPanel1" role="tabpanel" tabindex="0">
<div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-0-jrul">
<div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_jrul_">
<span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_jrul"></span>
<section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_jrul">
<div class="portlet-content">
<div class="autofit-float autofit-row portlet-header">
<div class="autofit-col autofit-col-expand">
<h2 class="portlet-title-text">Silver Banking Credit Card Carousel (Monthly Income)</h2>
</div>
<div class="autofit-col autofit-col-end">
<div class="autofit-section">
<div class="visible-interaction">
</div> </div>
</div>
</div>
<div class=" portlet-content-container">
<div class="portlet-body">
<div class="" data-fragments-editor-item-id="20132-1898700" data-fragments-editor-item-type="fragments-editor-mapped-item">
<div class="journal-content-article " data-analytics-asset-id="1734067" data-analytics-asset-title="Silver Banking Credit Card Carousel (Monthly Income)" data-analytics-asset-type="web-content">
<style>
.cards_organism_cards_and_tab_slider .cards_card_container_no_slider .swiper {
width: 100%;
height: 100%;
}
.cards_organism_cards_and_tab_slider .cards_card_container_no_slider .swiper-slide {
text-align: center;
font-size: 18px;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.cards_organism_cards_and_tab_slider .cards_card_container_no_slider .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.cards_organism_cards_and_tab_slider .cards_card_container_no_slider .swiper-pagination-bullet {
border-radius: 0%;
width: 10px;
height: 10px;
transition: 0.5s;
}
.cards_organism_cards_and_tab_slider .cards_card_container_no_slider .swiper-pagination-bullet-active {
background: #00af9a;
width: 13px;
height: 13px;
}
.cards_organism_cards_and_tab_slider .cards_card_container_no_slider .swiper-button-next, .cards_organism_cards_and_tab_slider .cards_card_container_no_slider .swiper-button-prev {
color: #00af9a ;
display: block;
}
.cards_card_container_no_slider {
position: relative;
}
.cards_card_container_no_slider .swiper-button-next {
right: -40px;
}
.cards_card_container_no_slider .swiper-button-prev {
left: -40px;
}
.cards_credit_cards_card .card {
background: #fff;
}
.cards_credit_cards_card .card-body .card-title {
height: 75px;
}
.cards_organism_cards_and_tab_slider .swiper-container-horizontal > .swiper-pagination-bullets {
display: flex;
justify-content: center;
align-items: center;
}
.cards_organism_cards_and_tab_slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 3px;
}
#navigationBarCollapse ul li a:hover {
cursor: pointer;
}
/*Arabic Css*/
.rtl .cards_card_container_no_slider .swiper-button-next {
left: -40px;
right: auto;
}
.rtl .cards_card_container_no_slider .swiper-button-next::after {
content: 'prev';
}
.rtl .cards_card_container_no_slider .swiper-button-prev {
right: -40px;
left: auto;
}
.rtl .cards_card_container_no_slider .swiper-button-prev::after {
content: 'next';
}
</style>
<div class="cards_organism_cards_and_tab_slider ">
<div class="container cards_card_container_no_slider">
<div class="swiper swiper-container myCreditSwiper swiper-container-initialized swiper-container-horizontal">
<div class="swiper-wrapper" id="swiper-wrapper-1a783b9825697dd4" aria-live="polite">
<div class="swiper-slide swiper-slide-active" style="width: 356px; margin-right: 30px;" role="group" aria-label="1 / 9">
<div class="cards_credit_cards_card ">
<div class="card">
<div class="card-body">
<div class="row no-gutters">
<div class="col-12">
<a data-senna-off="true" href="/personal-banking/credit-cards/platinum-credit-card" title="
Mastercard Platinum Credit Card
">
<h5 class="card-title pb-32" data-lfr-editable-id="title1" data-lfr-editable-type="text">
<div>
Mastercard Platinum Credit Card
</div>
</h5>
</a>
</div>
</div>
<a data-senna-off="true" href="/personal-banking/credit-cards/platinum-credit-card" title="
">
<picture data-fileentryid="5236497"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/5236497/Thumbnail-300x300/MC+Platinum+Card.png?t=1720014903031"><source media="(max-width:1000px) and (min-width:300px)" srcset="/o/adaptive-media/image/5236497/Preview-1000x0/MC+Platinum+Card.png?t=1720014903031"><img class="card-img-top card-media-img pb-32" alt="" data-fileentryid="5236497" src="/documents/20121/5236464/MC+Platinum+Card.png/294704cc-cfc5-547b-a98b-dca00bf663cc?t=1720014903031"></picture>
</a>
<ul class="list_check_big_four_elements p-0">
<div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-left" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-16821-sygk">
<li><div class="lists">
<span></span>
<div data-lfr-editable-id="features_list" data-lfr-editable-type="text">Fraud protection</div>
</div></li>
</div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-left" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-16821-sygk">
<li><div class="lists">
<span></span>
<div data-lfr-editable-id="features_list" data-lfr-editable-type="text">Unlimited, complimentary access to over 25 regional and international lounges</div>
</div></li>
</div>
</div>
</div>
</div>
</ul>
</div>
</div>
</div>
</div>
<div class="swiper-slide swiper-slide-next" style="width: 356px; margin-right: 30px;" role="group" aria-label="2 / 9">
<div class="cards_credit_cards_card ">
<div class="card">
<div class="card-body">
<div class="row no-gutters">
<div class="col-12">
<a data-senna-off="true" href="/personal-banking/credit-cards/titanium-credit-card" title="
Titanium Islamic Credit Card
">
<h5 class="card-title pb-32" data-lfr-editable-id="title1" data-lfr-editable-type="text">
<div>
Titanium Islamic Credit Card
</div>
</h5>
</a>
</div>
</div>
<a data-senna-off="true" href="/personal-banking/credit-cards/titanium-credit-card" title="
">
<img class="card-img-top card-media-img pb-32" alt="" data-fileentryid="2448234" src="/documents/20121/0/Titanium+Islamic+Credit+Card.svg/6b03fa04-e509-e711-2308-6b452fc2b360?t=1669116169036">
</a>
<ul class="list_check_big_four_elements p-0">
<div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-left" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-16821-sygk">
<li><div class="lists">
<span></span>
<div data-lfr-editable-id="features_list" data-lfr-editable-type="text">Free access to VIP lounges at airports</div>
</div></li>
</div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-left" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-16821-sygk">
<li><div class="lists">
<span></span>
<div data-lfr-editable-id="features_list" data-lfr-editable-type="text">Fraud protection</div>
</div></li>
</div>
</div>
</div>
</div>
</ul>
</div>
</div>
</div>
</div>
<div class="swiper-slide" style="width: 356px; margin-right: 30px;" role="group" aria-label="3 / 9">
<div class="cards_credit_cards_card ">
<div class="card">
<div class="card-body">
<div class="row no-gutters">
<div class="col-12">
<a data-senna-off="true" href="/personal-banking/credit-cards/visa-signature-card" title="
Visa Signature Islamic Card
">
<h5 class="card-title pb-32" data-lfr-editable-id="title1" data-lfr-editable-type="text">
<div>
Visa Signature Islamic Card
</div>
</h5>
</a>
</div>
</div>
<a data-senna-off="true" href="/personal-banking/credit-cards/visa-signature-card" title="
">
<picture data-fileentryid="5236617"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/5236617/Thumbnail-300x300/VISA+Signature+Card.png?t=1720014964080"><source media="(max-width:1000px) and (min-width:300px)" srcset="/o/adaptive-media/image/5236617/Preview-1000x0/VISA+Signature+Card.png?t=1720014964080"><img class="card-img-top card-media-img pb-32" alt="" data-fileentryid="5236617" src="/documents/20121/5236464/VISA+Signature+Card.png/34593560-ae8d-e99f-eb12-7f4bca6346e0?t=1720014964080"></picture>
</a>
<ul class="list_check_big_four_elements p-0">
<div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-left" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-16821-sygk">
<li><div class="lists">
<span></span>
<div data-lfr-editable-id="features_list" data-lfr-editable-type="text">Free Travel Insurance</div>
</div></li>
</div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-left" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-16821-sygk">
<li><div class="lists">
<span></span>
<div data-lfr-editable-id="features_list" data-lfr-editable-type="text">Extended warranty</div>
</div></li>
</div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-left" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-16821-sygk">
<li><div class="lists">
<span></span>
<div data-lfr-editable-id="features_list" data-lfr-editable-type="text">Annual waived fees for Golden Banking membership</div>
</div></li>
</div>
</div>
</div>
</div>
</ul>
</div>
</div>
</div>
</div>
<div class="swiper-slide" style="width: 356px; margin-right: 30px;" role="group" aria-label="4 / 9">
<div class="cards_credit_cards_card ">
<div class="card">
<div class="card-body">
<div class="row no-gutters">
<div class="col-12">
<a data-senna-off="true" href="/personal-banking/credit-cards/cashback-visa-signature" title="
Cashback Visa Signature Islamic Credit Card
">
<h5 class="card-title pb-32" data-lfr-editable-id="title1" data-lfr-editable-type="text">
<div>
Cashback Visa Signature Islamic Credit Card
</div>
</h5>
</a>
</div>
</div>
<a data-senna-off="true" href="/personal-banking/credit-cards/cashback-visa-signature" title="
">
<picture data-fileentryid="5236572"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/5236572/Thumbnail-300x300/VISA+Cashback+Card.png?t=1720014940612"><source media="(max-width:1000px) and (min-width:300px)" srcset="/o/adaptive-media/image/5236572/Preview-1000x0/VISA+Cashback+Card.png?t=1720014940612"><img class="card-img-top card-media-img pb-32" alt="" data-fileentryid="5236572" src="/documents/20121/5236464/VISA+Cashback+Card.png/225f6cd3-c1ff-c67b-038e-eff6af060d0c?t=1720014940612"></picture>
</a>
<ul class="list_check_big_four_elements p-0">
<div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-left" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-16821-sygk">
<li><div class="lists">
<span></span>
<div data-lfr-editable-id="features_list" data-lfr-editable-type="text">Cashback Reward Program</div>
</div></li>
</div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-left" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-16821-sygk">
<li><div class="lists">
<span></span>
<div data-lfr-editable-id="features_list" data-lfr-editable-type="text">Free access to airport lounges</div>
</div></li>
</div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-left" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-16821-sygk">
<li><div class="lists">
<span></span>
<div data-lfr-editable-id="features_list" data-lfr-editable-type="text">Travel insurance</div>
</div></li>
</div>
</div>
</div>
</div>
</ul>
</div>
</div>
</div>
</div>
<div class="swiper-slide" style="width: 356px; margin-right: 30px;" role="group" aria-label="5 / 9">
<div class="cards_credit_cards_card ">
<div class="card">
<div class="card-body">
<div class="row no-gutters">
<div class="col-12">
<a data-senna-off="true" href="/personal-banking/credit-cards/platinum-credit-card" title="
Mastercard Platinum Credit Card
">
<h5 class="card-title pb-32" data-lfr-editable-id="title1" data-lfr-editable-type="text">
<div>
Mastercard Platinum Credit Card
</div>
</h5>
</a>
</div>
</div>
<a data-senna-off="true" href="/personal-banking/credit-cards/platinum-credit-card" title="
">
<picture data-fileentryid="5236497"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/5236497/Thumbnail-300x300/MC+Platinum+Card.png?t=1720014903031"><source media="(max-width:1000px) and (min-width:300px)" srcset="/o/adaptive-media/image/5236497/Preview-1000x0/MC+Platinum+Card.png?t=1720014903031"><img class="card-img-top card-media-img pb-32" alt="" data-fileentryid="5236497" src="/documents/20121/5236464/MC+Platinum+Card.png/294704cc-cfc5-547b-a98b-dca00bf663cc?t=1720014903031"></picture>
</a>
<ul class="list_check_big_four_elements p-0">
<div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-left" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-16821-sygk">
<li><div class="lists">
<span></span>
<div data-lfr-editable-id="features_list" data-lfr-editable-type="text">Unlimited, complimentary access to over 25 regional and international lounges</div>
</div></li>
</div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-left" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-16821-sygk">
<li><div class="lists">
<span></span>
<div data-lfr-editable-id="features_list" data-lfr-editable-type="text">Fraud protection</div>
</div></li>
</div>
</div>
</div>
</div>
</ul>
</div>
</div>
</div>
</div>
<div class="swiper-slide" style="width: 356px; margin-right: 30px;" role="group" aria-label="6 / 9">
<div class="cards_credit_cards_card ">
<div class="card">
<div class="card-body">
<div class="row no-gutters">
<div class="col-12">
<a data-senna-off="true" href="/personal-banking/credit-cards/titanium-credit-card" title="
Titanium Islamic Credit Card
">
<h5 class="card-title pb-32" data-lfr-editable-id="title1" data-lfr-editable-type="text">
<div>
Titanium Islamic Credit Card
</div>
</h5>
</a>
</div>
</div>
<a data-senna-off="true" href="/personal-banking/credit-cards/titanium-credit-card" title="
">
<img class="card-img-top card-media-img pb-32" alt="" data-fileentryid="2448234" src="/documents/20121/0/Titanium+Islamic+Credit+Card.svg/6b03fa04-e509-e711-2308-6b452fc2b360?t=1669116169036">
</a>
<ul class="list_check_big_four_elements p-0">
<div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-left" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-16821-sygk">
<li><div class="lists">
<span></span>
<div data-lfr-editable-id="features_list" data-lfr-editable-type="text">Free access to VIP lounges at airports</div>
</div></li>
</div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-left" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-16821-sygk">
<li><div class="lists">
<span></span>
<div data-lfr-editable-id="features_list" data-lfr-editable-type="text">Fraud protection</div>
</div></li>
</div>
</div>
</div>
</div>
</ul>
</div>
</div>
</div>
</div>
<div class="swiper-slide" style="width: 356px; margin-right: 30px;" role="group" aria-label="7 / 9">
<div class="cards_credit_cards_card ">
<div class="card">
<div class="card-body">
<div class="row no-gutters">
<div class="col-12">
<a data-senna-off="true" href="/personal-banking/credit-cards/supplementary-credit-card" title="
Supplementary Islamic Credit Card
">
<h5 class="card-title pb-32" data-lfr-editable-id="title1" data-lfr-editable-type="text">
<div>
Supplementary Islamic Credit Card
</div>
</h5>
</a>
</div>
</div>
<a data-senna-off="true" href="/personal-banking/credit-cards/supplementary-credit-card" title="
">
<img class="card-img-top card-media-img pb-32" alt="" data-fileentryid="2448163" src="/documents/20121/0/Supplementary+Islamic+Credit+Card.svg/90f303f8-113e-38c7-2265-2d3512f22623?t=1669116156792">
</a>
<ul class="list_check_big_four_elements p-0">
<div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-left" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-16821-sygk">
<li><div class="lists">
<span></span>
<div data-lfr-editable-id="features_list" data-lfr-editable-type="text">Cash advance</div>
</div></li>
</div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-left" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-16821-sygk">
<li><div class="lists">
<span></span>
<div data-lfr-editable-id="features_list" data-lfr-editable-type="text">Chip card security</div>
</div></li>
</div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-left" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-16821-sygk">
<li><div class="lists">
<span></span>
<div data-lfr-editable-id="features_list" data-lfr-editable-type="text">Online shopping</div>
</div></li>
</div>
</div>
</div>
</div>
</ul>
</div>
</div>
</div>
</div>
<div class="swiper-slide" style="width: 356px; margin-right: 30px;" role="group" aria-label="8 / 9">
<div class="cards_credit_cards_card ">
<div class="card">
<div class="card-body">
<div class="row no-gutters">
<div class="col-12">
<a data-senna-off="true" href="/personal-banking/credit-cards/prepaid-credit-card" title="
Prepaid Islamic Card
">
<h5 class="card-title pb-32" data-lfr-editable-id="title1" data-lfr-editable-type="text">
<div>
Prepaid Islamic Card
</div>
</h5>
</a>
</div>
</div>
<a data-senna-off="true" href="/personal-banking/credit-cards/prepaid-credit-card" title="
">
<picture data-fileentryid="5236512"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/5236512/Thumbnail-300x300/MC+Prepaid+Card.png?t=1720014908120"><source media="(max-width:1000px) and (min-width:300px)" srcset="/o/adaptive-media/image/5236512/Preview-1000x0/MC+Prepaid+Card.png?t=1720014908120"><img class="card-img-top card-media-img pb-32" alt="" data-fileentryid="5236512" src="/documents/20121/5236464/MC+Prepaid+Card.png/fbb94064-74c9-5989-903f-3f31ed79b3f5?t=1720014908120"></picture>
</a>
<ul class="list_check_big_four_elements p-0">
<div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-left" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-16821-sygk">
<li><div class="lists">
<span></span>
<div data-lfr-editable-id="features_list" data-lfr-editable-type="text">100% cash withdrawal</div>
</div></li>
</div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-left" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-16821-sygk">
<li><div class="lists">
<span></span>
<div data-lfr-editable-id="features_list" data-lfr-editable-type="text">Worldwide acceptance</div>
</div></li>
</div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-left" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-16821-sygk">
<li><div class="lists">
<span></span>
<div data-lfr-editable-id="features_list" data-lfr-editable-type="text">Credit Counseling</div>
</div></li>
</div>
</div>
</div>
</div>
</ul>
</div>
</div>
</div>
</div>
<div class="swiper-slide" role="group" aria-label="9 / 9" style="width: 356px; margin-right: 30px;">
<div class="cards_credit_cards_card ">
<div class="card">
<div class="card-body">
<div class="row no-gutters">
<div class="col-12">
<a data-senna-off="true" href="/personal-banking/credit-cards/virtual-card" title="
Islamic Virtual Card
">
<h5 class="card-title pb-32" data-lfr-editable-id="title1" data-lfr-editable-type="text">
<div>
Islamic Virtual Card
</div>
</h5>
</a>
</div>
</div>
<a data-senna-off="true" href="/personal-banking/credit-cards/virtual-card" title="
">
<picture data-fileentryid="5236602"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/5236602/Thumbnail-300x300/VISA+Prepaid+Card.png?t=1720014958852"><source media="(max-width:1000px) and (min-width:300px)" srcset="/o/adaptive-media/image/5236602/Preview-1000x0/VISA+Prepaid+Card.png?t=1720014958852"><img class="card-img-top card-media-img pb-32" alt="" data-fileentryid="5236602" src="/documents/20121/5236464/VISA+Prepaid+Card.png/b347aead-8f9a-dfa5-9dd2-e2b113b1d38b?t=1720014958852"></picture>
</a>
<ul class="list_check_big_four_elements p-0">
<div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-left" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-16821-sygk">
<li><div class="lists">
<span></span>
<div data-lfr-editable-id="features_list" data-lfr-editable-type="text">No credit check</div>
</div></li>
</div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-left" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-16821-sygk">
<li><div class="lists">
<span></span>
<div data-lfr-editable-id="features_list" data-lfr-editable-type="text">Instant issuance</div>
</div></li>
</div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-left" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-16821-sygk">
<li><div class="lists">
<span></span>
<div data-lfr-editable-id="features_list" data-lfr-editable-type="text">Worldwide acceptance</div>
</div></li>
</div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-left" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-16821-sygk">
<li><div class="lists">
<span></span>
<div data-lfr-editable-id="features_list" data-lfr-editable-type="text">No annual fee</div>
</div></li>
</div>
</div>
</div>
</div>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 1"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 4"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 5"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 6"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 7"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 8"></span></div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
<div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-1a783b9825697dd4" aria-disabled="false"></div>
<div class="swiper-button-prev swiper-button-disabled" tabindex="-1" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-1a783b9825697dd4" aria-disabled="true"></div>
</div>
</div>
<script>
$(document).ready(function(){
var swiper = new Swiper(".cards_organism_cards_and_tab_slider .cards_card_container_no_slider .swiper", {
// slidesPerView: 3,
// spaceBetween: 30,
// slidesPerGroup: 3,
pagination: {
el: ".cards_organism_cards_and_tab_slider .cards_card_container_no_slider .swiper-pagination",
clickable: true,
},
navigation: {
nextEl: ".cards_organism_cards_and_tab_slider .cards_card_container_no_slider .swiper-button-next",
prevEl: ".cards_organism_cards_and_tab_slider .cards_card_container_no_slider .swiper-button-prev",
},
breakpoints: {
0: {
slidesPerView: 1,
spaceBetween: 30
},
768: {
slidesPerView: 2,
spaceBetween: 30
},
992: {
slidesPerView: 3,
spaceBetween: 30
}
}
});
var isArabic = $('html').hasClass('rtl');
if(isArabic) {
$('.cards_organism_cards_and_tab_slider .cards_card_container_no_slider .swiper-button-next:after').css('content','"prev"');
$('.cards_organism_cards_and_tab_slider .cards_card_container_no_slider .swiper-button-prev:after').css('content','"next"');
} else {
$('.cards_organism_cards_and_tab_slider .cards_card_container_no_slider .swiper-button-next:after').css('content','"next"');
$('.cards_organism_cards_and_tab_slider .cards_card_container_no_slider .swiper-button-prev:after').css('content','"prev"');
}
})
</script>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
</div>
</div>
<div aria-labelledby="tab2" class="tab-panel-item d-none" data-fragment-namespace="bzta" id="tabPanel2" role="tabpanel" tabindex="0">
<div>
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;overflow: hidden;">
<div class="row align-items-lg-start align-items-sm-start align-items-start align-items-md-start flex-lg-row flex-sm-row flex-row flex-md-row">
<div class="col col-lg-6 col-sm-12 col-12 col-md-6">
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-0-jbhq">
<div class="portlet-boundary portlet-boundary_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_ portlet-static portlet-static-end portlet-barebone " id="p_p_id_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_">
<span id="p_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq"></span>
<section class="portlet" id="portlet_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq">
<div class="portlet-content">
<div class="autofit-float autofit-row portlet-header">
<div class="autofit-col autofit-col-expand">
<h2 class="portlet-title-text">Finance Calculator</h2>
</div>
<div class="autofit-col autofit-col-end">
<div class="autofit-section">
</div>
</div>
</div>
<div class=" portlet-content-container">
<div class="portlet-body">
<div class=" validation-error alert alert-danger" style="display: none;">
</div>
<div class="upper-side">
<div class="tabs">
<div class="button_tabs">
<div class="nav home-tab flex-row home-finance-nav-section finance-calculator-tabs" id="nav-tab" role="tablist">
<a class="nav-item nav-link active text-center fc-personal-tab" id="nav-home-tab" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true" title="
Personal
">
<span class="Tabicon">
<i class="icon-profile"></i>
</span>
<span class="TabiconTitle">
Personal
</span>
</a>
<a class="nav-item nav-link fc-car-tab" id="nav-profile-tab text-center " data-toggle="tab" href="#nav-profile" role="tab" aria-controls="nav-profile" aria-selected="false" title="
Car
">
<span class="Tabicon">
<i class="icon-icon-car"></i>
</span>
<span class="TabiconTitle">
Car
</span>
</a>
<a class="nav-item nav-link fc-home-tab" id="nav-contact-tab text-center " data-toggle="tab" href="#nav-contact" role="tab" aria-controls="nav-contact" aria-selected="false" title="
Mortgage
">
<span class="Tabicon">
<i class="icon-home-loan"></i>
</span>
<span class="TabiconTitle">
Mortgage
</span>
</a>
</div>
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade show active fc-personal-section" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
<form action="javascript:void(0);" class="form " data-fm-namespace="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_financeTypePersonalForm" method="post" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_financeTypePersonalForm" autocomplete="off">
<input class="field form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_formDate" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_formDate" type="hidden" value="1728890686529">
<div class="personalNoEligible mt-2">
Our apologies. With the provided information, you are not eligible for a personal loan
</div>
<div class="plSalaryOutOfErr mt-2">
The Salary Out Of The Program
</div>
<h6 class="fcFormCommonClass mt-5 mb-3 text-left">
Personal Details
</h6>
<div class="row " id="">
<div class="col-md-6 " id="">
<div class="form-group input-text-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_plBirthday">
Date of Birth
<span class="reference-mark text-warning" id="qfkd____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"></svg></span>
<span class="hide-accessible">Required</span>
</label>
<input class="field dob date form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_plBirthday" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_plBirthday" placeholder="mm/dd/yyyy" type="text" value="">
</div>
<div class="form-validator-stack help-block date-error date-grater-error" style="display:none">
<div role="alert" class="required">Age must greater than 18</div>
</div>
<div class="pl-date-error fc-color-red" style="display:none">
</div>
<div class="pl-date-error-18 fc-color-red" style="display:none">
Age must be greater than 18
</div>
<div class="pl-date-error-22 fc-color-red" style="display:none">
Age must be greater than 22
</div>
<div class="pl-date-error-52 fc-color-red" style="display:none">
Age must be under 52
</div>
<div class="pl-date-error-60 fc-color-red" style="display:none">
Age must be under 60
</div>
<div class="pl-date-error-70 fc-color-red" style="display:none">
Age must be under 70
</div>
<div class="form-validator-stack help-block date-error date-required-error" style="display:none">
<div role="alert" class="required">Date of birth required</div>
</div>
</div>
<div class="col-md-6 " id="">
<div class="form-group input-select-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pNationality">
Nationality
<span class="reference-mark text-warning" id="jbfs____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<select class="form-control pNationSelect" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pNationality" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pNationality">
<option class="" value="">
Select
</option>
<option class="" value="Saudi">
Saudi
</option>
<option class="" value="NonSaudi">
Expat Resident
</option>
</select>
</div>
<script>
(function() {
var select = document.getElementById('_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pNationality');
if (select) {
}
})();
</script>
</div>
</div>
<h6 class="fcFormCommonClass mb-3 mt-5 text-left">
Financial
</h6>
<div class="row " id="">
<div class="col-md-6 " id="">
<div class="form-group input-select-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pSector">
Sector
<span class="reference-mark text-warning" id="uvlz____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<select class="form-control pSectorSelect" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pSector" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pSector" disabled="">
<option class="" value="">
Select
</option>
<option class="" value="Private">
Private
</option>
<option class="" value="Government">
Government
</option>
<option class="pSectorClass" value="Militory">
Military
</option>
<option class="pSectorClass" value="Retaired">
Retired
</option>
</select>
</div>
<script>
(function() {
var select = document.getElementById('_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pSector');
if (select) {
}
})();
</script>
</div>
<div class="col-md-6 " id="">
<div class="form-group input-text-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pMonthlyIncome">
Monthly Income(SAR)
<span class="reference-mark text-warning" id="ored____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<input class="field form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pMonthlyIncome" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pMonthlyIncome" placeholder="Eg. 10,000" type="number" value="" maxlength="15">
</div>
</div>
<div class="col-md-6 " id="">
<div class="form-group input-select-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pTypeOfSalary">
Type of Salary
<span class="reference-mark text-warning" id="fehs____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<select class="form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pTypeOfSalary" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pTypeOfSalary">
<option class="" value="">
Select
</option>
<option class="" value="Salary Transfer">
Salary Transfer
</option>
<option class="" value="Non Salary Transfer">
Non Salary Transfer
</option>
</select>
</div>
<script>
(function() {
var select = document.getElementById('_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pTypeOfSalary');
if (select) {
}
})();
</script>
</div>
<div class="col-md-6 " id="">
<div class="form-group input-text-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pCurentMonthlyObligations">
Current Monthly Obligations (SAR)
<span class="reference-mark text-warning" id="kwsw____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<input class="field form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pCurentMonthlyObligations" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pCurentMonthlyObligations" placeholder="E.g.: 1,500" type="number" value="" maxlength="15">
</div>
</div>
</div>
<h6 class="fcFormCommonClass mt-5 mb-3 text-left">
Finance Details
</h6>
<div class="row " id="">
<div class="col-md-6 " id="">
<div class="form-group input-select-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pFinancePeriodInMonths">
Finance Period (In months)
<span class="reference-mark text-warning" id="ffek____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<select class="form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pFinancePeriodInMonths" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pFinancePeriodInMonths">
<option class="" value="">
Select
</option>
<option class="" value="12">
12
</option>
<option class="" value="24">
24
</option>
<option class="" value="36">
36
</option>
<option class="" value="48">
48
</option>
<option class="" value="60">
60
</option>
</select>
</div>
<script>
(function() {
var select = document.getElementById('_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pFinancePeriodInMonths');
if (select) {
}
})();
</script>
</div>
</div>
<hr>
<div class="button-holder personalSbtRow d-flex align-items-center justify-content-end">
<button class="btn btn btn-primary button_primary btn-primary" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_personalLoanSubmitBtn" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_submit" type="submit">
<span class="lfr-btn-label">Calculate</span>
</button>
<a class="homepage-link" href="/personal-banking/personal-finance/murabaha#personal-loan-form" title="
Apply now
">
Apply now
</a>
</div>
</form>
<div class="personalLoanResultDiv" id="complexCalculatorResult">
<div class="personalLoanResultHtml global-columns-container" id="personalLoanResultArabicHtml">
<div class="detailed-column hf-monthly-installment">
<div class="monthly-container">
<div class="row no-gutters monthly-title-container">
<h4>MONTHLY INSTALLMENT</h4>
<i class="icon-info"></i>
</div>
<div class="row no-gutters monthly-sar-container">
<div class="headingSar-container input-box">
<h1 class="h-monthly-installment-val"></h1>
<h4>SAR</h4>
</div>
</div>
</div>
<div class="graybg-container">
<div class="infodisplay-container row hf-results-section" style="display: block;">
<div class="row no-gutters info-container d-block">
<div>Total Eligible Amount</div>
<h4><span class="h-profit-added"></span> SAR</h4>
</div>
<div class="row no-gutters info-container d-block">
<div>Total Repay</div>
<h4><span class="h-down-payment">[$TOTAL_LEASE_AMOUNT$]</span> SAR</h4>
</div>
<div class="row no-gutters info-container d-block">
<div>Finance period (months)</div>
<h4><span class="h-finance-to-val-ratio">[$TOTAL_INSTALLMENTS$] f-c-installments-in-month</span></h4>
</div>
</div>
</div>
<div class="mt-5">
<div><span>*</span> All amounts are in SAR</div>
<div><span>*</span> Please note that these are simulated amounts and they represent an approximation and not the exact numbers.<span class="printToPLPdf mt-1 d-inline mx-1"><a href="javascript:void(0)" title="Download PDF">Download PDF</a></span></div>
</div>
</div>
</div>
</div>
<div id="financePdfEditor"></div>
</div>
<div class="tab-pane fade fc-car-section" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">
<div>
<form action="javascript:void(0);" class="form " data-fm-namespace="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_financeTypeCarForm" method="post" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_financeTypeCarForm" autocomplete="off">
<input class="field form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_formDate" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_formDate" type="hidden" value="1728890686531">
<div class="carSalaryOutOfProgram">
The Salary Out Of The Program
</div>
<div class="carNoEligible mt-2">
Our apologies. With the provided information, you are not eligible for a personal loan
</div>
<h6 class="fcFormCommonClass mb-3 mt-5 text-left">
Personal Details
</h6>
<div class="row " id="">
<div class="col-md-6 " id="">
<div class="form-group input-text-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cDateOfBirth">
Date of Birth
<span class="reference-mark text-warning" id="qcss____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<input class="field dob date form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cDateOfBirth" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cDateOfBirth" placeholder="mm/dd/yyyy" type="text" value="">
</div>
<div class="cl-date-error-21 fc-color-red" style="display:none">
<div>
Age must be greater than 21
</div>
</div>
<div class="cl-date-error-22 fc-color-red" style="display:none">
<div>
Age must be greater than 22
</div>
</div>
<div class="form-validator-stack help-block date-error date-grater-error">
<div role="alert" class="required">Age must greater than 18</div>
</div>
<div class="form-validator-stack help-block date-error date-required-error">
<div role="alert" class="required">Date of birth required</div>
</div>
</div>
<div class="col-md-6 " id="">
<div class="form-group input-select-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cNationality">
Nationality
<span class="reference-mark text-warning" id="ztie____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<select class="form-control cNationSelect" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cNationality" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cNationality">
<option class="" value="">
Select
</option>
<option class="" value="Saudi">
Saudi
</option>
<option class="" value="NonSaudi">
Expat Resident
</option>
</select>
</div>
<script>
(function() {
var select = document.getElementById('_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cNationality');
if (select) {
}
})();
</script>
</div>
</div>
<h6 class="fcFormCommonClass mt-5 mb-3 text-left">
Financial
</h6>
<div class="row " id="">
<div class="col-md-6 " id="">
<div class="form-group input-select-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cSector">
Sector
<span class="reference-mark text-warning" id="jrxp____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<select class="form-control cSectorSelect" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cSector" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cSector" disabled="">
<option class="" value="">
Select
</option>
<option class="" value="Private">
Private
</option>
<option class="" value="Government">
Government
</option>
<option class="cSectorClass" value="Miltary Solder">
Military (Soldier)
</option>
<option class="cSectorClass" value="Miltary Officer">
Military (Officer)
</option>
<option class="cSectorClass" value="Retaired">
Retired
</option>
</select>
</div>
<script>
(function() {
var select = document.getElementById('_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cSector');
if (select) {
}
})();
</script>
</div>
<div class="col-md-6 " id="">
<div class="form-group input-text-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cMonthlyIncome">
Monthly Income(SAR)
<span class="reference-mark text-warning" id="sovq____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<input class="field form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cMonthlyIncome" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cMonthlyIncome" placeholder="Eg. 10,000" type="number" value="" maxlength="15">
</div>
</div>
<div class="col-md-6 " id="">
<div class="form-group input-select-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cTypeOfSalary">
Type of Salary
<span class="reference-mark text-warning" id="vyta____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<select class="form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cTypeOfSalary" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cTypeOfSalary">
<option class="" value="">
Select
</option>
<option class="" value="Salary Transfer">
Salary Transfer
</option>
<option class="" value="Non Salary Transfer">
Non Salary Transfer
</option>
</select>
</div>
<script>
(function() {
var select = document.getElementById('_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cTypeOfSalary');
if (select) {
}
})();
</script>
</div>
<div class="col-md-6 " id="">
</div>
</div>
<h6 class="fcFormCommonClass mt-5 mb-3 text-left">
Vehicle & Finance Details
</h6>
<div class="row " id="">
<div class="col-md-6 " id="">
<div class="form-group input-text-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cdownPayment">
Down Payment (SAR)
<span class="reference-mark text-warning" id="uwrv____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<input class="field form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cdownPayment" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cdownPayment" placeholder="E.g.: 20,000" type="number" value="" maxlength="15">
</div>
</div>
<div class="col-md-6 " id="">
<div class="form-group input-text-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cCarPrice">
Car Price (SAR)
<span class="reference-mark text-warning" id="nayw____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<input class="field form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cCarPrice" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cCarPrice" placeholder="E.g.: 100,000" type="number" value="" maxlength="15">
</div>
<div class="saudiCarMaxVal">
The maximum allowed car price is 500000 SAR
</div>
<div class="nonSaudiCarMaxVal">
The maximum allowed car price is 300000 SAR
</div>
</div>
</div>
<div class="row " id="">
<div class="col-md-6 " id="">
<div class="form-group input-select-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cFinancePeriod">
Finance Period (In months)
<span class="reference-mark text-warning" id="xdtv____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<select class="form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cFinancePeriod" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cFinancePeriod" title="Select">
<option class="" value="">
Select
</option>
<option class="" value="12">
12
</option>
<option class="" value="24">
24
</option>
<option class="" value="36">
36
</option>
<option class="" value="48">
48
</option>
<option class="" value="60">
60
</option>
</select>
</div>
<script>
(function() {
var select = document.getElementById('_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cFinancePeriod');
if (select) {
}
})();
</script>
</div>
</div>
<hr>
<div class="button-holder carSbtRow d-flex align-items-center justify-content-end ">
<button class="btn btn btn-primary button_primary btn-primary" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_carLoanSubmitBtn" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_submit" type="submit">
<span class="lfr-btn-label">Calculate</span>
</button>
<a class="homepage-link" href="/personal-banking/car-loan/auto-leasing#car-loan-form" title="
Apply now
">
Apply now
</a>
</div>
</form>
<div class="carLoanResultDiv" id="complexCalculatorResult">
<div class="carLoanResultToShow global-columns-container">
<div class="cl_result_table">
<div class="detailed-column hf-monthly-installment">
<div class="monthly-container">
<div class="row no-gutters monthly-title-container">
<h4>MONTHLY INSTALLMENT</h4>
<i class="icon-info"></i>
</div>
<div class="row no-gutters monthly-sar-container">
<div class="headingSar-container input-box">
<h1 class="c-h-monthly-installment-val"></h1>
<h4>SAR </h4>
</div>
</div>
</div>
<div class="graybg-container">
<div class="infodisplay-container row hf-results-section" style="display: block;">
<div class="row no-gutters info-container">
<div>Loan amount</div>
<h4><span class="c-h-profit-added"></span> SAR</h4>
</div>
<div class="row no-gutters info-container">
<div>Total loan amount</div>
<h4><span class="c-h-total-loan-amount"></span> SAR</h4>
</div>
<div class="row no-gutters info-container">
<div>Profit amount</div>
<h4><span class="c-h-profit-amount"></span> SAR</h4>
</div>
<div class="row no-gutters info-container">
<div>Balloon payment</div>
<h4><span class="c-h-down-payment"></span> SAR</h4>
</div>
<div class="row no-gutters info-container">
<div>Advance payment</div>
<h4><span class="c-h-adnance-amount"></span> SAR</h4>
</div>
<div class="row no-gutters info-container">
<div>Admin fees</div>
<h4><span class="c-h-finance-to-val-ratio"></span> SAR</h4>
</div>
</div>
</div>
<div class="mt-5">
<div><span>*</span> All amounts are in SAR</div>
<div><span>*</span> Please note that these are simulated amounts and they represent an approximation and not the exact numbers and are subjected to change.<span class="printToCLPdf mt-1 d-inline mx-1"><a href="javascript:void(0)" title="Download PDF">Download PDF</a></span></div>
<div><span>*</span> Please note that 5% VAT is excluded from the calculations.</div>
</div>
</div>
</div>
</div>
</div>
<div class="carLoanResultHtml"></div>
<div id="carFinancePdfEditor"></div>
<div class="carLoanAgeLimit">
<div class="saudiMinAgeLimit">
Age must be greater than
</div>
<div class="saudiMaxAgeLimit">
Age must be less than
</div>
<div class="nonSaudiMinAgeLimit">
Age must be less than
</div>
<div class="nonSaudiMaxAgeLimit">
non-saudi-max-age-limit
</div>
</div>
</div>
</div>
<div class="tab-pane fade fc-home-section" id="nav-contact" role="tabpanel" aria-labelledby="nav-contact-tab">
<div>
<form action="javascript:void(0);" class="form " data-fm-namespace="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_financeTypeHomeFrom" method="post" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_financeTypeHomeFrom" autocomplete="off">
<input class="field form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_formDate" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_formDate" type="hidden" value="1728890686532">
<div class="homeLoanNoEligible mt-2">
Our apologies. With the provided information, you are not eligible for a personal loan
</div>
<h6 class="fcFormCommonClass mb-3 mt-5 text-left">
Financial
</h6>
<div class="row " id="">
<div class="col-md-6 " id="">
<div class="form-group input-text-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_hMonthlyIncome">
Monthly Income(SAR)
<span class="reference-mark text-warning" id="mhaw____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<input class="field form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_hMonthlyIncome" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_hMonthlyIncome" placeholder="Eg. 10,000" type="number" value="" maxlength="15">
</div>
</div>
<div class="col-md-6 " id="">
<div class="form-group input-text-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_hCurentMonthlyObligations">
Monthly Obligations (SAR)
<span class="reference-mark text-warning" id="wmge____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<input class="field form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_hCurentMonthlyObligations" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_hCurentMonthlyObligations" placeholder="E.g.: 100,000" type="number" value="" maxlength="15">
</div>
</div>
<div class="col-md-6 " id="">
<div class="form-group input-select-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_hFinancePeriodInYears">
Finance Period (Years)
<span class="reference-mark text-warning" id="osib____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<select class="form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_hFinancePeriodInYears" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_hFinancePeriodInYears">
<option class="" value="">
Select
</option>
<option class="" value="5">
5
</option>
<option class="" value="6">
6
</option>
<option class="" value="7">
7
</option>
<option class="" value="8">
8
</option>
<option class="" value="9">
9
</option>
<option class="" value="10">
10
</option>
<option class="" value="11">
11
</option>
<option class="" value="12">
12
</option>
<option class="" value="13">
13
</option>
<option class="" value="14">
14
</option>
<option class="" value="15">
15
</option>
<option class="" value="16">
16
</option>
<option class="" value="17">
17
</option>
<option class="" value="18">
18
</option>
<option class="" value="19">
19
</option>
<option class="" value="20">
20
</option>
<option class="" value="21">
21
</option>
<option class="" value="22">
22
</option>
<option class="" value="23">
23
</option>
<option class="" value="24">
24
</option>
<option class="" value="25">
25
</option>
<option class="" value="26">
26
</option>
<option class="" value="27">
27
</option>
<option class="" value="28">
28
</option>
<option class="" value="29">
29
</option>
<option class="" value="30">
30
</option>
</select>
</div>
<script>
(function() {
var select = document.getElementById('_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_hFinancePeriodInYears');
if (select) {
}
})();
</script>
</div>
</div>
<h6 class="fcFormCommonClass mb-3 mt-5 text-left">
Property Details
</h6>
<div class="row " id="">
<div class="col-md-6 " id="">
<div class="form-group input-text-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_hPropertyvalue">
Property Value
<span class="reference-mark text-warning" id="cair____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<input class="field form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_hPropertyvalue" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_hPropertyvalue" placeholder="Property Value" type="number" value="">
</div>
</div>
<div class="col-md-6 " id="">
<div class="form-group input-select-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_hPropertyOptions">
Property Options
<span class="reference-mark text-warning" id="tdor____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<select class="form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_hPropertyOptions" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_hPropertyOptions">
<option class="" value="">
Select
</option>
<option class="" value="Pledge">
Pledge
</option>
<option class="" value="First Home Buyer">
First Home Buyer
</option>
<option class="" value="Second Home Buyer">
Second Home Buyer
</option>
</select>
</div>
<script>
(function() {
var select = document.getElementById('_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_hPropertyOptions');
if (select) {
}
})();
</script>
</div>
</div>
<hr>
<div class="button-holder homeSbtRow d-flex align-items-center justify-content-end">
<button class="btn btn btn-primary button_primary btn-primary" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_homeLoanSubmitBtn" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_submit" type="submit">
<span class="lfr-btn-label">Calculate</span>
</button>
<a class="homepage-link" href="/personal-banking/home-loan/readymade-property-finance#home-loan-form" title="
Apply now
">
Apply now
</a>
</div>
</form>
<div class="homeLoanResultDiv" id="complexCalculatorResult">
<div class="homeLoanResultHtml global-columns-container">
<div class="hl_result_table">
<div class="detailed-column hf-monthly-installment">
<div class="monthly-container">
<div class="row no-gutters monthly-title-container">
<h4>MONTHLY INSTALLMENT</h4>
<i class="icon-info"></i>
</div>
<div class="row no-gutters monthly-sar-container">
<div class="headingSar-container input-box">
<h1 class="empty-hm-values h-h-monthly-installment-val"></h1>
<h4>SAR </h4>
</div>
</div>
</div>
<div class="graybg-container">
<div class="infodisplay-container row hf-results-section" style="display: block;">
<div class="row no-gutters info-container">
<div>Down Payment </div>
<h4><span class="empty-hm-values h-h-down-paymnent"></span> SAR</h4>
</div>
<div class="row no-gutters info-container">
<div>Total Eligible Amount </div>
<h4><span class="empty-hm-values h-h-total-eligible-amount"></span> SAR</h4>
</div>
<div class="row no-gutters info-container">
<div>Total Repay</div>
<h4><span class="empty-hm-values h-h-total-repay"></span> SAR</h4>
</div>
<div class="row no-gutters info-container">
<div>Profit added</div>
<h4><span class="empty-hm-values h-h-profit-added"></span> SAR</h4>
</div>
<div class="row no-gutters info-container">
<div>VAT (15%) </div>
<h4><span class="empty-hm-values h-h-vat"></span> SAR</h4>
</div>
<div class="row no-gutters info-container">
<div>Finance Period (in Years) </div>
<h4><span class="empty-hm-values h-h-finance-period-in-years"></span> Year</h4>
</div>
<div class="row no-gutters info-container">
<div>Admin fees</div>
<h4><span class="empty-hm-values h-h-admin-fee"></span> SAR</h4>
</div>
<div class="row no-gutters info-container">
<div>Loan To Value Ratio </div>
<h4><span class="empty-hm-values h-h-loan-to-value"></span></h4>
</div>
<div class="row no-gutters info-container">
<div>Annual Percentage Rate</div>
<h4><span class="empty-hm-values h-h-finance-apr"></span></h4>
</div>
</div>
</div>
<div class="mt-5">
<div><span>*</span> All amounts are in SAR</div>
<div><span>*</span> Please note that these are simulated amounts and they represent an approximation and not the exact numbers and are subjected to change.</div>
<div><span>*</span> Please note that 5% VAT is excluded from the calculations.</div>
</div>
</div>
</div>
</div>
</div>
<div id="homeFinancePdfEditor "></div>
<div class="noEligible"></div>
</div>
</div>
</div>
<input type="hidden" id="current_lang_id" value="en_US">
</div>
</div>
</div>
<script>
$(".validation-error").hide();
var age=0;
$(function () {
initHijrDatePicker();
$('.plBirthday').keypress(function(e) {
e.preventDefault();
});
});
$(document).ready(function(){
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_plBirthday").on('dp.change', function (arg) {
let date = arg.date;
var today = new Date();
var birthDate = new Date(date.format("YYYY/M/D"));
age = today.getFullYear()-birthDate.getFullYear();
});
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cDateOfBirth").on('dp.change', function (arg) {
let date = arg.date;
var today = new Date();
var birthDate = new Date(date.format("YYYY/M/D"));
age = today.getFullYear()-birthDate.getFullYear() ;
});
});
$('input[type=number]').keydown(function(e){
if ([69, 187, 188, 189, 190].includes(e.keyCode)) {
e.preventDefault();
}
});
$(function () {
initHijrDatePicker();
$('.cDateOfBirth').keypress(function(e) {
e.preventDefault();
});
});
function initHijrDatePicker() {
var languageIdV=themeDisplay.getLanguageId();
var isHijri = false;
var locale='en-us';
if(languageIdV == "ar_SA"){
isHijri = true;
locale="ar-SA";
}
else{
isHijri = false
locale="en-us";
}
$('.dob').hijriDatePicker({
format: "MM/DD/YYYY",
viewMode:"years",
hijri:isHijri,
showSwitcher: true,
debug: true,
locale:locale
});
}
var langId=$("#current_lang_id").val();
$('.pSectorSelect').prop( "disabled", true );
// When an option is changed, search the above for matching choices
$('.pNationSelect').on('change', function() {
// Set selected option as variable
var selectValue = $(this).val();
$('.pSectorSelect').css( "opacity", "1" );
$('.pSectorSelect').prop( "disabled", false );
$('.pSectorSelect').val($(".pSectorSelect option:first").val());
if(selectValue=="NonSaudi"){
$(".pSectorClass").hide();
}else if(selectValue=="Saudi"){
$(".pSectorClass").show();
}else if(selectValue==""){
$('.pSectorSelect').prop( "disabled", true );
$('.pSectorSelect').css( "opacity", "0.6" );
}
});
$('.cSectorSelect').prop( "disabled", true );
//When an option is changed, search the above for matching choices
$('.cNationSelect').on('change', function() {
// Set selected option as variable
var selectValue = $(this).val();
$('.cSectorSelect').css( "opacity", "1" );
$('.cSectorSelect').prop( "disabled", false );
$('.cSectorSelect').val($(".cSectorSelect option:first").val());
if(selectValue=="NonSaudi"){
$(".cSectorClass").hide();
}else if(selectValue=="Saudi"){
$(".cSectorClass").show();
}else if(selectValue==""){
$('.cSectorSelect').prop( "disabled", true );
$('.cSectorSelect').css( "opacity", "0.6" );
}
});
$('#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_plBirthday').keypress(function(event){
var value = event.key;
if (isLetter(value)) {
event.preventDefault();
}
});
$('#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cDateOfBirth').keypress(function(event){
var value = event.key;
if (isLetter(value)) {
event.preventDefault();
}
});
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_personalLoanSubmitBtn").click(function(){
AUI().use('aui-base','aui-io-request','liferay-form', function(A) {
$(".personalLoanResultDiv").hide();
var form = Liferay.Form.get('_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_financeTypePersonalForm');
form.formValidator.validate();
var plNationality=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pNationality").val();
var plMonthlyIncome=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pMonthlyIncome").val();
var plTypeOfSalary=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pTypeOfSalary").val();
var salaryValidator=true;
if(plTypeOfSalary=="Salary Transfer")
{
if(plNationality=="Saudi" && plMonthlyIncome<2500)
{
salaryValidator=false;
}else if(plNationality=="NonSaudi" && plMonthlyIncome<3000)
{
salaryValidator=false;
}
}else if(plTypeOfSalary=="Non Salary Transfer"){
if(plNationality=="Saudi" && plMonthlyIncome<4000)
{
salaryValidator=false;
}else if(plNationality=="NonSaudi" && plMonthlyIncome<4000)
{
salaryValidator=false;
}
}
if(!salaryValidator){
$(".plSalaryOutOfErr").show();
$([document.documentElement, document.body]).animate({
scrollTop: $(".plSalaryOutOfErr").offset().top
}, 2000);
}else if(salaryValidator){
$(".plSalaryOutOfErr").hide();
}
var today = new Date();
//var ageValidator=true;
var pSectorValidation=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pSector").val();
var ageValidator=false;
var date = A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_plBirthday").val();
$(".pl-date-error-18").hide();
$(".pl-date-error-70").hide();
$(".pl-date-error-60").hide();
$(".pl-date-error-52").hide();
$(".pl-date-error").hide();
if(date != "")
{
if(age < 18 )
{
$(".pl-date-error-18").show();
ageValidator=true;
}
if(pSectorValidation=="Private" || pSectorValidation=="Government")
{
if(age > 60){
$(".pl-date-error-60").show();
ageValidator=true;
scrollAnimations('.pl-date-error-60');
}
}else if(pSectorValidation=="MiltarySolder")
{
if(age > 52){
$(".pl-date-error-52").show();
ageValidator=false;
}
}else if(pSectorValidation=="Retaired")
{
if(age > 70){
$(".pl-date-error-70").show();
ageValidator=false;
}
}
}else{
$(".pl-date-error").show();
ageValidator=true;
}
if(!form.formValidator.hasErrors() && salaryValidator && !ageValidator) {
$(".personalNoEligible").hide();
var data = {};
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cmd']='personalLoan';
var currentLangId=$("#current_lang_id").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pNationality']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pNationality").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pSector']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pSector").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pMonthlyIncome']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pMonthlyIncome").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pTypeOfSalary']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pTypeOfSalary").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pCurentMonthlyObligations']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pCurentMonthlyObligations").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pFinancePeriodInMonths']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pFinancePeriodInMonths").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_plBirthday']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_plBirthday").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_currentLanguageId']=currentLangId;
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_currentDate']=today;
A.io.request('https://riyadbank.com/web/guest/personal-banking?p_p_id=com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_cacheability=cacheLevelPage', {
method: 'post',
data,
on: {
success: function() {
var data=this.get('responseData');
const obj = JSON.parse(data);
$(".validation-error").hide();
if(obj.status){
//$(".personalLoanResultHtml").html("");
$(".h-monthly-installment-val").text("");
$(".h-monthly-installment-val").text(obj.maxInstallMent)
$(".h-profit-added").text("")
$(".h-profit-added").text(obj.maxFinanceAmount)
$(".h-down-payment").text("")
$(".h-down-payment").text(obj.totalLeaseAmount)
$(".h-finance-to-val-ratio").text("")
$(".h-finance-to-val-ratio").text(obj.pFinancePeriodInMonths)
$(".personalLoanResultHtml").append(obj.personalLoanHtml);
$(".personalLoanResultHtml").show();
$(".printToPLPdf").show();
$(".personalLoanResultDiv").show();
$('.personalLoanResultDiv').each(function(){
var isThisVisible = $(this).is(':visible');
if(isThisVisible) {
var resultsTop = $(this).offset().top;
resultsTop-=250;
$('html, body').animate({
scrollTop: resultsTop
}, 1000);
return false;
}
})
$(".personalNoEligible").hide();
$(".printToPLPdf").click(function(){
var cntxtPath="/o/com.rb.finance.calculator.web";
$.when(
$.getScript(cntxtPath+'/js/pdfMake/pdfmake.min.js'),
$.getScript(cntxtPath+'/js/pdfMake/vfs_fonts.js'),
$.getScript(cntxtPath+'/js/generatePdfEN.js'),
$.getScript(cntxtPath+'/js/generatePdfAR.js'),
$.Deferred(function( deferred ){
$( deferred.resolve );
})
).done(function(){
console.log("done loading ");
if(currentLangId=="en_US"){
generatePdfPersonal(obj);
}else if(currentLangId=="ar_SA"){
var sectorVal=$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pSector").find(":selected").text();
obj.psectorValAr=sectorVal.replace(/\t?\n|\t/g,'');
var typeOfSalVal=$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pTypeOfSalary").find(":selected").text();
obj.typeOfSalValAr=typeOfSalVal.replace(/\t?\n|\t/g,'');
console.log("dynamically loading ");
generatePdfPersonalArabic(obj);
}
});
});
}
else if(!obj.status && obj.message == "validation-error"){
$(".validation-error").html(obj.value);
$(".validation-error").show();
}
else if(!obj.status && !obj.eligibility){
//$(".personalLoanResultHtml").html("");
$(".personalNoEligible").show();
$('.personalNoEligible').each(function(){
var isThisVisible = $(this).is(':visible');
if(isThisVisible) {
var resultsTop = $(this).offset().top;
resultsTop-=250;
$('html, body').animate({
scrollTop: resultsTop
}, 1000);
return false;
}
});
//$(".personalNoEligible").append("<b>Our apologies. With the provided information, you are not eligible for a personal loan </b>");
}
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_personalLoanSubmitBtn").prop( "disabled", false );
}//success
}//on
});//a.io
}//if
})//aui.use
setTimeout(function(){
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_personalLoanSubmitBtn").prop( "disabled", false );
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_personalLoanSubmitBtn").css( "opacity", "1" );
}, 1000); //Time before execution
});
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_carLoanSubmitBtn").click(function(){
AUI().use('aui-base','aui-io-request','liferay-form', function(A) {
$(".carLoanResultDiv").hide();
var form = Liferay.Form.get('_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_financeTypeCarForm');
form.formValidator.validate();
var commonValidator=true;
var cNationality=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cNationality").val();
var ageValidator=false;
var date = A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cDateOfBirth").val();
if(date != ""){
$(".cl-date-error").hide();
$(".cl-date-error-21").hide();
$(".cl-date-error-22").hide();
if(cNationality=="Saudi" && age < 21 )
{
$(".cl-date-error-21").show();
ageValidator=true;
}else if(cNationality=="NonSaudi" && age < 22 )
{
$(".cl-date-error-22").show();
ageValidator=true;
}
if(age>60){
}//else
}else{
$(".cl-date-error").show();
ageValidator=true;
}
var cCurrentDate = new Date();
var carPrice=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cCarPrice").val();
var carPriceValidator=true;
var typeOfSalary=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cTypeOfSalary").val();
$(".saudiCarMaxVal").hide();
$(".nonSaudiCarMaxVal").hide();
if(cNationality=="Saudi" && carPrice > 500000)
{
$(".saudiCarMaxVal").show();
carPriceValidator=false;
}else if(cNationality=="NonSaudi" && carPrice > 300000){
$(".nonSaudiCarMaxVal").show();
carPriceValidator=false;
}
$(".carSalaryOutOfProgram").hide();
var cLMonthlyIncome=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cMonthlyIncome").val();
if(cLMonthlyIncome>0 && cLMonthlyIncome<5000){
$(".carSalaryOutOfProgram").show();
$('.carSalaryOutOfProgram').each(function(){
var isThisVisible = $(this).is(':visible');
if(isThisVisible) {
var resultsTop = $(this).offset().top;
resultsTop-=250;
$('html, body').animate({
scrollTop: resultsTop
}, 1000);
return false;
}
})
commonValidator=false;
}
if(typeOfSalary=="Salary Transfer" && cLMonthlyIncome>0 && cLMonthlyIncome<5000){
$(".carSalaryOutOfProgram").show();
$('.carSalaryOutOfProgram').each(function(){
var isThisVisible = $(this).is(':visible');
if(isThisVisible) {
var resultsTop = $(this).offset().top;
resultsTop-=250;
$('html, body').animate({
scrollTop: resultsTop
}, 1000);
return false;
}
})
commonValidator=false;
}
if(typeOfSalary=="Non Salary Transfer" && cLMonthlyIncome>0 && cLMonthlyIncome<7500){
$(".carSalaryOutOfProgram").show();
$('.carSalaryOutOfProgram').each(function(){
var isThisVisible = $(this).is(':visible');
if(isThisVisible) {
var resultsTop = $(this).offset().top;
resultsTop-=250;
$('html, body').animate({
scrollTop: resultsTop
}, 1000);
return false;
}
})
commonValidator=false;
}
$(".carNoEligible").hide();
if(!form.formValidator.hasErrors() && carPriceValidator && commonValidator && !ageValidator) {
var data = {};
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cmd']='carLoan';
var currentLangId=$("#current_lang_id").val();
//data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cCustomerName']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_clCustomerName").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cNationality']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cNationality").val();
//data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cMobile']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cMobile").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cDateOfBirth']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cDateOfBirth").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cSector']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cSector").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cMonthlyIncome']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cMonthlyIncome").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cTypeOfSalary']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cTypeOfSalary").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cdownPayment']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cdownPayment").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cCarPrice']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cCarPrice").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cFinancePeriod']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cFinancePeriod").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_currentDate']=cCurrentDate;
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_currentLanguageId']=currentLangId;
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_userAge']=age;
A.io.request('https://riyadbank.com/web/guest/personal-banking?p_p_id=com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_cacheability=cacheLevelPage', {
method: 'post',
data,
on: {
success: function() {
var data=this.get('responseData');
const obj = JSON.parse(data);
$(".validation-error").hide();
if(obj.status){
$(".carLoanResultHtml").html("");
$(".carLoanResultHtml").append(obj.carLoanHtml);
// $(".carLoanResultToShow").html("");
$(".c-h-monthly-installment-val").text("");
$(".c-h-monthly-installment-val").text(obj.monthinstallment);
$(".c-h-profit-added").text("");
$(".c-h-profit-added").text(obj.loanAmount);
$(".c-h-total-loan-amount").text("");
$(".c-h-total-loan-amount").text(obj.totalLoanamount);
$(".c-h-profit-amount").text("");
$(".c-h-profit-amount").text(obj.profitAmount);
$(".c-h-down-payment").text("");
$(".c-h-down-payment").text(obj.balloonPayment);
$(".c-h-adnance-amount").text("");
$(".c-h-adnance-amount").text(obj.downPayment);
$(".c-h-finance-to-val-ratio").text("");
$(".c-h-finance-to-val-ratio").text(obj.adminfee);
//$(".carLoanResultToShow").append(obj.carLoanHtml);
$(".carLoanResultToShow").show();
$(".carLoanDetails").hide();
$(".printToCLPdf").show();
$(".carLoanResultDiv").show();
$('.carLoanResultDiv').each(function(){
var isThisVisible = $(this).is(':visible');
if(isThisVisible) {
var resultsTop = $(this).offset().top;
resultsTop-=250;
$('html, body').animate({
scrollTop: resultsTop
}, 1000);
return false;
}
})
$(".carLoanResultHtml").children(".cl_result_table").remove();
$(".printToCLPdf").click(function(){
var cntxtPath="/o/com.rb.finance.calculator.web";
$.when(
$.getScript(cntxtPath+'/js/pdfMake/pdfmake.min.js'),
$.getScript(cntxtPath+'/js/pdfMake/vfs_fonts.js'),
$.getScript(cntxtPath+'/js/generatePdfEN.js'),
$.getScript(cntxtPath+'/js/generatePdfAR.js'),
$.Deferred(function( deferred ){
$( deferred.resolve );
})
).done(function(){
//place your code here, the scripts are all loaded
if(currentLangId=="en_US"){
generatePdfCar(obj);
}else if(currentLangId=="ar_SA"){
var cNationalityAr=$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cNationality").find(":selected").text();
obj.cNationalityAr=cNationalityAr.replace(/\t?\n|\t/g,'');
var cSectorAr=$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cSector").find(":selected").text();
obj.cSectorAr=cSectorAr.replace(/\t?\n|\t/g,'');
var cTypeOfSalaryAr=$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cTypeOfSalary").find(":selected").text();
obj.cTypeOfSalaryAr=cTypeOfSalaryAr.replace(/\t?\n|\t/g,'');
generatePdfCarArabic(obj);
}
});
});
}
else if(!obj.status && obj.message == "validation-error"){
$(".validation-error").html(obj.value);
$(".validation-error").show();
}
else if(!obj.status && !obj.eligibility){
$(".carLoanResultHtml").html("");
$(".carNoEligible").show();
// $([document.documentElement, document.body]).animate({
// scrollTop: $(".carNoEligible").offset().top
// }, 2000);
$('.carNoEligible').each(function(){
var isThisVisible = $(this).is(':visible');
if(isThisVisible) {
var resultsTop = $(this).offset().top;
resultsTop-=250;
$('html, body').animate({
scrollTop: resultsTop
}, 1000);
return false;
}
});
}else if(!obj.status && !obj.ageLimit){
$(".carLoanResultHtml").html("");
$(".carLoanAgeLimit").html("");
if(obj.nationality=="Saudi" && obj.saudiMinAgeLimit==false)
{
$(".saudiMinAgeLimit").show();
$(".saudiMinAgeLimit").append(obj.saudiMinAge);
}else if(obj.nationality=="Saudi" && obj.saudiMaxAgeLimit==false)
{
$(".saudiMaxAgeLimit").show();
$(".saudiMaxAgeLimit").append(obj.saudiMaxAge);
}
if(obj.nationality=="NonSaudi" && obj.nonSaudiMinAgeLimit==false)
{
$(".nonSaudiMinAgeLimit").show();
$(".nonSaudiMinAgeLimit").append(obj.nonSaudiMinAge);
}else if(obj.nationality=="NonSaudi" && obj.nonSaudiMaxAgeLimit==false)
{
$(".nonSaudiMaxAgeLimit").show();
$(".nonSaudiMaxAgeLimit").append(obj.nonSaudiMaxAge);
}
}
}//success
}//on
});//a.io
} //if
})//aui.use
setTimeout(function(){
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_carLoanSubmitBtn").prop( "disabled", false );
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_carLoanSubmitBtn").css( "opacity", "1" );
}, 1000); //Time before execution
});
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_homeLoanSubmitBtn").click(function(){
AUI().use('aui-base','aui-io-request','liferay-form', function(A) {
$(".homeLoanNoEligible").hide();
var form = Liferay.Form.get('_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_financeTypeHomeFrom');
form.formValidator.validate();
if(!form.formValidator.hasErrors()) {
var data = {};
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cmd']='homeLoan';
var currentLangId=$("#current_lang_id").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_hMonthlyIncome']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_hMonthlyIncome").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_hCurentMonthlyObligations']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_hCurentMonthlyObligations").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_hFinancePeriodInYears']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_hFinancePeriodInYears").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_hPropertyvalue']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_hPropertyvalue").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_hPropertyOptions']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_hPropertyOptions").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_currentLanguageId']=currentLangId;
A.io.request('https://riyadbank.com/web/guest/personal-banking?p_p_id=com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_cacheability=cacheLevelPage', {
method: 'post',
data,
on: {
success: function() {
var data=this.get('responseData');
const obj = JSON.parse(data);
$(".validation-error").hide();
if(obj.status){
//$(".homeLoanResultHtml").html("");
$(".empty-hm-values").text("");
$(".h-h-monthly-installment-val").text(obj.monthlyInstallment)
$(".h-h-profit-added").text(obj.profitAdded)
$(".h-h-total-eligible-amount").text(obj.finanaceValue)
$(".h-h-total-repay").text(obj.totalLoanRepay)
$(".h-h-down-paymnent").text(obj.downPayment)
$(".h-h-vat").text(obj.vat)
$(".h-h-finance-period-in-years").text(obj.hFinancePeriodInYears)
$(".h-h-admin-fee").text(obj.adminFees)
$(".h-h-loan-to-value").text(obj.ltv)
$(".h-h-finance-apr").text(obj.apr)
//$(".homeLoanResultHtml").append(obj.homeLoanHtml);
$('.homeLoanResultDiv').show();
$(".homeLoanResultHtml").attr("style","display:block !important");
$('.homeLoanResultDiv').each(function(){
var isThisVisible = $(this).is(':visible');
if(isThisVisible) {
var resultsTop = $(this).offset().top;
resultsTop-=250;
$('html, body').animate({
scrollTop: resultsTop
}, 1000);
return false;
}
})
}
else if(!obj.status && obj.message == "validation-error"){
$(".validation-error").html(obj.value);
$(".validation-error").show();
}
else if(!obj.status && !obj.eligibility){
$(".homeLoanResultHtml").hide();
$(".homeLoanNoEligible").show();
$('.homeLoanNoEligible').each(function(){
var isThisVisible = $(this).is(':visible');
if(isThisVisible) {
var resultsTop = $(this).offset().top;
resultsTop-=250;
$('html, body').animate({
scrollTop: resultsTop
}, 1000);
return false;
}
});
}
}//success
}//on
});//a.io
} //if
})//aui.use
setTimeout(function(){
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_homeLoanSubmitBtn").prop( "disabled", false );
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_homeLoanSubmitBtn").css( "opacity", "1" );
}, 1000); //Time before execution
});
function isLetter(str) {
return str.length === 1 && str.match(/[a-z ]/i);
}
function sendLoadMasking(){
AUI().use('aui-loading-mask-deprecated',
(A) => {
var resultsContainer = A.one('.send-enquiry');
resultsContainer.plug(A.LoadingMask).loadingmask.show();
})
}
function sendRemoveLoadMask(){
AUI().use('aui-loading-mask-deprecated',
(A) => {
var resultsContainer = A.one('.send-enquiry');
resultsContainer.plug(A.LoadingMask).loadingmask.hide();
})
}
$(document).ready(function(){
$(".personalSbtRow").hover(function(){
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_personalLoanSubmitBtn").prop( "disabled", false );
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_personalLoanSubmitBtn").css( "opacity", "1" );
});
$(".carSbtRow").hover(function(){
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_carLoanSubmitBtn").prop( "disabled", false );
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_carLoanSubmitBtn").css( "opacity", "1" );
});
$(".homeSbtRow").hover(function(){
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_homeLoanSubmitBtn").prop( "disabled", false );
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_homeLoanSubmitBtn").css( "opacity", "1" );
});
let currentUrl = window.location.href;
if(currentUrl.includes("l=personal")){
showPersonalTab();
}else if(currentUrl.includes("l=car")){
showCarTab();
}else if(currentUrl.includes("l=mortgage")){
showHomeTab();
}
function showPersonalTab(){
$(".fc-personal-tab").trigger('click');
$(".fc-personal-section").addClass("show");
$(".fc-personal-section").addClass("active");
$(".fc-car-section").removeClass("show");
$(".fc-car-section").removeClass("active");
$(".fc-home-section").removeClass("show");
$(".fc-home-section").removeClass("active");
}
function showCarTab(){
$(".fc-car-tab").trigger('click');
$(".fc-car-section").addClass("show");
$(".fc-car-section").addClass("active");
$(".fc-personal-section").removeClass("show");
$(".fc-personal-section").removeClass("active");
$(".fc-home-section").removeClass("show");
$(".fc-home-section").removeClass("active");
}
function showHomeTab(){
$(".fc-home-tab").trigger('click');
$(".fc-home-section").addClass("show");
$(".fc-home-section").addClass("active");
$(".fc-personal-section").removeClass("show");
$(".fc-personal-section").removeClass("active");
$(".fc-car-section").removeClass("show");
$(".fc-car-section").removeClass("active");
}
$(".silver-banking #tab2").click(function(){
showSBPersonalTab(".silver-banking");
});
$(".silver-banking #tab3").click(function(){
showSBCarTab(".silver-banking");
});
$(".silver-banking #tab4").click(function(){
showSBHomeTab(".silver-banking");
});
$(".golden-banking #tab2").click(function(){
showSBPersonalTab(".golden-banking");
});
$(".golden-banking #tab3").click(function(){
showSBCarTab(".golden-banking");
});
$(".golden-banking #tab4").click(function(){
showSBHomeTab(".golden-banking");
});
$(".diamond-banking #tab2").click(function(){
showSBPersonalTab(".diamond-banking");
});
$(".diamond-banking #tab3").click(function(){
showSBCarTab(".diamond-banking");
});
$(".diamond-banking #tab4").click(function(){
showSBHomeTab(".diamond-banking");
});
$("#navigationBarCollapse ul li a#tab2").click(function(){
showSBPersonalTab(".tab-panel #tabPanel2");
});
$("#navigationBarCollapse ul li a#tab3").click(function(){
showSBCarTab(".tab-panel #tabPanel3");
});
$("#navigationBarCollapse ul li a#tab4").click(function(){
showSBHomeTab(".tab-panel #tabPanel4");
});
function showSBPersonalTab(tabName){
var tabClassName=tabName;
$(tabClassName+" .finance-calculator-tabs").hide();
$(tabClassName+" .fc-personal-section").addClass("show");
$(tabClassName+" .fc-personal-section").addClass("active");
$(tabClassName+" .fc-car-section").removeClass("show");
$(tabClassName+" .fc-car-section").removeClass("active");
$(tabClassName+" .fc-home-section").removeClass("show");
$(tabClassName+" .fc-home-section").removeClass("active");
}
function showSBCarTab(tabName){
var tabClassName=tabName;
$(tabClassName+" .finance-calculator-tabs").hide();
$(tabClassName+" .fc-car-section").addClass("show");
$(tabClassName+" .fc-car-section").addClass("active");
$(tabClassName+" .fc-personal-section").removeClass("show");
$(tabClassName+" .fc-personal-section").removeClass("active");
$(tabClassName+" .fc-home-section").removeClass("show");
$(tabClassName+" .fc-home-section").removeClass("active");
}
function showSBHomeTab(tabName){
var tabClassName=tabName;
$(tabClassName+" .finance-calculator-tabs").hide();
$(tabClassName+" .fc-home-section").addClass("show");
$(tabClassName+" .fc-home-section").addClass("active");
$(tabClassName+" .fc-personal-section").removeClass("show");
$(tabClassName+" .fc-personal-section").removeClass("active");
$(tabClassName+" .fc-car-section").removeClass("show");
$(tabClassName+" .fc-car-section").removeClass("active");
}
});
var url = window.location.href;
</script>
<style>
.homeLoanResultHtml{
display:none !important;
}
</style>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
</div>
<div class="col col-lg-6 col-sm-12 col-12 col-md-6">
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-10 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-10 mt-sm-0 mt-2 pt-md-10 mt-md-10" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-18308-lrip">
<div class="image-container flex-start">
<img alt="Responsive Image" class="w-100" data-lfr-editable-id="image-square" data-lfr-editable-type="image" src="/documents/20121/0/Personal+Finance%40300x-8+%281%29.png/60a87914-ab71-ff30-809d-af773b280931?t=1673518971867&download=true">
</div>
</div><style>.private_banking_exclusive_debit_card_img{
-webkit-filter: drop-shadow(3px 5px 10px white);
filter: drop-shadow(3px 5px 10px white);
}
.mini-photo {
overflow: hidden;
border-radius: 0 0 41px;
position: relative;
display: block;
}
.mini-photo .text{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
bottom: 0;
right: 0;
border-radius: 41px 0;
background: var(--secondary);
width: 81%;
max-width: 306px;
padding: 1px 31px;
color: #fff;
font-size: 14px;
line-height: 20px;
text-decoration: none;
}
.mini-photo img {
display: block;
max-width: 100% !important;
height: auto;
border-radius: 0 0 41px;
position: relative;
margin-top: 0px !important;
}
.mini-photo .text{
margin-top: 1rem;
}
.mini-photo .text .sub-text{
margin-bottom: 7px;
margin-top: 9px;
}
@media (max-width: 1200px) {
.access-none{
display:none;
}
}
.fixed-height-temp{
max-height:360px
}
.private_banking_exclusive_benefits img {
filter: none;
}</style>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div aria-labelledby="tab3" class="tab-panel-item d-none" data-fragment-namespace="bzta" id="tabPanel3" role="tabpanel" tabindex="0">
<div>
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;overflow: hidden;">
<div class="row align-items-lg-start align-items-sm-start align-items-start align-items-md-start flex-lg-row flex-sm-row flex-row flex-md-row">
<div class="col col-lg-6 col-sm-12 col-12 col-md-6">
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-0-qudv">
<div class="portlet-boundary portlet-boundary_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_ portlet-static portlet-static-end portlet-barebone " id="p_p_id_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_">
<span id="p_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv"></span>
<section class="portlet" id="portlet_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv">
<div class="portlet-content">
<div class="autofit-float autofit-row portlet-header">
<div class="autofit-col autofit-col-expand">
<h2 class="portlet-title-text">Finance Calculator</h2>
</div>
<div class="autofit-col autofit-col-end">
<div class="autofit-section">
</div>
</div>
</div>
<div class=" portlet-content-container">
<div class="portlet-body">
<div class=" validation-error alert alert-danger" style="display: none;">
</div>
<div class="upper-side">
<div class="tabs">
<div class="button_tabs">
<div class="nav home-tab flex-row home-finance-nav-section finance-calculator-tabs" id="nav-tab" role="tablist">
<a class="nav-item nav-link active text-center fc-personal-tab" id="nav-home-tab" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true" title="
Personal
">
<span class="Tabicon">
<i class="icon-profile"></i>
</span>
<span class="TabiconTitle">
Personal
</span>
</a>
<a class="nav-item nav-link fc-car-tab" id="nav-profile-tab text-center " data-toggle="tab" href="#nav-profile" role="tab" aria-controls="nav-profile" aria-selected="false" title="
Car
">
<span class="Tabicon">
<i class="icon-icon-car"></i>
</span>
<span class="TabiconTitle">
Car
</span>
</a>
<a class="nav-item nav-link fc-home-tab" id="nav-contact-tab text-center " data-toggle="tab" href="#nav-contact" role="tab" aria-controls="nav-contact" aria-selected="false" title="
Mortgage
">
<span class="Tabicon">
<i class="icon-home-loan"></i>
</span>
<span class="TabiconTitle">
Mortgage
</span>
</a>
</div>
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade show active fc-personal-section" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
<form action="javascript:void(0);" class="form " data-fm-namespace="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_financeTypePersonalForm" method="post" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_financeTypePersonalForm" autocomplete="off">
<input class="field form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_formDate" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_formDate" type="hidden" value="1728890686539">
<div class="personalNoEligible mt-2">
Our apologies. With the provided information, you are not eligible for a personal loan
</div>
<div class="plSalaryOutOfErr mt-2">
The Salary Out Of The Program
</div>
<h6 class="fcFormCommonClass mt-5 mb-3 text-left">
Personal Details
</h6>
<div class="row " id="">
<div class="col-md-6 " id="">
<div class="form-group input-text-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_plBirthday">
Date of Birth
<span class="reference-mark text-warning" id="ppfe____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<input class="field dob date form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_plBirthday" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_plBirthday" placeholder="mm/dd/yyyy" type="text" value="">
</div>
<div class="form-validator-stack help-block date-error date-grater-error" style="display:none">
<div role="alert" class="required">Age must greater than 18</div>
</div>
<div class="pl-date-error fc-color-red" style="display:none">
</div>
<div class="pl-date-error-18 fc-color-red" style="display:none">
Age must be greater than 18
</div>
<div class="pl-date-error-22 fc-color-red" style="display:none">
Age must be greater than 22
</div>
<div class="pl-date-error-52 fc-color-red" style="display:none">
Age must be under 52
</div>
<div class="pl-date-error-60 fc-color-red" style="display:none">
Age must be under 60
</div>
<div class="pl-date-error-70 fc-color-red" style="display:none">
Age must be under 70
</div>
<div class="form-validator-stack help-block date-error date-required-error" style="display:none">
<div role="alert" class="required">Date of birth required</div>
</div>
</div>
<div class="col-md-6 " id="">
<div class="form-group input-select-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pNationality">
Nationality
<span class="reference-mark text-warning" id="tuzq____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<select class="form-control pNationSelect" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pNationality" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pNationality">
<option class="" value="">
Select
</option>
<option class="" value="Saudi">
Saudi
</option>
<option class="" value="NonSaudi">
Expat Resident
</option>
</select>
</div>
<script>
(function() {
var select = document.getElementById('_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pNationality');
if (select) {
}
})();
</script>
</div>
</div>
<h6 class="fcFormCommonClass mb-3 mt-5 text-left">
Financial
</h6>
<div class="row " id="">
<div class="col-md-6 " id="">
<div class="form-group input-select-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pSector">
Sector
<span class="reference-mark text-warning" id="onjy____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<select class="form-control pSectorSelect" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pSector" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pSector" disabled="">
<option class="" value="">
Select
</option>
<option class="" value="Private">
Private
</option>
<option class="" value="Government">
Government
</option>
<option class="pSectorClass" value="Militory">
Military
</option>
<option class="pSectorClass" value="Retaired">
Retired
</option>
</select>
</div>
<script>
(function() {
var select = document.getElementById('_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pSector');
if (select) {
}
})();
</script>
</div>
<div class="col-md-6 " id="">
<div class="form-group input-text-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pMonthlyIncome">
Monthly Income(SAR)
<span class="reference-mark text-warning" id="cikl____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<input class="field form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pMonthlyIncome" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pMonthlyIncome" placeholder="Eg. 10,000" type="number" value="" maxlength="15">
</div>
</div>
<div class="col-md-6 " id="">
<div class="form-group input-select-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pTypeOfSalary">
Type of Salary
<span class="reference-mark text-warning" id="grsc____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<select class="form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pTypeOfSalary" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pTypeOfSalary">
<option class="" value="">
Select
</option>
<option class="" value="Salary Transfer">
Salary Transfer
</option>
<option class="" value="Non Salary Transfer">
Non Salary Transfer
</option>
</select>
</div>
<script>
(function() {
var select = document.getElementById('_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pTypeOfSalary');
if (select) {
}
})();
</script>
</div>
<div class="col-md-6 " id="">
<div class="form-group input-text-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pCurentMonthlyObligations">
Current Monthly Obligations (SAR)
<span class="reference-mark text-warning" id="zphd____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<input class="field form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pCurentMonthlyObligations" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pCurentMonthlyObligations" placeholder="E.g.: 1,500" type="number" value="" maxlength="15">
</div>
</div>
</div>
<h6 class="fcFormCommonClass mt-5 mb-3 text-left">
Finance Details
</h6>
<div class="row " id="">
<div class="col-md-6 " id="">
<div class="form-group input-select-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pFinancePeriodInMonths">
Finance Period (In months)
<span class="reference-mark text-warning" id="wnki____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<select class="form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pFinancePeriodInMonths" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pFinancePeriodInMonths">
<option class="" value="">
Select
</option>
<option class="" value="12">
12
</option>
<option class="" value="24">
24
</option>
<option class="" value="36">
36
</option>
<option class="" value="48">
48
</option>
<option class="" value="60">
60
</option>
</select>
</div>
<script>
(function() {
var select = document.getElementById('_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pFinancePeriodInMonths');
if (select) {
}
})();
</script>
</div>
</div>
<hr>
<div class="button-holder personalSbtRow d-flex align-items-center justify-content-end">
<button class="btn btn btn-primary button_primary btn-primary" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_personalLoanSubmitBtn" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_submit" type="submit">
<span class="lfr-btn-label">Calculate</span>
</button>
<a class="homepage-link" href="/personal-banking/personal-finance/murabaha#personal-loan-form" title="
Apply now
">
Apply now
</a>
</div>
</form>
<div class="personalLoanResultDiv" id="complexCalculatorResult">
<div class="personalLoanResultHtml global-columns-container" id="personalLoanResultArabicHtml">
<div class="detailed-column hf-monthly-installment">
<div class="monthly-container">
<div class="row no-gutters monthly-title-container">
<h4>MONTHLY INSTALLMENT</h4>
<i class="icon-info"></i>
</div>
<div class="row no-gutters monthly-sar-container">
<div class="headingSar-container input-box">
<h1 class="h-monthly-installment-val"></h1>
<h4>SAR</h4>
</div>
</div>
</div>
<div class="graybg-container">
<div class="infodisplay-container row hf-results-section" style="display: block;">
<div class="row no-gutters info-container d-block">
<div>Total Eligible Amount</div>
<h4><span class="h-profit-added"></span> SAR</h4>
</div>
<div class="row no-gutters info-container d-block">
<div>Total Repay</div>
<h4><span class="h-down-payment">[$TOTAL_LEASE_AMOUNT$]</span> SAR</h4>
</div>
<div class="row no-gutters info-container d-block">
<div>Finance period (months)</div>
<h4><span class="h-finance-to-val-ratio">[$TOTAL_INSTALLMENTS$] f-c-installments-in-month</span></h4>
</div>
</div>
</div>
<div class="mt-5">
<div><span>*</span> All amounts are in SAR</div>
<div><span>*</span> Please note that these are simulated amounts and they represent an approximation and not the exact numbers.<span class="printToPLPdf mt-1 d-inline mx-1"><a href="javascript:void(0)" title="Download PDF">Download PDF</a></span></div>
</div>
</div>
</div>
</div>
<div id="financePdfEditor"></div>
</div>
<div class="tab-pane fade fc-car-section" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">
<div>
<form action="javascript:void(0);" class="form " data-fm-namespace="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_financeTypeCarForm" method="post" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_financeTypeCarForm" autocomplete="off">
<input class="field form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_formDate" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_formDate" type="hidden" value="1728890686540">
<div class="carSalaryOutOfProgram">
The Salary Out Of The Program
</div>
<div class="carNoEligible mt-2">
Our apologies. With the provided information, you are not eligible for a personal loan
</div>
<h6 class="fcFormCommonClass mb-3 mt-5 text-left">
Personal Details
</h6>
<div class="row " id="">
<div class="col-md-6 " id="">
<div class="form-group input-text-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cDateOfBirth">
Date of Birth
<span class="reference-mark text-warning" id="pdpk____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<input class="field dob date form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cDateOfBirth" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cDateOfBirth" placeholder="mm/dd/yyyy" type="text" value="">
</div>
<div class="cl-date-error-21 fc-color-red" style="display:none">
<div>
Age must be greater than 21
</div>
</div>
<div class="cl-date-error-22 fc-color-red" style="display:none">
<div>
Age must be greater than 22
</div>
</div>
<div class="form-validator-stack help-block date-error date-grater-error">
<div role="alert" class="required">Age must greater than 18</div>
</div>
<div class="form-validator-stack help-block date-error date-required-error">
<div role="alert" class="required">Date of birth required</div>
</div>
</div>
<div class="col-md-6 " id="">
<div class="form-group input-select-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cNationality">
Nationality
<span class="reference-mark text-warning" id="zose____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<select class="form-control cNationSelect" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cNationality" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cNationality">
<option class="" value="">
Select
</option>
<option class="" value="Saudi">
Saudi
</option>
<option class="" value="NonSaudi">
Expat Resident
</option>
</select>
</div>
<script>
(function() {
var select = document.getElementById('_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cNationality');
if (select) {
}
})();
</script>
</div>
</div>
<h6 class="fcFormCommonClass mt-5 mb-3 text-left">
Financial
</h6>
<div class="row " id="">
<div class="col-md-6 " id="">
<div class="form-group input-select-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cSector">
Sector
<span class="reference-mark text-warning" id="flbu____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<select class="form-control cSectorSelect" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cSector" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cSector" disabled="">
<option class="" value="">
Select
</option>
<option class="" value="Private">
Private
</option>
<option class="" value="Government">
Government
</option>
<option class="cSectorClass" value="Miltary Solder">
Military (Soldier)
</option>
<option class="cSectorClass" value="Miltary Officer">
Military (Officer)
</option>
<option class="cSectorClass" value="Retaired">
Retired
</option>
</select>
</div>
<script>
(function() {
var select = document.getElementById('_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cSector');
if (select) {
}
})();
</script>
</div>
<div class="col-md-6 " id="">
<div class="form-group input-text-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cMonthlyIncome">
Monthly Income(SAR)
<span class="reference-mark text-warning" id="qeki____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<input class="field form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cMonthlyIncome" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cMonthlyIncome" placeholder="Eg. 10,000" type="number" value="" maxlength="15">
</div>
</div>
<div class="col-md-6 " id="">
<div class="form-group input-select-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cTypeOfSalary">
Type of Salary
<span class="reference-mark text-warning" id="kccj____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<select class="form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cTypeOfSalary" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cTypeOfSalary">
<option class="" value="">
Select
</option>
<option class="" value="Salary Transfer">
Salary Transfer
</option>
<option class="" value="Non Salary Transfer">
Non Salary Transfer
</option>
</select>
</div>
<script>
(function() {
var select = document.getElementById('_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cTypeOfSalary');
if (select) {
}
})();
</script>
</div>
<div class="col-md-6 " id="">
</div>
</div>
<h6 class="fcFormCommonClass mt-5 mb-3 text-left">
Vehicle & Finance Details
</h6>
<div class="row " id="">
<div class="col-md-6 " id="">
<div class="form-group input-text-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cdownPayment">
Down Payment (SAR)
<span class="reference-mark text-warning" id="zyoa____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<input class="field form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cdownPayment" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cdownPayment" placeholder="E.g.: 20,000" type="number" value="" maxlength="15">
</div>
</div>
<div class="col-md-6 " id="">
<div class="form-group input-text-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cCarPrice">
Car Price (SAR)
<span class="reference-mark text-warning" id="mehp____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<input class="field form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cCarPrice" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cCarPrice" placeholder="E.g.: 100,000" type="number" value="" maxlength="15">
</div>
<div class="saudiCarMaxVal">
The maximum allowed car price is 500000 SAR
</div>
<div class="nonSaudiCarMaxVal">
The maximum allowed car price is 300000 SAR
</div>
</div>
</div>
<div class="row " id="">
<div class="col-md-6 " id="">
<div class="form-group input-select-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cFinancePeriod">
Finance Period (In months)
<span class="reference-mark text-warning" id="qpmm____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<select class="form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cFinancePeriod" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cFinancePeriod" title="Select">
<option class="" value="">
Select
</option>
<option class="" value="12">
12
</option>
<option class="" value="24">
24
</option>
<option class="" value="36">
36
</option>
<option class="" value="48">
48
</option>
<option class="" value="60">
60
</option>
</select>
</div>
<script>
(function() {
var select = document.getElementById('_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cFinancePeriod');
if (select) {
}
})();
</script>
</div>
</div>
<hr>
<div class="button-holder carSbtRow d-flex align-items-center justify-content-end ">
<button class="btn btn btn-primary button_primary btn-primary" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_carLoanSubmitBtn" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_submit" type="submit">
<span class="lfr-btn-label">Calculate</span>
</button>
<a class="homepage-link" href="/personal-banking/car-loan/auto-leasing#car-loan-form" title="
Apply now
">
Apply now
</a>
</div>
</form>
<div class="carLoanResultDiv" id="complexCalculatorResult">
<div class="carLoanResultToShow global-columns-container">
<div class="cl_result_table">
<div class="detailed-column hf-monthly-installment">
<div class="monthly-container">
<div class="row no-gutters monthly-title-container">
<h4>MONTHLY INSTALLMENT</h4>
<i class="icon-info"></i>
</div>
<div class="row no-gutters monthly-sar-container">
<div class="headingSar-container input-box">
<h1 class="c-h-monthly-installment-val"></h1>
<h4>SAR </h4>
</div>
</div>
</div>
<div class="graybg-container">
<div class="infodisplay-container row hf-results-section" style="display: block;">
<div class="row no-gutters info-container">
<div>Loan amount</div>
<h4><span class="c-h-profit-added"></span> SAR</h4>
</div>
<div class="row no-gutters info-container">
<div>Total loan amount</div>
<h4><span class="c-h-total-loan-amount"></span> SAR</h4>
</div>
<div class="row no-gutters info-container">
<div>Profit amount</div>
<h4><span class="c-h-profit-amount"></span> SAR</h4>
</div>
<div class="row no-gutters info-container">
<div>Balloon payment</div>
<h4><span class="c-h-down-payment"></span> SAR</h4>
</div>
<div class="row no-gutters info-container">
<div>Advance payment</div>
<h4><span class="c-h-adnance-amount"></span> SAR</h4>
</div>
<div class="row no-gutters info-container">
<div>Admin fees</div>
<h4><span class="c-h-finance-to-val-ratio"></span> SAR</h4>
</div>
</div>
</div>
<div class="mt-5">
<div><span>*</span> All amounts are in SAR</div>
<div><span>*</span> Please note that these are simulated amounts and they represent an approximation and not the exact numbers and are subjected to change.<span class="printToCLPdf mt-1 d-inline mx-1"><a href="javascript:void(0)" title="Download PDF">Download PDF</a></span></div>
<div><span>*</span> Please note that 5% VAT is excluded from the calculations.</div>
</div>
</div>
</div>
</div>
</div>
<div class="carLoanResultHtml"></div>
<div id="carFinancePdfEditor"></div>
<div class="carLoanAgeLimit">
<div class="saudiMinAgeLimit">
Age must be greater than
</div>
<div class="saudiMaxAgeLimit">
Age must be less than
</div>
<div class="nonSaudiMinAgeLimit">
Age must be less than
</div>
<div class="nonSaudiMaxAgeLimit">
non-saudi-max-age-limit
</div>
</div>
</div>
</div>
<div class="tab-pane fade fc-home-section" id="nav-contact" role="tabpanel" aria-labelledby="nav-contact-tab">
<div>
<form action="javascript:void(0);" class="form " data-fm-namespace="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_financeTypeHomeFrom" method="post" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_financeTypeHomeFrom" autocomplete="off">
<input class="field form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_formDate" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_formDate" type="hidden" value="1728890686542">
<div class="homeLoanNoEligible mt-2">
Our apologies. With the provided information, you are not eligible for a personal loan
</div>
<h6 class="fcFormCommonClass mb-3 mt-5 text-left">
Financial
</h6>
<div class="row " id="">
<div class="col-md-6 " id="">
<div class="form-group input-text-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_hMonthlyIncome">
Monthly Income(SAR)
<span class="reference-mark text-warning" id="ahrq____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<input class="field form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_hMonthlyIncome" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_hMonthlyIncome" placeholder="Eg. 10,000" type="number" value="" maxlength="15">
</div>
</div>
<div class="col-md-6 " id="">
<div class="form-group input-text-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_hCurentMonthlyObligations">
Monthly Obligations (SAR)
<span class="reference-mark text-warning" id="ztdt____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<input class="field form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_hCurentMonthlyObligations" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_hCurentMonthlyObligations" placeholder="E.g.: 100,000" type="number" value="" maxlength="15">
</div>
</div>
<div class="col-md-6 " id="">
<div class="form-group input-select-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_hFinancePeriodInYears">
Finance Period (Years)
<span class="reference-mark text-warning" id="axkm____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<select class="form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_hFinancePeriodInYears" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_hFinancePeriodInYears">
<option class="" value="">
Select
</option>
<option class="" value="5">
5
</option>
<option class="" value="6">
6
</option>
<option class="" value="7">
7
</option>
<option class="" value="8">
8
</option>
<option class="" value="9">
9
</option>
<option class="" value="10">
10
</option>
<option class="" value="11">
11
</option>
<option class="" value="12">
12
</option>
<option class="" value="13">
13
</option>
<option class="" value="14">
14
</option>
<option class="" value="15">
15
</option>
<option class="" value="16">
16
</option>
<option class="" value="17">
17
</option>
<option class="" value="18">
18
</option>
<option class="" value="19">
19
</option>
<option class="" value="20">
20
</option>
<option class="" value="21">
21
</option>
<option class="" value="22">
22
</option>
<option class="" value="23">
23
</option>
<option class="" value="24">
24
</option>
<option class="" value="25">
25
</option>
<option class="" value="26">
26
</option>
<option class="" value="27">
27
</option>
<option class="" value="28">
28
</option>
<option class="" value="29">
29
</option>
<option class="" value="30">
30
</option>
</select>
</div>
<script>
(function() {
var select = document.getElementById('_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_hFinancePeriodInYears');
if (select) {
}
})();
</script>
</div>
</div>
<h6 class="fcFormCommonClass mb-3 mt-5 text-left">
Property Details
</h6>
<div class="row " id="">
<div class="col-md-6 " id="">
<div class="form-group input-text-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_hPropertyvalue">
Property Value
<span class="reference-mark text-warning" id="ojpb____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<input class="field form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_hPropertyvalue" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_hPropertyvalue" placeholder="Property Value" type="number" value="">
</div>
</div>
<div class="col-md-6 " id="">
<div class="form-group input-select-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_hPropertyOptions">
Property Options
<span class="reference-mark text-warning" id="epif____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<select class="form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_hPropertyOptions" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_hPropertyOptions">
<option class="" value="">
Select
</option>
<option class="" value="Pledge">
Pledge
</option>
<option class="" value="First Home Buyer">
First Home Buyer
</option>
<option class="" value="Second Home Buyer">
Second Home Buyer
</option>
</select>
</div>
<script>
(function() {
var select = document.getElementById('_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_hPropertyOptions');
if (select) {
}
})();
</script>
</div>
</div>
<hr>
<div class="button-holder homeSbtRow d-flex align-items-center justify-content-end">
<button class="btn btn btn-primary button_primary btn-primary" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_homeLoanSubmitBtn" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_submit" type="submit">
<span class="lfr-btn-label">Calculate</span>
</button>
<a class="homepage-link" href="/personal-banking/home-loan/readymade-property-finance#home-loan-form" title="
Apply now
">
Apply now
</a>
</div>
</form>
<div class="homeLoanResultDiv" id="complexCalculatorResult">
<div class="homeLoanResultHtml global-columns-container">
<div class="hl_result_table">
<div class="detailed-column hf-monthly-installment">
<div class="monthly-container">
<div class="row no-gutters monthly-title-container">
<h4>MONTHLY INSTALLMENT</h4>
<i class="icon-info"></i>
</div>
<div class="row no-gutters monthly-sar-container">
<div class="headingSar-container input-box">
<h1 class="empty-hm-values h-h-monthly-installment-val"></h1>
<h4>SAR </h4>
</div>
</div>
</div>
<div class="graybg-container">
<div class="infodisplay-container row hf-results-section" style="display: block;">
<div class="row no-gutters info-container">
<div>Down Payment </div>
<h4><span class="empty-hm-values h-h-down-paymnent"></span> SAR</h4>
</div>
<div class="row no-gutters info-container">
<div>Total Eligible Amount </div>
<h4><span class="empty-hm-values h-h-total-eligible-amount"></span> SAR</h4>
</div>
<div class="row no-gutters info-container">
<div>Total Repay</div>
<h4><span class="empty-hm-values h-h-total-repay"></span> SAR</h4>
</div>
<div class="row no-gutters info-container">
<div>Profit added</div>
<h4><span class="empty-hm-values h-h-profit-added"></span> SAR</h4>
</div>
<div class="row no-gutters info-container">
<div>VAT (15%) </div>
<h4><span class="empty-hm-values h-h-vat"></span> SAR</h4>
</div>
<div class="row no-gutters info-container">
<div>Finance Period (in Years) </div>
<h4><span class="empty-hm-values h-h-finance-period-in-years"></span> Year</h4>
</div>
<div class="row no-gutters info-container">
<div>Admin fees</div>
<h4><span class="empty-hm-values h-h-admin-fee"></span> SAR</h4>
</div>
<div class="row no-gutters info-container">
<div>Loan To Value Ratio </div>
<h4><span class="empty-hm-values h-h-loan-to-value"></span></h4>
</div>
<div class="row no-gutters info-container">
<div>Annual Percentage Rate</div>
<h4><span class="empty-hm-values h-h-finance-apr"></span></h4>
</div>
</div>
</div>
<div class="mt-5">
<div><span>*</span> All amounts are in SAR</div>
<div><span>*</span> Please note that these are simulated amounts and they represent an approximation and not the exact numbers and are subjected to change.</div>
<div><span>*</span> Please note that 5% VAT is excluded from the calculations.</div>
</div>
</div>
</div>
</div>
</div>
<div id="homeFinancePdfEditor "></div>
<div class="noEligible"></div>
</div>
</div>
</div>
<input type="hidden" id="current_lang_id" value="en_US">
</div>
</div>
</div>
<script>
$(".validation-error").hide();
var age=0;
$(function () {
initHijrDatePicker();
$('.plBirthday').keypress(function(e) {
e.preventDefault();
});
});
$(document).ready(function(){
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_plBirthday").on('dp.change', function (arg) {
let date = arg.date;
var today = new Date();
var birthDate = new Date(date.format("YYYY/M/D"));
age = today.getFullYear()-birthDate.getFullYear();
});
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cDateOfBirth").on('dp.change', function (arg) {
let date = arg.date;
var today = new Date();
var birthDate = new Date(date.format("YYYY/M/D"));
age = today.getFullYear()-birthDate.getFullYear() ;
});
});
$('input[type=number]').keydown(function(e){
if ([69, 187, 188, 189, 190].includes(e.keyCode)) {
e.preventDefault();
}
});
$(function () {
initHijrDatePicker();
$('.cDateOfBirth').keypress(function(e) {
e.preventDefault();
});
});
function initHijrDatePicker() {
var languageIdV=themeDisplay.getLanguageId();
var isHijri = false;
var locale='en-us';
if(languageIdV == "ar_SA"){
isHijri = true;
locale="ar-SA";
}
else{
isHijri = false
locale="en-us";
}
$('.dob').hijriDatePicker({
format: "MM/DD/YYYY",
viewMode:"years",
hijri:isHijri,
showSwitcher: true,
debug: true,
locale:locale
});
}
var langId=$("#current_lang_id").val();
$('.pSectorSelect').prop( "disabled", true );
// When an option is changed, search the above for matching choices
$('.pNationSelect').on('change', function() {
// Set selected option as variable
var selectValue = $(this).val();
$('.pSectorSelect').css( "opacity", "1" );
$('.pSectorSelect').prop( "disabled", false );
$('.pSectorSelect').val($(".pSectorSelect option:first").val());
if(selectValue=="NonSaudi"){
$(".pSectorClass").hide();
}else if(selectValue=="Saudi"){
$(".pSectorClass").show();
}else if(selectValue==""){
$('.pSectorSelect').prop( "disabled", true );
$('.pSectorSelect').css( "opacity", "0.6" );
}
});
$('.cSectorSelect').prop( "disabled", true );
//When an option is changed, search the above for matching choices
$('.cNationSelect').on('change', function() {
// Set selected option as variable
var selectValue = $(this).val();
$('.cSectorSelect').css( "opacity", "1" );
$('.cSectorSelect').prop( "disabled", false );
$('.cSectorSelect').val($(".cSectorSelect option:first").val());
if(selectValue=="NonSaudi"){
$(".cSectorClass").hide();
}else if(selectValue=="Saudi"){
$(".cSectorClass").show();
}else if(selectValue==""){
$('.cSectorSelect').prop( "disabled", true );
$('.cSectorSelect').css( "opacity", "0.6" );
}
});
$('#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_plBirthday').keypress(function(event){
var value = event.key;
if (isLetter(value)) {
event.preventDefault();
}
});
$('#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cDateOfBirth').keypress(function(event){
var value = event.key;
if (isLetter(value)) {
event.preventDefault();
}
});
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_personalLoanSubmitBtn").click(function(){
AUI().use('aui-base','aui-io-request','liferay-form', function(A) {
$(".personalLoanResultDiv").hide();
var form = Liferay.Form.get('_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_financeTypePersonalForm');
form.formValidator.validate();
var plNationality=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pNationality").val();
var plMonthlyIncome=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pMonthlyIncome").val();
var plTypeOfSalary=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pTypeOfSalary").val();
var salaryValidator=true;
if(plTypeOfSalary=="Salary Transfer")
{
if(plNationality=="Saudi" && plMonthlyIncome<2500)
{
salaryValidator=false;
}else if(plNationality=="NonSaudi" && plMonthlyIncome<3000)
{
salaryValidator=false;
}
}else if(plTypeOfSalary=="Non Salary Transfer"){
if(plNationality=="Saudi" && plMonthlyIncome<4000)
{
salaryValidator=false;
}else if(plNationality=="NonSaudi" && plMonthlyIncome<4000)
{
salaryValidator=false;
}
}
if(!salaryValidator){
$(".plSalaryOutOfErr").show();
$([document.documentElement, document.body]).animate({
scrollTop: $(".plSalaryOutOfErr").offset().top
}, 2000);
}else if(salaryValidator){
$(".plSalaryOutOfErr").hide();
}
var today = new Date();
//var ageValidator=true;
var pSectorValidation=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pSector").val();
var ageValidator=false;
var date = A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_plBirthday").val();
$(".pl-date-error-18").hide();
$(".pl-date-error-70").hide();
$(".pl-date-error-60").hide();
$(".pl-date-error-52").hide();
$(".pl-date-error").hide();
if(date != "")
{
if(age < 18 )
{
$(".pl-date-error-18").show();
ageValidator=true;
}
if(pSectorValidation=="Private" || pSectorValidation=="Government")
{
if(age > 60){
$(".pl-date-error-60").show();
ageValidator=true;
scrollAnimations('.pl-date-error-60');
}
}else if(pSectorValidation=="MiltarySolder")
{
if(age > 52){
$(".pl-date-error-52").show();
ageValidator=false;
}
}else if(pSectorValidation=="Retaired")
{
if(age > 70){
$(".pl-date-error-70").show();
ageValidator=false;
}
}
}else{
$(".pl-date-error").show();
ageValidator=true;
}
if(!form.formValidator.hasErrors() && salaryValidator && !ageValidator) {
$(".personalNoEligible").hide();
var data = {};
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cmd']='personalLoan';
var currentLangId=$("#current_lang_id").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pNationality']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pNationality").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pSector']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pSector").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pMonthlyIncome']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pMonthlyIncome").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pTypeOfSalary']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pTypeOfSalary").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pCurentMonthlyObligations']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pCurentMonthlyObligations").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pFinancePeriodInMonths']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pFinancePeriodInMonths").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_plBirthday']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_plBirthday").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_currentLanguageId']=currentLangId;
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_currentDate']=today;
A.io.request('https://riyadbank.com/web/guest/personal-banking?p_p_id=com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_cacheability=cacheLevelPage', {
method: 'post',
data,
on: {
success: function() {
var data=this.get('responseData');
const obj = JSON.parse(data);
$(".validation-error").hide();
if(obj.status){
//$(".personalLoanResultHtml").html("");
$(".h-monthly-installment-val").text("");
$(".h-monthly-installment-val").text(obj.maxInstallMent)
$(".h-profit-added").text("")
$(".h-profit-added").text(obj.maxFinanceAmount)
$(".h-down-payment").text("")
$(".h-down-payment").text(obj.totalLeaseAmount)
$(".h-finance-to-val-ratio").text("")
$(".h-finance-to-val-ratio").text(obj.pFinancePeriodInMonths)
$(".personalLoanResultHtml").append(obj.personalLoanHtml);
$(".personalLoanResultHtml").show();
$(".printToPLPdf").show();
$(".personalLoanResultDiv").show();
$('.personalLoanResultDiv').each(function(){
var isThisVisible = $(this).is(':visible');
if(isThisVisible) {
var resultsTop = $(this).offset().top;
resultsTop-=250;
$('html, body').animate({
scrollTop: resultsTop
}, 1000);
return false;
}
})
$(".personalNoEligible").hide();
$(".printToPLPdf").click(function(){
var cntxtPath="/o/com.rb.finance.calculator.web";
$.when(
$.getScript(cntxtPath+'/js/pdfMake/pdfmake.min.js'),
$.getScript(cntxtPath+'/js/pdfMake/vfs_fonts.js'),
$.getScript(cntxtPath+'/js/generatePdfEN.js'),
$.getScript(cntxtPath+'/js/generatePdfAR.js'),
$.Deferred(function( deferred ){
$( deferred.resolve );
})
).done(function(){
console.log("done loading ");
if(currentLangId=="en_US"){
generatePdfPersonal(obj);
}else if(currentLangId=="ar_SA"){
var sectorVal=$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pSector").find(":selected").text();
obj.psectorValAr=sectorVal.replace(/\t?\n|\t/g,'');
var typeOfSalVal=$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pTypeOfSalary").find(":selected").text();
obj.typeOfSalValAr=typeOfSalVal.replace(/\t?\n|\t/g,'');
console.log("dynamically loading ");
generatePdfPersonalArabic(obj);
}
});
});
}
else if(!obj.status && obj.message == "validation-error"){
$(".validation-error").html(obj.value);
$(".validation-error").show();
}
else if(!obj.status && !obj.eligibility){
//$(".personalLoanResultHtml").html("");
$(".personalNoEligible").show();
$('.personalNoEligible').each(function(){
var isThisVisible = $(this).is(':visible');
if(isThisVisible) {
var resultsTop = $(this).offset().top;
resultsTop-=250;
$('html, body').animate({
scrollTop: resultsTop
}, 1000);
return false;
}
});
//$(".personalNoEligible").append("<b>Our apologies. With the provided information, you are not eligible for a personal loan </b>");
}
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_personalLoanSubmitBtn").prop( "disabled", false );
}//success
}//on
});//a.io
}//if
})//aui.use
setTimeout(function(){
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_personalLoanSubmitBtn").prop( "disabled", false );
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_personalLoanSubmitBtn").css( "opacity", "1" );
}, 1000); //Time before execution
});
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_carLoanSubmitBtn").click(function(){
AUI().use('aui-base','aui-io-request','liferay-form', function(A) {
$(".carLoanResultDiv").hide();
var form = Liferay.Form.get('_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_financeTypeCarForm');
form.formValidator.validate();
var commonValidator=true;
var cNationality=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cNationality").val();
var ageValidator=false;
var date = A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cDateOfBirth").val();
if(date != ""){
$(".cl-date-error").hide();
$(".cl-date-error-21").hide();
$(".cl-date-error-22").hide();
if(cNationality=="Saudi" && age < 21 )
{
$(".cl-date-error-21").show();
ageValidator=true;
}else if(cNationality=="NonSaudi" && age < 22 )
{
$(".cl-date-error-22").show();
ageValidator=true;
}
if(age>60){
}//else
}else{
$(".cl-date-error").show();
ageValidator=true;
}
var cCurrentDate = new Date();
var carPrice=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cCarPrice").val();
var carPriceValidator=true;
var typeOfSalary=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cTypeOfSalary").val();
$(".saudiCarMaxVal").hide();
$(".nonSaudiCarMaxVal").hide();
if(cNationality=="Saudi" && carPrice > 500000)
{
$(".saudiCarMaxVal").show();
carPriceValidator=false;
}else if(cNationality=="NonSaudi" && carPrice > 300000){
$(".nonSaudiCarMaxVal").show();
carPriceValidator=false;
}
$(".carSalaryOutOfProgram").hide();
var cLMonthlyIncome=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cMonthlyIncome").val();
if(cLMonthlyIncome>0 && cLMonthlyIncome<5000){
$(".carSalaryOutOfProgram").show();
$('.carSalaryOutOfProgram').each(function(){
var isThisVisible = $(this).is(':visible');
if(isThisVisible) {
var resultsTop = $(this).offset().top;
resultsTop-=250;
$('html, body').animate({
scrollTop: resultsTop
}, 1000);
return false;
}
})
commonValidator=false;
}
if(typeOfSalary=="Salary Transfer" && cLMonthlyIncome>0 && cLMonthlyIncome<5000){
$(".carSalaryOutOfProgram").show();
$('.carSalaryOutOfProgram').each(function(){
var isThisVisible = $(this).is(':visible');
if(isThisVisible) {
var resultsTop = $(this).offset().top;
resultsTop-=250;
$('html, body').animate({
scrollTop: resultsTop
}, 1000);
return false;
}
})
commonValidator=false;
}
if(typeOfSalary=="Non Salary Transfer" && cLMonthlyIncome>0 && cLMonthlyIncome<7500){
$(".carSalaryOutOfProgram").show();
$('.carSalaryOutOfProgram').each(function(){
var isThisVisible = $(this).is(':visible');
if(isThisVisible) {
var resultsTop = $(this).offset().top;
resultsTop-=250;
$('html, body').animate({
scrollTop: resultsTop
}, 1000);
return false;
}
})
commonValidator=false;
}
$(".carNoEligible").hide();
if(!form.formValidator.hasErrors() && carPriceValidator && commonValidator && !ageValidator) {
var data = {};
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cmd']='carLoan';
var currentLangId=$("#current_lang_id").val();
//data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cCustomerName']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_clCustomerName").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cNationality']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cNationality").val();
//data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cMobile']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cMobile").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cDateOfBirth']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cDateOfBirth").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cSector']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cSector").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cMonthlyIncome']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cMonthlyIncome").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cTypeOfSalary']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cTypeOfSalary").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cdownPayment']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cdownPayment").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cCarPrice']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cCarPrice").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cFinancePeriod']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cFinancePeriod").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_currentDate']=cCurrentDate;
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_currentLanguageId']=currentLangId;
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_userAge']=age;
A.io.request('https://riyadbank.com/web/guest/personal-banking?p_p_id=com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_cacheability=cacheLevelPage', {
method: 'post',
data,
on: {
success: function() {
var data=this.get('responseData');
const obj = JSON.parse(data);
$(".validation-error").hide();
if(obj.status){
$(".carLoanResultHtml").html("");
$(".carLoanResultHtml").append(obj.carLoanHtml);
// $(".carLoanResultToShow").html("");
$(".c-h-monthly-installment-val").text("");
$(".c-h-monthly-installment-val").text(obj.monthinstallment);
$(".c-h-profit-added").text("");
$(".c-h-profit-added").text(obj.loanAmount);
$(".c-h-total-loan-amount").text("");
$(".c-h-total-loan-amount").text(obj.totalLoanamount);
$(".c-h-profit-amount").text("");
$(".c-h-profit-amount").text(obj.profitAmount);
$(".c-h-down-payment").text("");
$(".c-h-down-payment").text(obj.balloonPayment);
$(".c-h-adnance-amount").text("");
$(".c-h-adnance-amount").text(obj.downPayment);
$(".c-h-finance-to-val-ratio").text("");
$(".c-h-finance-to-val-ratio").text(obj.adminfee);
//$(".carLoanResultToShow").append(obj.carLoanHtml);
$(".carLoanResultToShow").show();
$(".carLoanDetails").hide();
$(".printToCLPdf").show();
$(".carLoanResultDiv").show();
$('.carLoanResultDiv').each(function(){
var isThisVisible = $(this).is(':visible');
if(isThisVisible) {
var resultsTop = $(this).offset().top;
resultsTop-=250;
$('html, body').animate({
scrollTop: resultsTop
}, 1000);
return false;
}
})
$(".carLoanResultHtml").children(".cl_result_table").remove();
$(".printToCLPdf").click(function(){
var cntxtPath="/o/com.rb.finance.calculator.web";
$.when(
$.getScript(cntxtPath+'/js/pdfMake/pdfmake.min.js'),
$.getScript(cntxtPath+'/js/pdfMake/vfs_fonts.js'),
$.getScript(cntxtPath+'/js/generatePdfEN.js'),
$.getScript(cntxtPath+'/js/generatePdfAR.js'),
$.Deferred(function( deferred ){
$( deferred.resolve );
})
).done(function(){
//place your code here, the scripts are all loaded
if(currentLangId=="en_US"){
generatePdfCar(obj);
}else if(currentLangId=="ar_SA"){
var cNationalityAr=$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cNationality").find(":selected").text();
obj.cNationalityAr=cNationalityAr.replace(/\t?\n|\t/g,'');
var cSectorAr=$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cSector").find(":selected").text();
obj.cSectorAr=cSectorAr.replace(/\t?\n|\t/g,'');
var cTypeOfSalaryAr=$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cTypeOfSalary").find(":selected").text();
obj.cTypeOfSalaryAr=cTypeOfSalaryAr.replace(/\t?\n|\t/g,'');
generatePdfCarArabic(obj);
}
});
});
}
else if(!obj.status && obj.message == "validation-error"){
$(".validation-error").html(obj.value);
$(".validation-error").show();
}
else if(!obj.status && !obj.eligibility){
$(".carLoanResultHtml").html("");
$(".carNoEligible").show();
// $([document.documentElement, document.body]).animate({
// scrollTop: $(".carNoEligible").offset().top
// }, 2000);
$('.carNoEligible').each(function(){
var isThisVisible = $(this).is(':visible');
if(isThisVisible) {
var resultsTop = $(this).offset().top;
resultsTop-=250;
$('html, body').animate({
scrollTop: resultsTop
}, 1000);
return false;
}
});
}else if(!obj.status && !obj.ageLimit){
$(".carLoanResultHtml").html("");
$(".carLoanAgeLimit").html("");
if(obj.nationality=="Saudi" && obj.saudiMinAgeLimit==false)
{
$(".saudiMinAgeLimit").show();
$(".saudiMinAgeLimit").append(obj.saudiMinAge);
}else if(obj.nationality=="Saudi" && obj.saudiMaxAgeLimit==false)
{
$(".saudiMaxAgeLimit").show();
$(".saudiMaxAgeLimit").append(obj.saudiMaxAge);
}
if(obj.nationality=="NonSaudi" && obj.nonSaudiMinAgeLimit==false)
{
$(".nonSaudiMinAgeLimit").show();
$(".nonSaudiMinAgeLimit").append(obj.nonSaudiMinAge);
}else if(obj.nationality=="NonSaudi" && obj.nonSaudiMaxAgeLimit==false)
{
$(".nonSaudiMaxAgeLimit").show();
$(".nonSaudiMaxAgeLimit").append(obj.nonSaudiMaxAge);
}
}
}//success
}//on
});//a.io
} //if
})//aui.use
setTimeout(function(){
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_carLoanSubmitBtn").prop( "disabled", false );
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_carLoanSubmitBtn").css( "opacity", "1" );
}, 1000); //Time before execution
});
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_homeLoanSubmitBtn").click(function(){
AUI().use('aui-base','aui-io-request','liferay-form', function(A) {
$(".homeLoanNoEligible").hide();
var form = Liferay.Form.get('_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_financeTypeHomeFrom');
form.formValidator.validate();
if(!form.formValidator.hasErrors()) {
var data = {};
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cmd']='homeLoan';
var currentLangId=$("#current_lang_id").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_hMonthlyIncome']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_hMonthlyIncome").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_hCurentMonthlyObligations']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_hCurentMonthlyObligations").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_hFinancePeriodInYears']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_hFinancePeriodInYears").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_hPropertyvalue']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_hPropertyvalue").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_hPropertyOptions']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_hPropertyOptions").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_currentLanguageId']=currentLangId;
A.io.request('https://riyadbank.com/web/guest/personal-banking?p_p_id=com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_cacheability=cacheLevelPage', {
method: 'post',
data,
on: {
success: function() {
var data=this.get('responseData');
const obj = JSON.parse(data);
$(".validation-error").hide();
if(obj.status){
//$(".homeLoanResultHtml").html("");
$(".empty-hm-values").text("");
$(".h-h-monthly-installment-val").text(obj.monthlyInstallment)
$(".h-h-profit-added").text(obj.profitAdded)
$(".h-h-total-eligible-amount").text(obj.finanaceValue)
$(".h-h-total-repay").text(obj.totalLoanRepay)
$(".h-h-down-paymnent").text(obj.downPayment)
$(".h-h-vat").text(obj.vat)
$(".h-h-finance-period-in-years").text(obj.hFinancePeriodInYears)
$(".h-h-admin-fee").text(obj.adminFees)
$(".h-h-loan-to-value").text(obj.ltv)
$(".h-h-finance-apr").text(obj.apr)
//$(".homeLoanResultHtml").append(obj.homeLoanHtml);
$('.homeLoanResultDiv').show();
$(".homeLoanResultHtml").attr("style","display:block !important");
$('.homeLoanResultDiv').each(function(){
var isThisVisible = $(this).is(':visible');
if(isThisVisible) {
var resultsTop = $(this).offset().top;
resultsTop-=250;
$('html, body').animate({
scrollTop: resultsTop
}, 1000);
return false;
}
})
}
else if(!obj.status && obj.message == "validation-error"){
$(".validation-error").html(obj.value);
$(".validation-error").show();
}
else if(!obj.status && !obj.eligibility){
$(".homeLoanResultHtml").hide();
$(".homeLoanNoEligible").show();
$('.homeLoanNoEligible').each(function(){
var isThisVisible = $(this).is(':visible');
if(isThisVisible) {
var resultsTop = $(this).offset().top;
resultsTop-=250;
$('html, body').animate({
scrollTop: resultsTop
}, 1000);
return false;
}
});
}
}//success
}//on
});//a.io
} //if
})//aui.use
setTimeout(function(){
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_homeLoanSubmitBtn").prop( "disabled", false );
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_homeLoanSubmitBtn").css( "opacity", "1" );
}, 1000); //Time before execution
});
function isLetter(str) {
return str.length === 1 && str.match(/[a-z ]/i);
}
function sendLoadMasking(){
AUI().use('aui-loading-mask-deprecated',
(A) => {
var resultsContainer = A.one('.send-enquiry');
resultsContainer.plug(A.LoadingMask).loadingmask.show();
})
}
function sendRemoveLoadMask(){
AUI().use('aui-loading-mask-deprecated',
(A) => {
var resultsContainer = A.one('.send-enquiry');
resultsContainer.plug(A.LoadingMask).loadingmask.hide();
})
}
$(document).ready(function(){
$(".personalSbtRow").hover(function(){
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_personalLoanSubmitBtn").prop( "disabled", false );
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_personalLoanSubmitBtn").css( "opacity", "1" );
});
$(".carSbtRow").hover(function(){
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_carLoanSubmitBtn").prop( "disabled", false );
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_carLoanSubmitBtn").css( "opacity", "1" );
});
$(".homeSbtRow").hover(function(){
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_homeLoanSubmitBtn").prop( "disabled", false );
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_homeLoanSubmitBtn").css( "opacity", "1" );
});
let currentUrl = window.location.href;
if(currentUrl.includes("l=personal")){
showPersonalTab();
}else if(currentUrl.includes("l=car")){
showCarTab();
}else if(currentUrl.includes("l=mortgage")){
showHomeTab();
}
function showPersonalTab(){
$(".fc-personal-tab").trigger('click');
$(".fc-personal-section").addClass("show");
$(".fc-personal-section").addClass("active");
$(".fc-car-section").removeClass("show");
$(".fc-car-section").removeClass("active");
$(".fc-home-section").removeClass("show");
$(".fc-home-section").removeClass("active");
}
function showCarTab(){
$(".fc-car-tab").trigger('click');
$(".fc-car-section").addClass("show");
$(".fc-car-section").addClass("active");
$(".fc-personal-section").removeClass("show");
$(".fc-personal-section").removeClass("active");
$(".fc-home-section").removeClass("show");
$(".fc-home-section").removeClass("active");
}
function showHomeTab(){
$(".fc-home-tab").trigger('click');
$(".fc-home-section").addClass("show");
$(".fc-home-section").addClass("active");
$(".fc-personal-section").removeClass("show");
$(".fc-personal-section").removeClass("active");
$(".fc-car-section").removeClass("show");
$(".fc-car-section").removeClass("active");
}
$(".silver-banking #tab2").click(function(){
showSBPersonalTab(".silver-banking");
});
$(".silver-banking #tab3").click(function(){
showSBCarTab(".silver-banking");
});
$(".silver-banking #tab4").click(function(){
showSBHomeTab(".silver-banking");
});
$(".golden-banking #tab2").click(function(){
showSBPersonalTab(".golden-banking");
});
$(".golden-banking #tab3").click(function(){
showSBCarTab(".golden-banking");
});
$(".golden-banking #tab4").click(function(){
showSBHomeTab(".golden-banking");
});
$(".diamond-banking #tab2").click(function(){
showSBPersonalTab(".diamond-banking");
});
$(".diamond-banking #tab3").click(function(){
showSBCarTab(".diamond-banking");
});
$(".diamond-banking #tab4").click(function(){
showSBHomeTab(".diamond-banking");
});
$("#navigationBarCollapse ul li a#tab2").click(function(){
showSBPersonalTab(".tab-panel #tabPanel2");
});
$("#navigationBarCollapse ul li a#tab3").click(function(){
showSBCarTab(".tab-panel #tabPanel3");
});
$("#navigationBarCollapse ul li a#tab4").click(function(){
showSBHomeTab(".tab-panel #tabPanel4");
});
function showSBPersonalTab(tabName){
var tabClassName=tabName;
$(tabClassName+" .finance-calculator-tabs").hide();
$(tabClassName+" .fc-personal-section").addClass("show");
$(tabClassName+" .fc-personal-section").addClass("active");
$(tabClassName+" .fc-car-section").removeClass("show");
$(tabClassName+" .fc-car-section").removeClass("active");
$(tabClassName+" .fc-home-section").removeClass("show");
$(tabClassName+" .fc-home-section").removeClass("active");
}
function showSBCarTab(tabName){
var tabClassName=tabName;
$(tabClassName+" .finance-calculator-tabs").hide();
$(tabClassName+" .fc-car-section").addClass("show");
$(tabClassName+" .fc-car-section").addClass("active");
$(tabClassName+" .fc-personal-section").removeClass("show");
$(tabClassName+" .fc-personal-section").removeClass("active");
$(tabClassName+" .fc-home-section").removeClass("show");
$(tabClassName+" .fc-home-section").removeClass("active");
}
function showSBHomeTab(tabName){
var tabClassName=tabName;
$(tabClassName+" .finance-calculator-tabs").hide();
$(tabClassName+" .fc-home-section").addClass("show");
$(tabClassName+" .fc-home-section").addClass("active");
$(tabClassName+" .fc-personal-section").removeClass("show");
$(tabClassName+" .fc-personal-section").removeClass("active");
$(tabClassName+" .fc-car-section").removeClass("show");
$(tabClassName+" .fc-car-section").removeClass("active");
}
});
var url = window.location.href;
</script>
<style>
.homeLoanResultHtml{
display:none !important;
}
</style>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
</div>
<div class="col col-lg-6 col-sm-12 col-12 col-md-6">
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-10 pb-lg-0 pl-lg-5 pr-lg-5 pt-lg-10 mt-sm-0 mt-2 pr-md-5 pt-md-10 pl-md-5 mt-md-10" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-18308-qqcw">
<div class="image-container justify-content-center">
<img alt="Responsive Image" class="w-100" data-lfr-editable-id="image-square" data-lfr-editable-type="image" src="/documents/20121/0/Auto+Leasing%40300x-8+%281%29.png/5282e2ba-c280-da9a-1529-c28ff47e740a?t=1673425713693&download=true">
</div>
</div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-13302-ssox"> <div class="rbSpace" style="height:8px"></div></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div aria-labelledby="tab4" class="tab-panel-item d-none" data-fragment-namespace="bzta" id="tabPanel4" role="tabpanel" tabindex="0">
<div>
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;overflow: hidden;">
<div class="row align-items-lg-start align-items-sm-start align-items-start align-items-md-start flex-lg-row flex-sm-row flex-row flex-md-row">
<div class="col col-lg-6 col-sm-12 col-12 col-md-6">
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-0-fkom">
<div class="portlet-boundary portlet-boundary_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_ portlet-static portlet-static-end portlet-barebone " id="p_p_id_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_">
<span id="p_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom"></span>
<section class="portlet" id="portlet_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom">
<div class="portlet-content">
<div class="autofit-float autofit-row portlet-header">
<div class="autofit-col autofit-col-expand">
<h2 class="portlet-title-text">Finance Calculator</h2>
</div>
<div class="autofit-col autofit-col-end">
<div class="autofit-section">
</div>
</div>
</div>
<div class=" portlet-content-container">
<div class="portlet-body">
<div class=" validation-error alert alert-danger" style="display: none;">
</div>
<div class="upper-side">
<div class="tabs">
<div class="button_tabs">
<div class="nav home-tab flex-row home-finance-nav-section finance-calculator-tabs" id="nav-tab" role="tablist">
<a class="nav-item nav-link active text-center fc-personal-tab" id="nav-home-tab" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true" title="
Personal
">
<span class="Tabicon">
<i class="icon-profile"></i>
</span>
<span class="TabiconTitle">
Personal
</span>
</a>
<a class="nav-item nav-link fc-car-tab" id="nav-profile-tab text-center " data-toggle="tab" href="#nav-profile" role="tab" aria-controls="nav-profile" aria-selected="false" title="
Car
">
<span class="Tabicon">
<i class="icon-icon-car"></i>
</span>
<span class="TabiconTitle">
Car
</span>
</a>
<a class="nav-item nav-link fc-home-tab" id="nav-contact-tab text-center " data-toggle="tab" href="#nav-contact" role="tab" aria-controls="nav-contact" aria-selected="false" title="
Mortgage
">
<span class="Tabicon">
<i class="icon-home-loan"></i>
</span>
<span class="TabiconTitle">
Mortgage
</span>
</a>
</div>
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade show active fc-personal-section" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
<form action="javascript:void(0);" class="form " data-fm-namespace="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_financeTypePersonalForm" method="post" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_financeTypePersonalForm" autocomplete="off">
<input class="field form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_formDate" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_formDate" type="hidden" value="1728890686549">
<div class="personalNoEligible mt-2">
Our apologies. With the provided information, you are not eligible for a personal loan
</div>
<div class="plSalaryOutOfErr mt-2">
The Salary Out Of The Program
</div>
<h6 class="fcFormCommonClass mt-5 mb-3 text-left">
Personal Details
</h6>
<div class="row " id="">
<div class="col-md-6 " id="">
<div class="form-group input-text-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_plBirthday">
Date of Birth
<span class="reference-mark text-warning" id="qjsh____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<input class="field dob date form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_plBirthday" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_plBirthday" placeholder="mm/dd/yyyy" type="text" value="">
</div>
<div class="form-validator-stack help-block date-error date-grater-error" style="display:none">
<div role="alert" class="required">Age must greater than 18</div>
</div>
<div class="pl-date-error fc-color-red" style="display:none">
</div>
<div class="pl-date-error-18 fc-color-red" style="display:none">
Age must be greater than 18
</div>
<div class="pl-date-error-22 fc-color-red" style="display:none">
Age must be greater than 22
</div>
<div class="pl-date-error-52 fc-color-red" style="display:none">
Age must be under 52
</div>
<div class="pl-date-error-60 fc-color-red" style="display:none">
Age must be under 60
</div>
<div class="pl-date-error-70 fc-color-red" style="display:none">
Age must be under 70
</div>
<div class="form-validator-stack help-block date-error date-required-error" style="display:none">
<div role="alert" class="required">Date of birth required</div>
</div>
</div>
<div class="col-md-6 " id="">
<div class="form-group input-select-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pNationality">
Nationality
<span class="reference-mark text-warning" id="dhfn____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<select class="form-control pNationSelect" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pNationality" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pNationality">
<option class="" value="">
Select
</option>
<option class="" value="Saudi">
Saudi
</option>
<option class="" value="NonSaudi">
Expat Resident
</option>
</select>
</div>
<script>
(function() {
var select = document.getElementById('_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pNationality');
if (select) {
}
})();
</script>
</div>
</div>
<h6 class="fcFormCommonClass mb-3 mt-5 text-left">
Financial
</h6>
<div class="row " id="">
<div class="col-md-6 " id="">
<div class="form-group input-select-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pSector">
Sector
<span class="reference-mark text-warning" id="uqyi____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<select class="form-control pSectorSelect" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pSector" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pSector" disabled="">
<option class="" value="">
Select
</option>
<option class="" value="Private">
Private
</option>
<option class="" value="Government">
Government
</option>
<option class="pSectorClass" value="Militory">
Military
</option>
<option class="pSectorClass" value="Retaired">
Retired
</option>
</select>
</div>
<script>
(function() {
var select = document.getElementById('_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pSector');
if (select) {
}
})();
</script>
</div>
<div class="col-md-6 " id="">
<div class="form-group input-text-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pMonthlyIncome">
Monthly Income(SAR)
<span class="reference-mark text-warning" id="yejy____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<input class="field form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pMonthlyIncome" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pMonthlyIncome" placeholder="Eg. 10,000" type="number" value="" maxlength="15">
</div>
</div>
<div class="col-md-6 " id="">
<div class="form-group input-select-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pTypeOfSalary">
Type of Salary
<span class="reference-mark text-warning" id="oxcj____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<select class="form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pTypeOfSalary" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pTypeOfSalary">
<option class="" value="">
Select
</option>
<option class="" value="Salary Transfer">
Salary Transfer
</option>
<option class="" value="Non Salary Transfer">
Non Salary Transfer
</option>
</select>
</div>
<script>
(function() {
var select = document.getElementById('_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pTypeOfSalary');
if (select) {
}
})();
</script>
</div>
<div class="col-md-6 " id="">
<div class="form-group input-text-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pCurentMonthlyObligations">
Current Monthly Obligations (SAR)
<span class="reference-mark text-warning" id="epve____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<input class="field form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pCurentMonthlyObligations" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pCurentMonthlyObligations" placeholder="E.g.: 1,500" type="number" value="" maxlength="15">
</div>
</div>
</div>
<h6 class="fcFormCommonClass mt-5 mb-3 text-left">
Finance Details
</h6>
<div class="row " id="">
<div class="col-md-6 " id="">
<div class="form-group input-select-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pFinancePeriodInMonths">
Finance Period (In months)
<span class="reference-mark text-warning" id="rpih____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<select class="form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pFinancePeriodInMonths" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pFinancePeriodInMonths">
<option class="" value="">
Select
</option>
<option class="" value="12">
12
</option>
<option class="" value="24">
24
</option>
<option class="" value="36">
36
</option>
<option class="" value="48">
48
</option>
<option class="" value="60">
60
</option>
</select>
</div>
<script>
(function() {
var select = document.getElementById('_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pFinancePeriodInMonths');
if (select) {
}
})();
</script>
</div>
</div>
<hr>
<div class="button-holder personalSbtRow d-flex align-items-center justify-content-end">
<button class="btn btn btn-primary button_primary btn-primary" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_personalLoanSubmitBtn" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_submit" type="submit">
<span class="lfr-btn-label">Calculate</span>
</button>
<a class="homepage-link" href="/personal-banking/personal-finance/murabaha#personal-loan-form" title="
Apply now
">
Apply now
</a>
</div>
</form>
<div class="personalLoanResultDiv" id="complexCalculatorResult">
<div class="personalLoanResultHtml global-columns-container" id="personalLoanResultArabicHtml">
<div class="detailed-column hf-monthly-installment">
<div class="monthly-container">
<div class="row no-gutters monthly-title-container">
<h4>MONTHLY INSTALLMENT</h4>
<i class="icon-info"></i>
</div>
<div class="row no-gutters monthly-sar-container">
<div class="headingSar-container input-box">
<h1 class="h-monthly-installment-val"></h1>
<h4>SAR</h4>
</div>
</div>
</div>
<div class="graybg-container">
<div class="infodisplay-container row hf-results-section" style="display: block;">
<div class="row no-gutters info-container d-block">
<div>Total Eligible Amount</div>
<h4><span class="h-profit-added"></span> SAR</h4>
</div>
<div class="row no-gutters info-container d-block">
<div>Total Repay</div>
<h4><span class="h-down-payment">[$TOTAL_LEASE_AMOUNT$]</span> SAR</h4>
</div>
<div class="row no-gutters info-container d-block">
<div>Finance period (months)</div>
<h4><span class="h-finance-to-val-ratio">[$TOTAL_INSTALLMENTS$] f-c-installments-in-month</span></h4>
</div>
</div>
</div>
<div class="mt-5">
<div><span>*</span> All amounts are in SAR</div>
<div><span>*</span> Please note that these are simulated amounts and they represent an approximation and not the exact numbers.<span class="printToPLPdf mt-1 d-inline mx-1"><a href="javascript:void(0)" title="Download PDF">Download PDF</a></span></div>
</div>
</div>
</div>
</div>
<div id="financePdfEditor"></div>
</div>
<div class="tab-pane fade fc-car-section" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">
<div>
<form action="javascript:void(0);" class="form " data-fm-namespace="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_financeTypeCarForm" method="post" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_financeTypeCarForm" autocomplete="off">
<input class="field form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_formDate" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_formDate" type="hidden" value="1728890686550">
<div class="carSalaryOutOfProgram">
The Salary Out Of The Program
</div>
<div class="carNoEligible mt-2">
Our apologies. With the provided information, you are not eligible for a personal loan
</div>
<h6 class="fcFormCommonClass mb-3 mt-5 text-left">
Personal Details
</h6>
<div class="row " id="">
<div class="col-md-6 " id="">
<div class="form-group input-text-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cDateOfBirth">
Date of Birth
<span class="reference-mark text-warning" id="fijm____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<input class="field dob date form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cDateOfBirth" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cDateOfBirth" placeholder="mm/dd/yyyy" type="text" value="">
</div>
<div class="cl-date-error-21 fc-color-red" style="display:none">
<div>
Age must be greater than 21
</div>
</div>
<div class="cl-date-error-22 fc-color-red" style="display:none">
<div>
Age must be greater than 22
</div>
</div>
<div class="form-validator-stack help-block date-error date-grater-error">
<div role="alert" class="required">Age must greater than 18</div>
</div>
<div class="form-validator-stack help-block date-error date-required-error">
<div role="alert" class="required">Date of birth required</div>
</div>
</div>
<div class="col-md-6 " id="">
<div class="form-group input-select-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cNationality">
Nationality
<span class="reference-mark text-warning" id="yglr____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<select class="form-control cNationSelect" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cNationality" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cNationality">
<option class="" value="">
Select
</option>
<option class="" value="Saudi">
Saudi
</option>
<option class="" value="NonSaudi">
Expat Resident
</option>
</select>
</div>
<script>
(function() {
var select = document.getElementById('_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cNationality');
if (select) {
}
})();
</script>
</div>
</div>
<h6 class="fcFormCommonClass mt-5 mb-3 text-left">
Financial
</h6>
<div class="row " id="">
<div class="col-md-6 " id="">
<div class="form-group input-select-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cSector">
Sector
<span class="reference-mark text-warning" id="oxwv____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<select class="form-control cSectorSelect" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cSector" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cSector" disabled="">
<option class="" value="">
Select
</option>
<option class="" value="Private">
Private
</option>
<option class="" value="Government">
Government
</option>
<option class="cSectorClass" value="Miltary Solder">
Military (Soldier)
</option>
<option class="cSectorClass" value="Miltary Officer">
Military (Officer)
</option>
<option class="cSectorClass" value="Retaired">
Retired
</option>
</select>
</div>
<script>
(function() {
var select = document.getElementById('_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cSector');
if (select) {
}
})();
</script>
</div>
<div class="col-md-6 " id="">
<div class="form-group input-text-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cMonthlyIncome">
Monthly Income(SAR)
<span class="reference-mark text-warning" id="kvkh____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<input class="field form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cMonthlyIncome" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cMonthlyIncome" placeholder="Eg. 10,000" type="number" value="" maxlength="15">
</div>
</div>
<div class="col-md-6 " id="">
<div class="form-group input-select-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cTypeOfSalary">
Type of Salary
<span class="reference-mark text-warning" id="caum____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<select class="form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cTypeOfSalary" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cTypeOfSalary">
<option class="" value="">
Select
</option>
<option class="" value="Salary Transfer">
Salary Transfer
</option>
<option class="" value="Non Salary Transfer">
Non Salary Transfer
</option>
</select>
</div>
<script>
(function() {
var select = document.getElementById('_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cTypeOfSalary');
if (select) {
}
})();
</script>
</div>
<div class="col-md-6 " id="">
</div>
</div>
<h6 class="fcFormCommonClass mt-5 mb-3 text-left">
Vehicle & Finance Details
</h6>
<div class="row " id="">
<div class="col-md-6 " id="">
<div class="form-group input-text-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cdownPayment">
Down Payment (SAR)
<span class="reference-mark text-warning" id="rwyb____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<input class="field form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cdownPayment" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cdownPayment" placeholder="E.g.: 20,000" type="number" value="" maxlength="15">
</div>
</div>
<div class="col-md-6 " id="">
<div class="form-group input-text-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cCarPrice">
Car Price (SAR)
<span class="reference-mark text-warning" id="autt____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<input class="field form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cCarPrice" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cCarPrice" placeholder="E.g.: 100,000" type="number" value="" maxlength="15">
</div>
<div class="saudiCarMaxVal">
The maximum allowed car price is 500000 SAR
</div>
<div class="nonSaudiCarMaxVal">
The maximum allowed car price is 300000 SAR
</div>
</div>
</div>
<div class="row " id="">
<div class="col-md-6 " id="">
<div class="form-group input-select-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cFinancePeriod">
Finance Period (In months)
<span class="reference-mark text-warning" id="paqq____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<select class="form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cFinancePeriod" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cFinancePeriod" title="Select">
<option class="" value="">
Select
</option>
<option class="" value="12">
12
</option>
<option class="" value="24">
24
</option>
<option class="" value="36">
36
</option>
<option class="" value="48">
48
</option>
<option class="" value="60">
60
</option>
</select>
</div>
<script>
(function() {
var select = document.getElementById('_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cFinancePeriod');
if (select) {
}
})();
</script>
</div>
</div>
<hr>
<div class="button-holder carSbtRow d-flex align-items-center justify-content-end ">
<button class="btn btn btn-primary button_primary btn-primary" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_carLoanSubmitBtn" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_submit" type="submit">
<span class="lfr-btn-label">Calculate</span>
</button>
<a class="homepage-link" href="/personal-banking/car-loan/auto-leasing#car-loan-form" title="
Apply now
">
Apply now
</a>
</div>
</form>
<div class="carLoanResultDiv" id="complexCalculatorResult">
<div class="carLoanResultToShow global-columns-container">
<div class="cl_result_table">
<div class="detailed-column hf-monthly-installment">
<div class="monthly-container">
<div class="row no-gutters monthly-title-container">
<h4>MONTHLY INSTALLMENT</h4>
<i class="icon-info"></i>
</div>
<div class="row no-gutters monthly-sar-container">
<div class="headingSar-container input-box">
<h1 class="c-h-monthly-installment-val"></h1>
<h4>SAR </h4>
</div>
</div>
</div>
<div class="graybg-container">
<div class="infodisplay-container row hf-results-section" style="display: block;">
<div class="row no-gutters info-container">
<div>Loan amount</div>
<h4><span class="c-h-profit-added"></span> SAR</h4>
</div>
<div class="row no-gutters info-container">
<div>Total loan amount</div>
<h4><span class="c-h-total-loan-amount"></span> SAR</h4>
</div>
<div class="row no-gutters info-container">
<div>Profit amount</div>
<h4><span class="c-h-profit-amount"></span> SAR</h4>
</div>
<div class="row no-gutters info-container">
<div>Balloon payment</div>
<h4><span class="c-h-down-payment"></span> SAR</h4>
</div>
<div class="row no-gutters info-container">
<div>Advance payment</div>
<h4><span class="c-h-adnance-amount"></span> SAR</h4>
</div>
<div class="row no-gutters info-container">
<div>Admin fees</div>
<h4><span class="c-h-finance-to-val-ratio"></span> SAR</h4>
</div>
</div>
</div>
<div class="mt-5">
<div><span>*</span> All amounts are in SAR</div>
<div><span>*</span> Please note that these are simulated amounts and they represent an approximation and not the exact numbers and are subjected to change.<span class="printToCLPdf mt-1 d-inline mx-1"><a href="javascript:void(0)" title="Download PDF">Download PDF</a></span></div>
<div><span>*</span> Please note that 5% VAT is excluded from the calculations.</div>
</div>
</div>
</div>
</div>
</div>
<div class="carLoanResultHtml"></div>
<div id="carFinancePdfEditor"></div>
<div class="carLoanAgeLimit">
<div class="saudiMinAgeLimit">
Age must be greater than
</div>
<div class="saudiMaxAgeLimit">
Age must be less than
</div>
<div class="nonSaudiMinAgeLimit">
Age must be less than
</div>
<div class="nonSaudiMaxAgeLimit">
non-saudi-max-age-limit
</div>
</div>
</div>
</div>
<div class="tab-pane fade fc-home-section" id="nav-contact" role="tabpanel" aria-labelledby="nav-contact-tab">
<div>
<form action="javascript:void(0);" class="form " data-fm-namespace="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_financeTypeHomeFrom" method="post" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_financeTypeHomeFrom" autocomplete="off">
<input class="field form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_formDate" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_formDate" type="hidden" value="1728890686551">
<div class="homeLoanNoEligible mt-2">
Our apologies. With the provided information, you are not eligible for a personal loan
</div>
<h6 class="fcFormCommonClass mb-3 mt-5 text-left">
Financial
</h6>
<div class="row " id="">
<div class="col-md-6 " id="">
<div class="form-group input-text-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_hMonthlyIncome">
Monthly Income(SAR)
<span class="reference-mark text-warning" id="svpf____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<input class="field form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_hMonthlyIncome" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_hMonthlyIncome" placeholder="Eg. 10,000" type="number" value="" maxlength="15">
</div>
</div>
<div class="col-md-6 " id="">
<div class="form-group input-text-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_hCurentMonthlyObligations">
Monthly Obligations (SAR)
<span class="reference-mark text-warning" id="eijr____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<input class="field form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_hCurentMonthlyObligations" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_hCurentMonthlyObligations" placeholder="E.g.: 100,000" type="number" value="" maxlength="15">
</div>
</div>
<div class="col-md-6 " id="">
<div class="form-group input-select-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_hFinancePeriodInYears">
Finance Period (Years)
<span class="reference-mark text-warning" id="oqhz____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<select class="form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_hFinancePeriodInYears" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_hFinancePeriodInYears">
<option class="" value="">
Select
</option>
<option class="" value="5">
5
</option>
<option class="" value="6">
6
</option>
<option class="" value="7">
7
</option>
<option class="" value="8">
8
</option>
<option class="" value="9">
9
</option>
<option class="" value="10">
10
</option>
<option class="" value="11">
11
</option>
<option class="" value="12">
12
</option>
<option class="" value="13">
13
</option>
<option class="" value="14">
14
</option>
<option class="" value="15">
15
</option>
<option class="" value="16">
16
</option>
<option class="" value="17">
17
</option>
<option class="" value="18">
18
</option>
<option class="" value="19">
19
</option>
<option class="" value="20">
20
</option>
<option class="" value="21">
21
</option>
<option class="" value="22">
22
</option>
<option class="" value="23">
23
</option>
<option class="" value="24">
24
</option>
<option class="" value="25">
25
</option>
<option class="" value="26">
26
</option>
<option class="" value="27">
27
</option>
<option class="" value="28">
28
</option>
<option class="" value="29">
29
</option>
<option class="" value="30">
30
</option>
</select>
</div>
<script>
(function() {
var select = document.getElementById('_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_hFinancePeriodInYears');
if (select) {
}
})();
</script>
</div>
</div>
<h6 class="fcFormCommonClass mb-3 mt-5 text-left">
Property Details
</h6>
<div class="row " id="">
<div class="col-md-6 " id="">
<div class="form-group input-text-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_hPropertyvalue">
Property Value
<span class="reference-mark text-warning" id="eyyx____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<input class="field form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_hPropertyvalue" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_hPropertyvalue" placeholder="Property Value" type="number" value="">
</div>
</div>
<div class="col-md-6 " id="">
<div class="form-group input-select-wrapper">
<label class="control-label" for="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_hPropertyOptions">
Property Options
<span class="reference-mark text-warning" id="vjgy____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<select class="form-control" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_hPropertyOptions" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_hPropertyOptions">
<option class="" value="">
Select
</option>
<option class="" value="Pledge">
Pledge
</option>
<option class="" value="First Home Buyer">
First Home Buyer
</option>
<option class="" value="Second Home Buyer">
Second Home Buyer
</option>
</select>
</div>
<script>
(function() {
var select = document.getElementById('_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_hPropertyOptions');
if (select) {
}
})();
</script>
</div>
</div>
<hr>
<div class="button-holder homeSbtRow d-flex align-items-center justify-content-end">
<button class="btn btn btn-primary button_primary btn-primary" id="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_homeLoanSubmitBtn" name="_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_submit" type="submit">
<span class="lfr-btn-label">Calculate</span>
</button>
<a class="homepage-link" href="/personal-banking/home-loan/readymade-property-finance#home-loan-form" title="
Apply now
">
Apply now
</a>
</div>
</form>
<div class="homeLoanResultDiv" id="complexCalculatorResult">
<div class="homeLoanResultHtml global-columns-container">
<div class="hl_result_table">
<div class="detailed-column hf-monthly-installment">
<div class="monthly-container">
<div class="row no-gutters monthly-title-container">
<h4>MONTHLY INSTALLMENT</h4>
<i class="icon-info"></i>
</div>
<div class="row no-gutters monthly-sar-container">
<div class="headingSar-container input-box">
<h1 class="empty-hm-values h-h-monthly-installment-val"></h1>
<h4>SAR </h4>
</div>
</div>
</div>
<div class="graybg-container">
<div class="infodisplay-container row hf-results-section" style="display: block;">
<div class="row no-gutters info-container">
<div>Down Payment </div>
<h4><span class="empty-hm-values h-h-down-paymnent"></span> SAR</h4>
</div>
<div class="row no-gutters info-container">
<div>Total Eligible Amount </div>
<h4><span class="empty-hm-values h-h-total-eligible-amount"></span> SAR</h4>
</div>
<div class="row no-gutters info-container">
<div>Total Repay</div>
<h4><span class="empty-hm-values h-h-total-repay"></span> SAR</h4>
</div>
<div class="row no-gutters info-container">
<div>Profit added</div>
<h4><span class="empty-hm-values h-h-profit-added"></span> SAR</h4>
</div>
<div class="row no-gutters info-container">
<div>VAT (15%) </div>
<h4><span class="empty-hm-values h-h-vat"></span> SAR</h4>
</div>
<div class="row no-gutters info-container">
<div>Finance Period (in Years) </div>
<h4><span class="empty-hm-values h-h-finance-period-in-years"></span> Year</h4>
</div>
<div class="row no-gutters info-container">
<div>Admin fees</div>
<h4><span class="empty-hm-values h-h-admin-fee"></span> SAR</h4>
</div>
<div class="row no-gutters info-container">
<div>Loan To Value Ratio </div>
<h4><span class="empty-hm-values h-h-loan-to-value"></span></h4>
</div>
<div class="row no-gutters info-container">
<div>Annual Percentage Rate</div>
<h4><span class="empty-hm-values h-h-finance-apr"></span></h4>
</div>
</div>
</div>
<div class="mt-5">
<div><span>*</span> All amounts are in SAR</div>
<div><span>*</span> Please note that these are simulated amounts and they represent an approximation and not the exact numbers and are subjected to change.</div>
<div><span>*</span> Please note that 5% VAT is excluded from the calculations.</div>
</div>
</div>
</div>
</div>
</div>
<div id="homeFinancePdfEditor "></div>
<div class="noEligible"></div>
</div>
</div>
</div>
<input type="hidden" id="current_lang_id" value="en_US">
</div>
</div>
</div>
<script>
$(".validation-error").hide();
var age=0;
$(function () {
initHijrDatePicker();
$('.plBirthday').keypress(function(e) {
e.preventDefault();
});
});
$(document).ready(function(){
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_plBirthday").on('dp.change', function (arg) {
let date = arg.date;
var today = new Date();
var birthDate = new Date(date.format("YYYY/M/D"));
age = today.getFullYear()-birthDate.getFullYear();
});
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cDateOfBirth").on('dp.change', function (arg) {
let date = arg.date;
var today = new Date();
var birthDate = new Date(date.format("YYYY/M/D"));
age = today.getFullYear()-birthDate.getFullYear() ;
});
});
$('input[type=number]').keydown(function(e){
if ([69, 187, 188, 189, 190].includes(e.keyCode)) {
e.preventDefault();
}
});
$(function () {
initHijrDatePicker();
$('.cDateOfBirth').keypress(function(e) {
e.preventDefault();
});
});
function initHijrDatePicker() {
var languageIdV=themeDisplay.getLanguageId();
var isHijri = false;
var locale='en-us';
if(languageIdV == "ar_SA"){
isHijri = true;
locale="ar-SA";
}
else{
isHijri = false
locale="en-us";
}
$('.dob').hijriDatePicker({
format: "MM/DD/YYYY",
viewMode:"years",
hijri:isHijri,
showSwitcher: true,
debug: true,
locale:locale
});
}
var langId=$("#current_lang_id").val();
$('.pSectorSelect').prop( "disabled", true );
// When an option is changed, search the above for matching choices
$('.pNationSelect').on('change', function() {
// Set selected option as variable
var selectValue = $(this).val();
$('.pSectorSelect').css( "opacity", "1" );
$('.pSectorSelect').prop( "disabled", false );
$('.pSectorSelect').val($(".pSectorSelect option:first").val());
if(selectValue=="NonSaudi"){
$(".pSectorClass").hide();
}else if(selectValue=="Saudi"){
$(".pSectorClass").show();
}else if(selectValue==""){
$('.pSectorSelect').prop( "disabled", true );
$('.pSectorSelect').css( "opacity", "0.6" );
}
});
$('.cSectorSelect').prop( "disabled", true );
//When an option is changed, search the above for matching choices
$('.cNationSelect').on('change', function() {
// Set selected option as variable
var selectValue = $(this).val();
$('.cSectorSelect').css( "opacity", "1" );
$('.cSectorSelect').prop( "disabled", false );
$('.cSectorSelect').val($(".cSectorSelect option:first").val());
if(selectValue=="NonSaudi"){
$(".cSectorClass").hide();
}else if(selectValue=="Saudi"){
$(".cSectorClass").show();
}else if(selectValue==""){
$('.cSectorSelect').prop( "disabled", true );
$('.cSectorSelect').css( "opacity", "0.6" );
}
});
$('#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_plBirthday').keypress(function(event){
var value = event.key;
if (isLetter(value)) {
event.preventDefault();
}
});
$('#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cDateOfBirth').keypress(function(event){
var value = event.key;
if (isLetter(value)) {
event.preventDefault();
}
});
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_personalLoanSubmitBtn").click(function(){
AUI().use('aui-base','aui-io-request','liferay-form', function(A) {
$(".personalLoanResultDiv").hide();
var form = Liferay.Form.get('_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_financeTypePersonalForm');
form.formValidator.validate();
var plNationality=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pNationality").val();
var plMonthlyIncome=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pMonthlyIncome").val();
var plTypeOfSalary=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pTypeOfSalary").val();
var salaryValidator=true;
if(plTypeOfSalary=="Salary Transfer")
{
if(plNationality=="Saudi" && plMonthlyIncome<2500)
{
salaryValidator=false;
}else if(plNationality=="NonSaudi" && plMonthlyIncome<3000)
{
salaryValidator=false;
}
}else if(plTypeOfSalary=="Non Salary Transfer"){
if(plNationality=="Saudi" && plMonthlyIncome<4000)
{
salaryValidator=false;
}else if(plNationality=="NonSaudi" && plMonthlyIncome<4000)
{
salaryValidator=false;
}
}
if(!salaryValidator){
$(".plSalaryOutOfErr").show();
$([document.documentElement, document.body]).animate({
scrollTop: $(".plSalaryOutOfErr").offset().top
}, 2000);
}else if(salaryValidator){
$(".plSalaryOutOfErr").hide();
}
var today = new Date();
//var ageValidator=true;
var pSectorValidation=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pSector").val();
var ageValidator=false;
var date = A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_plBirthday").val();
$(".pl-date-error-18").hide();
$(".pl-date-error-70").hide();
$(".pl-date-error-60").hide();
$(".pl-date-error-52").hide();
$(".pl-date-error").hide();
if(date != "")
{
if(age < 18 )
{
$(".pl-date-error-18").show();
ageValidator=true;
}
if(pSectorValidation=="Private" || pSectorValidation=="Government")
{
if(age > 60){
$(".pl-date-error-60").show();
ageValidator=true;
scrollAnimations('.pl-date-error-60');
}
}else if(pSectorValidation=="MiltarySolder")
{
if(age > 52){
$(".pl-date-error-52").show();
ageValidator=false;
}
}else if(pSectorValidation=="Retaired")
{
if(age > 70){
$(".pl-date-error-70").show();
ageValidator=false;
}
}
}else{
$(".pl-date-error").show();
ageValidator=true;
}
if(!form.formValidator.hasErrors() && salaryValidator && !ageValidator) {
$(".personalNoEligible").hide();
var data = {};
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cmd']='personalLoan';
var currentLangId=$("#current_lang_id").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pNationality']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pNationality").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pSector']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pSector").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pMonthlyIncome']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pMonthlyIncome").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pTypeOfSalary']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pTypeOfSalary").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pCurentMonthlyObligations']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pCurentMonthlyObligations").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pFinancePeriodInMonths']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pFinancePeriodInMonths").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_plBirthday']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_plBirthday").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_currentLanguageId']=currentLangId;
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_currentDate']=today;
A.io.request('https://riyadbank.com/web/guest/personal-banking?p_p_id=com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_cacheability=cacheLevelPage', {
method: 'post',
data,
on: {
success: function() {
var data=this.get('responseData');
const obj = JSON.parse(data);
$(".validation-error").hide();
if(obj.status){
//$(".personalLoanResultHtml").html("");
$(".h-monthly-installment-val").text("");
$(".h-monthly-installment-val").text(obj.maxInstallMent)
$(".h-profit-added").text("")
$(".h-profit-added").text(obj.maxFinanceAmount)
$(".h-down-payment").text("")
$(".h-down-payment").text(obj.totalLeaseAmount)
$(".h-finance-to-val-ratio").text("")
$(".h-finance-to-val-ratio").text(obj.pFinancePeriodInMonths)
$(".personalLoanResultHtml").append(obj.personalLoanHtml);
$(".personalLoanResultHtml").show();
$(".printToPLPdf").show();
$(".personalLoanResultDiv").show();
$('.personalLoanResultDiv').each(function(){
var isThisVisible = $(this).is(':visible');
if(isThisVisible) {
var resultsTop = $(this).offset().top;
resultsTop-=250;
$('html, body').animate({
scrollTop: resultsTop
}, 1000);
return false;
}
})
$(".personalNoEligible").hide();
$(".printToPLPdf").click(function(){
var cntxtPath="/o/com.rb.finance.calculator.web";
$.when(
$.getScript(cntxtPath+'/js/pdfMake/pdfmake.min.js'),
$.getScript(cntxtPath+'/js/pdfMake/vfs_fonts.js'),
$.getScript(cntxtPath+'/js/generatePdfEN.js'),
$.getScript(cntxtPath+'/js/generatePdfAR.js'),
$.Deferred(function( deferred ){
$( deferred.resolve );
})
).done(function(){
console.log("done loading ");
if(currentLangId=="en_US"){
generatePdfPersonal(obj);
}else if(currentLangId=="ar_SA"){
var sectorVal=$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pSector").find(":selected").text();
obj.psectorValAr=sectorVal.replace(/\t?\n|\t/g,'');
var typeOfSalVal=$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pTypeOfSalary").find(":selected").text();
obj.typeOfSalValAr=typeOfSalVal.replace(/\t?\n|\t/g,'');
console.log("dynamically loading ");
generatePdfPersonalArabic(obj);
}
});
});
}
else if(!obj.status && obj.message == "validation-error"){
$(".validation-error").html(obj.value);
$(".validation-error").show();
}
else if(!obj.status && !obj.eligibility){
//$(".personalLoanResultHtml").html("");
$(".personalNoEligible").show();
$('.personalNoEligible').each(function(){
var isThisVisible = $(this).is(':visible');
if(isThisVisible) {
var resultsTop = $(this).offset().top;
resultsTop-=250;
$('html, body').animate({
scrollTop: resultsTop
}, 1000);
return false;
}
});
//$(".personalNoEligible").append("<b>Our apologies. With the provided information, you are not eligible for a personal loan </b>");
}
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_personalLoanSubmitBtn").prop( "disabled", false );
}//success
}//on
});//a.io
}//if
})//aui.use
setTimeout(function(){
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_personalLoanSubmitBtn").prop( "disabled", false );
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_personalLoanSubmitBtn").css( "opacity", "1" );
}, 1000); //Time before execution
});
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_carLoanSubmitBtn").click(function(){
AUI().use('aui-base','aui-io-request','liferay-form', function(A) {
$(".carLoanResultDiv").hide();
var form = Liferay.Form.get('_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_financeTypeCarForm');
form.formValidator.validate();
var commonValidator=true;
var cNationality=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cNationality").val();
var ageValidator=false;
var date = A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cDateOfBirth").val();
if(date != ""){
$(".cl-date-error").hide();
$(".cl-date-error-21").hide();
$(".cl-date-error-22").hide();
if(cNationality=="Saudi" && age < 21 )
{
$(".cl-date-error-21").show();
ageValidator=true;
}else if(cNationality=="NonSaudi" && age < 22 )
{
$(".cl-date-error-22").show();
ageValidator=true;
}
if(age>60){
}//else
}else{
$(".cl-date-error").show();
ageValidator=true;
}
var cCurrentDate = new Date();
var carPrice=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cCarPrice").val();
var carPriceValidator=true;
var typeOfSalary=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cTypeOfSalary").val();
$(".saudiCarMaxVal").hide();
$(".nonSaudiCarMaxVal").hide();
if(cNationality=="Saudi" && carPrice > 500000)
{
$(".saudiCarMaxVal").show();
carPriceValidator=false;
}else if(cNationality=="NonSaudi" && carPrice > 300000){
$(".nonSaudiCarMaxVal").show();
carPriceValidator=false;
}
$(".carSalaryOutOfProgram").hide();
var cLMonthlyIncome=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cMonthlyIncome").val();
if(cLMonthlyIncome>0 && cLMonthlyIncome<5000){
$(".carSalaryOutOfProgram").show();
$('.carSalaryOutOfProgram').each(function(){
var isThisVisible = $(this).is(':visible');
if(isThisVisible) {
var resultsTop = $(this).offset().top;
resultsTop-=250;
$('html, body').animate({
scrollTop: resultsTop
}, 1000);
return false;
}
})
commonValidator=false;
}
if(typeOfSalary=="Salary Transfer" && cLMonthlyIncome>0 && cLMonthlyIncome<5000){
$(".carSalaryOutOfProgram").show();
$('.carSalaryOutOfProgram').each(function(){
var isThisVisible = $(this).is(':visible');
if(isThisVisible) {
var resultsTop = $(this).offset().top;
resultsTop-=250;
$('html, body').animate({
scrollTop: resultsTop
}, 1000);
return false;
}
})
commonValidator=false;
}
if(typeOfSalary=="Non Salary Transfer" && cLMonthlyIncome>0 && cLMonthlyIncome<7500){
$(".carSalaryOutOfProgram").show();
$('.carSalaryOutOfProgram').each(function(){
var isThisVisible = $(this).is(':visible');
if(isThisVisible) {
var resultsTop = $(this).offset().top;
resultsTop-=250;
$('html, body').animate({
scrollTop: resultsTop
}, 1000);
return false;
}
})
commonValidator=false;
}
$(".carNoEligible").hide();
if(!form.formValidator.hasErrors() && carPriceValidator && commonValidator && !ageValidator) {
var data = {};
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cmd']='carLoan';
var currentLangId=$("#current_lang_id").val();
//data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cCustomerName']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_clCustomerName").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cNationality']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cNationality").val();
//data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cMobile']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cMobile").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cDateOfBirth']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cDateOfBirth").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cSector']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cSector").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cMonthlyIncome']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cMonthlyIncome").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cTypeOfSalary']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cTypeOfSalary").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cdownPayment']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cdownPayment").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cCarPrice']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cCarPrice").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cFinancePeriod']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cFinancePeriod").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_currentDate']=cCurrentDate;
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_currentLanguageId']=currentLangId;
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_userAge']=age;
A.io.request('https://riyadbank.com/web/guest/personal-banking?p_p_id=com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_cacheability=cacheLevelPage', {
method: 'post',
data,
on: {
success: function() {
var data=this.get('responseData');
const obj = JSON.parse(data);
$(".validation-error").hide();
if(obj.status){
$(".carLoanResultHtml").html("");
$(".carLoanResultHtml").append(obj.carLoanHtml);
// $(".carLoanResultToShow").html("");
$(".c-h-monthly-installment-val").text("");
$(".c-h-monthly-installment-val").text(obj.monthinstallment);
$(".c-h-profit-added").text("");
$(".c-h-profit-added").text(obj.loanAmount);
$(".c-h-total-loan-amount").text("");
$(".c-h-total-loan-amount").text(obj.totalLoanamount);
$(".c-h-profit-amount").text("");
$(".c-h-profit-amount").text(obj.profitAmount);
$(".c-h-down-payment").text("");
$(".c-h-down-payment").text(obj.balloonPayment);
$(".c-h-adnance-amount").text("");
$(".c-h-adnance-amount").text(obj.downPayment);
$(".c-h-finance-to-val-ratio").text("");
$(".c-h-finance-to-val-ratio").text(obj.adminfee);
//$(".carLoanResultToShow").append(obj.carLoanHtml);
$(".carLoanResultToShow").show();
$(".carLoanDetails").hide();
$(".printToCLPdf").show();
$(".carLoanResultDiv").show();
$('.carLoanResultDiv').each(function(){
var isThisVisible = $(this).is(':visible');
if(isThisVisible) {
var resultsTop = $(this).offset().top;
resultsTop-=250;
$('html, body').animate({
scrollTop: resultsTop
}, 1000);
return false;
}
})
$(".carLoanResultHtml").children(".cl_result_table").remove();
$(".printToCLPdf").click(function(){
var cntxtPath="/o/com.rb.finance.calculator.web";
$.when(
$.getScript(cntxtPath+'/js/pdfMake/pdfmake.min.js'),
$.getScript(cntxtPath+'/js/pdfMake/vfs_fonts.js'),
$.getScript(cntxtPath+'/js/generatePdfEN.js'),
$.getScript(cntxtPath+'/js/generatePdfAR.js'),
$.Deferred(function( deferred ){
$( deferred.resolve );
})
).done(function(){
//place your code here, the scripts are all loaded
if(currentLangId=="en_US"){
generatePdfCar(obj);
}else if(currentLangId=="ar_SA"){
var cNationalityAr=$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cNationality").find(":selected").text();
obj.cNationalityAr=cNationalityAr.replace(/\t?\n|\t/g,'');
var cSectorAr=$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cSector").find(":selected").text();
obj.cSectorAr=cSectorAr.replace(/\t?\n|\t/g,'');
var cTypeOfSalaryAr=$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cTypeOfSalary").find(":selected").text();
obj.cTypeOfSalaryAr=cTypeOfSalaryAr.replace(/\t?\n|\t/g,'');
generatePdfCarArabic(obj);
}
});
});
}
else if(!obj.status && obj.message == "validation-error"){
$(".validation-error").html(obj.value);
$(".validation-error").show();
}
else if(!obj.status && !obj.eligibility){
$(".carLoanResultHtml").html("");
$(".carNoEligible").show();
// $([document.documentElement, document.body]).animate({
// scrollTop: $(".carNoEligible").offset().top
// }, 2000);
$('.carNoEligible').each(function(){
var isThisVisible = $(this).is(':visible');
if(isThisVisible) {
var resultsTop = $(this).offset().top;
resultsTop-=250;
$('html, body').animate({
scrollTop: resultsTop
}, 1000);
return false;
}
});
}else if(!obj.status && !obj.ageLimit){
$(".carLoanResultHtml").html("");
$(".carLoanAgeLimit").html("");
if(obj.nationality=="Saudi" && obj.saudiMinAgeLimit==false)
{
$(".saudiMinAgeLimit").show();
$(".saudiMinAgeLimit").append(obj.saudiMinAge);
}else if(obj.nationality=="Saudi" && obj.saudiMaxAgeLimit==false)
{
$(".saudiMaxAgeLimit").show();
$(".saudiMaxAgeLimit").append(obj.saudiMaxAge);
}
if(obj.nationality=="NonSaudi" && obj.nonSaudiMinAgeLimit==false)
{
$(".nonSaudiMinAgeLimit").show();
$(".nonSaudiMinAgeLimit").append(obj.nonSaudiMinAge);
}else if(obj.nationality=="NonSaudi" && obj.nonSaudiMaxAgeLimit==false)
{
$(".nonSaudiMaxAgeLimit").show();
$(".nonSaudiMaxAgeLimit").append(obj.nonSaudiMaxAge);
}
}
}//success
}//on
});//a.io
} //if
})//aui.use
setTimeout(function(){
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_carLoanSubmitBtn").prop( "disabled", false );
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_carLoanSubmitBtn").css( "opacity", "1" );
}, 1000); //Time before execution
});
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_homeLoanSubmitBtn").click(function(){
AUI().use('aui-base','aui-io-request','liferay-form', function(A) {
$(".homeLoanNoEligible").hide();
var form = Liferay.Form.get('_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_financeTypeHomeFrom');
form.formValidator.validate();
if(!form.formValidator.hasErrors()) {
var data = {};
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cmd']='homeLoan';
var currentLangId=$("#current_lang_id").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_hMonthlyIncome']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_hMonthlyIncome").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_hCurentMonthlyObligations']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_hCurentMonthlyObligations").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_hFinancePeriodInYears']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_hFinancePeriodInYears").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_hPropertyvalue']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_hPropertyvalue").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_hPropertyOptions']=A.one("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_hPropertyOptions").val();
data['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_currentLanguageId']=currentLangId;
A.io.request('https://riyadbank.com/web/guest/personal-banking?p_p_id=com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_cacheability=cacheLevelPage', {
method: 'post',
data,
on: {
success: function() {
var data=this.get('responseData');
const obj = JSON.parse(data);
$(".validation-error").hide();
if(obj.status){
//$(".homeLoanResultHtml").html("");
$(".empty-hm-values").text("");
$(".h-h-monthly-installment-val").text(obj.monthlyInstallment)
$(".h-h-profit-added").text(obj.profitAdded)
$(".h-h-total-eligible-amount").text(obj.finanaceValue)
$(".h-h-total-repay").text(obj.totalLoanRepay)
$(".h-h-down-paymnent").text(obj.downPayment)
$(".h-h-vat").text(obj.vat)
$(".h-h-finance-period-in-years").text(obj.hFinancePeriodInYears)
$(".h-h-admin-fee").text(obj.adminFees)
$(".h-h-loan-to-value").text(obj.ltv)
$(".h-h-finance-apr").text(obj.apr)
//$(".homeLoanResultHtml").append(obj.homeLoanHtml);
$('.homeLoanResultDiv').show();
$(".homeLoanResultHtml").attr("style","display:block !important");
$('.homeLoanResultDiv').each(function(){
var isThisVisible = $(this).is(':visible');
if(isThisVisible) {
var resultsTop = $(this).offset().top;
resultsTop-=250;
$('html, body').animate({
scrollTop: resultsTop
}, 1000);
return false;
}
})
}
else if(!obj.status && obj.message == "validation-error"){
$(".validation-error").html(obj.value);
$(".validation-error").show();
}
else if(!obj.status && !obj.eligibility){
$(".homeLoanResultHtml").hide();
$(".homeLoanNoEligible").show();
$('.homeLoanNoEligible').each(function(){
var isThisVisible = $(this).is(':visible');
if(isThisVisible) {
var resultsTop = $(this).offset().top;
resultsTop-=250;
$('html, body').animate({
scrollTop: resultsTop
}, 1000);
return false;
}
});
}
}//success
}//on
});//a.io
} //if
})//aui.use
setTimeout(function(){
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_homeLoanSubmitBtn").prop( "disabled", false );
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_homeLoanSubmitBtn").css( "opacity", "1" );
}, 1000); //Time before execution
});
function isLetter(str) {
return str.length === 1 && str.match(/[a-z ]/i);
}
function sendLoadMasking(){
AUI().use('aui-loading-mask-deprecated',
(A) => {
var resultsContainer = A.one('.send-enquiry');
resultsContainer.plug(A.LoadingMask).loadingmask.show();
})
}
function sendRemoveLoadMask(){
AUI().use('aui-loading-mask-deprecated',
(A) => {
var resultsContainer = A.one('.send-enquiry');
resultsContainer.plug(A.LoadingMask).loadingmask.hide();
})
}
$(document).ready(function(){
$(".personalSbtRow").hover(function(){
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_personalLoanSubmitBtn").prop( "disabled", false );
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_personalLoanSubmitBtn").css( "opacity", "1" );
});
$(".carSbtRow").hover(function(){
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_carLoanSubmitBtn").prop( "disabled", false );
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_carLoanSubmitBtn").css( "opacity", "1" );
});
$(".homeSbtRow").hover(function(){
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_homeLoanSubmitBtn").prop( "disabled", false );
$("#_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_homeLoanSubmitBtn").css( "opacity", "1" );
});
let currentUrl = window.location.href;
if(currentUrl.includes("l=personal")){
showPersonalTab();
}else if(currentUrl.includes("l=car")){
showCarTab();
}else if(currentUrl.includes("l=mortgage")){
showHomeTab();
}
function showPersonalTab(){
$(".fc-personal-tab").trigger('click');
$(".fc-personal-section").addClass("show");
$(".fc-personal-section").addClass("active");
$(".fc-car-section").removeClass("show");
$(".fc-car-section").removeClass("active");
$(".fc-home-section").removeClass("show");
$(".fc-home-section").removeClass("active");
}
function showCarTab(){
$(".fc-car-tab").trigger('click');
$(".fc-car-section").addClass("show");
$(".fc-car-section").addClass("active");
$(".fc-personal-section").removeClass("show");
$(".fc-personal-section").removeClass("active");
$(".fc-home-section").removeClass("show");
$(".fc-home-section").removeClass("active");
}
function showHomeTab(){
$(".fc-home-tab").trigger('click');
$(".fc-home-section").addClass("show");
$(".fc-home-section").addClass("active");
$(".fc-personal-section").removeClass("show");
$(".fc-personal-section").removeClass("active");
$(".fc-car-section").removeClass("show");
$(".fc-car-section").removeClass("active");
}
$(".silver-banking #tab2").click(function(){
showSBPersonalTab(".silver-banking");
});
$(".silver-banking #tab3").click(function(){
showSBCarTab(".silver-banking");
});
$(".silver-banking #tab4").click(function(){
showSBHomeTab(".silver-banking");
});
$(".golden-banking #tab2").click(function(){
showSBPersonalTab(".golden-banking");
});
$(".golden-banking #tab3").click(function(){
showSBCarTab(".golden-banking");
});
$(".golden-banking #tab4").click(function(){
showSBHomeTab(".golden-banking");
});
$(".diamond-banking #tab2").click(function(){
showSBPersonalTab(".diamond-banking");
});
$(".diamond-banking #tab3").click(function(){
showSBCarTab(".diamond-banking");
});
$(".diamond-banking #tab4").click(function(){
showSBHomeTab(".diamond-banking");
});
$("#navigationBarCollapse ul li a#tab2").click(function(){
showSBPersonalTab(".tab-panel #tabPanel2");
});
$("#navigationBarCollapse ul li a#tab3").click(function(){
showSBCarTab(".tab-panel #tabPanel3");
});
$("#navigationBarCollapse ul li a#tab4").click(function(){
showSBHomeTab(".tab-panel #tabPanel4");
});
function showSBPersonalTab(tabName){
var tabClassName=tabName;
$(tabClassName+" .finance-calculator-tabs").hide();
$(tabClassName+" .fc-personal-section").addClass("show");
$(tabClassName+" .fc-personal-section").addClass("active");
$(tabClassName+" .fc-car-section").removeClass("show");
$(tabClassName+" .fc-car-section").removeClass("active");
$(tabClassName+" .fc-home-section").removeClass("show");
$(tabClassName+" .fc-home-section").removeClass("active");
}
function showSBCarTab(tabName){
var tabClassName=tabName;
$(tabClassName+" .finance-calculator-tabs").hide();
$(tabClassName+" .fc-car-section").addClass("show");
$(tabClassName+" .fc-car-section").addClass("active");
$(tabClassName+" .fc-personal-section").removeClass("show");
$(tabClassName+" .fc-personal-section").removeClass("active");
$(tabClassName+" .fc-home-section").removeClass("show");
$(tabClassName+" .fc-home-section").removeClass("active");
}
function showSBHomeTab(tabName){
var tabClassName=tabName;
$(tabClassName+" .finance-calculator-tabs").hide();
$(tabClassName+" .fc-home-section").addClass("show");
$(tabClassName+" .fc-home-section").addClass("active");
$(tabClassName+" .fc-personal-section").removeClass("show");
$(tabClassName+" .fc-personal-section").removeClass("active");
$(tabClassName+" .fc-car-section").removeClass("show");
$(tabClassName+" .fc-car-section").removeClass("active");
}
});
var url = window.location.href;
</script>
<style>
.homeLoanResultHtml{
display:none !important;
}
</style>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
</div>
<div class="col col-lg-6 col-sm-12 col-12 col-md-6">
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-10 pb-lg-4 pl-lg-7 pr-lg-7 pt-lg-4 mt-sm-0 mt-2 pr-md-7 pb-md-4 pt-md-4 pl-md-7 mt-md-10" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-18308-pqky">
<div class="image-container flex-start">
<img alt="Responsive Image" class="w-100" data-lfr-editable-id="image-square" data-lfr-editable-type="image" src="/documents/20121/0/Mortgage+%2B+green-01.svg/7569e96e-8a1b-b16e-27ed-8e32775ee913?t=1674038452285&download=true">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div aria-labelledby="tab5" class="tab-panel-item d-none" data-fragment-namespace="bzta" id="tabPanel5" role="tabpanel" tabindex="0">
<div>
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;overflow: hidden;">
<div class="row align-items-lg-start align-items-sm-start align-items-start align-items-md-start flex-lg-row flex-sm-row flex-row flex-md-row">
<div class="col col-lg-3 col-sm-12 col-12 col-md-12">
</div>
<div class="col col-lg-3 col-sm-12 col-12 col-md-12">
</div>
<div class="col col-lg-3 col-sm-12 col-12 col-md-12">
</div>
<div class="col col-lg-3 col-sm-12 col-12 col-md-12">
</div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-center" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-20104-tfig"> <div class="clearfix rb-component-paragraph component-paragraph text-break " data-lfr-editable-id="element-text" data-lfr-editable-type="rich-text"><a href="/personal-banking/debit-card-promotions/fashion" title="See All ">See All </a></div></div><style>.ltr .en-d-none {display:none;}
.rtl .ar-d-none {display:none;}
.rtl .has-edit-mode-menu .ar-d-none, .ltr .has-edit-mode-menu .en-d-none {display:block}</style>
</div>
</div>
</div>
</div>
</div>
</div></div><script>(function() {var configuration = {"numberOfTabs":5}; var fragmentElement = document.querySelector('#fragment-22904-bzta'); var fragmentNamespace = 'bzta';const dropdown = fragmentElement.querySelector('.navbar-collapse');
const dropdownButton = fragmentElement.querySelector('.navbar-toggler-link');
const editMode = document.body.classList.contains('has-edit-mode-menu');
const tabItems = [].slice.call(
fragmentElement.querySelectorAll(
'[data-fragment-namespace="' + fragmentNamespace + '"].nav-link'
)
);
const tabPanelItems = [].slice.call(
fragmentElement.querySelectorAll(
'[data-fragment-namespace="' + fragmentNamespace + '"].tab-panel-item'
)
);
function activeTab(item) {
tabItems.forEach(function (tabItem) {
tabItem.setAttribute('aria-selected', false);
tabItem.classList.remove('active');
});
item.setAttribute('aria-selected', true);
item.classList.add('active');
}
function activeTabPanel(item) {
tabPanelItems.forEach(function (tabPanelItem) {
if (!tabPanelItem.classList.contains('d-none')) {
tabPanelItem.classList.add('d-none');
}
});
item.classList.remove('d-none');
}
function handleDropdown(event, item) {
event.preventDefault();
dropdown.classList.toggle('show');
const ariaExpanded = dropdownButton.getAttribute('aria-expanded');
dropdownButton.setAttribute(
'aria-expanded',
ariaExpanded === 'false' ? true : false
);
if (item) {
handleDropdownButtonName(item);
}
}
function handleDropdownButtonName(item) {
const tabText =
item.querySelector('lfr-editable') ||
item.querySelector('.navbar-text-truncate');
if (tabText) {
dropdownButton.querySelector('.navbar-text-truncate').innerHTML =
tabText.textContent;
}
}
function openTabPanel(event, i) {
const currentTarget = event.currentTarget;
const target = event.target;
const isEditable =
target.hasAttribute('data-lfr-editable-id') ||
target.hasAttribute('contenteditable');
const dropdownIsOpen = JSON.parse(
dropdownButton.getAttribute('aria-expanded')
);
if (!isEditable || !editMode) {
if (dropdownIsOpen) {
handleDropdown(event, currentTarget);
}
currentTarget.focus();
activeTab(currentTarget, i);
activeTabPanel(tabPanelItems[i]);
this.tabIndex = i;
}
}
function main() {
const initialState = !this.tabIndex || this.tabIndex >= tabItems.length;
let tabItemSelected = tabItems[0];
if (initialState) {
tabItems.forEach(function (item, i) {
if (!i) {
activeTab(item);
}
item.addEventListener('click', function (event) {
openTabPanel(event, i);
});
});
tabPanelItems.forEach(function (item, i) {
if (!i) {
activeTabPanel(item);
}
});
}
else {
tabItemSelected = tabItems[this.tabIndex];
tabItems.forEach(function (item, i) {
activeTab(tabItems[this.tabIndex]);
item.addEventListener('click', function (event) {
openTabPanel(event, i);
});
});
tabPanelItems.forEach(function () {
activeTabPanel(tabPanelItems[this.tabIndex]);
});
}
dropdownButton.addEventListener('click', function (event) {
handleDropdown(event);
});
handleDropdownButtonName(tabItemSelected);
}
main();
$('.component-tabs .button_tabs .nav-link').each(function(){
if($(this).text().trim() == ""){
$(this).css({"pointer-events":"none"});
}
});
main();;}());</script>
</div>
</div>
</div>
<div class=" bg-secondaryColor mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-5 text-center pt-sm-5 pt-5 pt-md-5" style="box-sizing: border-box;background-color: var(--secondary);border-style: solid; border-width: 0px;opacity: 1.0;">
<div class=" container mb-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-center" style="box-sizing: border-box;border-style: solid; border-width: 0px;max-width: 60%;opacity: 1.0;">
<div class="">
<div class=" mb-lg-3 ml-lg-0 mr-lg-0 mt-lg-4 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-3 mt-sm-4 mb-3 mt-4 mb-md-3 mt-md-4" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-17902-vltr"> <h3 class="component-heading text-break white" data-lfr-editable-id="element-text" data-lfr-editable-type="text">IBAN Generator</h3></div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-53202-thci"> <div class="gen-iban-text" id="Section1">
<div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-whitecolor" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;color: var(--white);">
<div id="fragment-20104-bobe"> <div class="clearfix rb-component-paragraph component-paragraph text-break " data-lfr-editable-id="element-text" data-lfr-editable-type="rich-text">Is a tool that generates the IBAN based on the account number you input.<br>
A wrong account number will generate an incorrect IBAN.</div></div>
</div>
</div>
</div>
</div>
<div class="validate-iban-text" id="Section2" style="display:none">
<div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-whitecolor" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;color: var(--white);">
<div id="fragment-20104-ustp"> <div class="clearfix rb-component-paragraph component-paragraph text-break " data-lfr-editable-id="element-text" data-lfr-editable-type="rich-text">Is a tool that validates the IBAN based on the IBAN number you input.<br>
Enter your IBAN number and we will show your account number and bank name to confirm.</div></div>
</div>
</div>
</div>
</div></div><script>(function() {var configuration = {}; var fragmentElement = document.querySelector('#fragment-53202-thci'); var fragmentNamespace = 'thci';$(document).ready(function(){
$("#_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_tabs110310111010111497116101451059897110TabsId").click(function(){
$(".gen-iban-text").show();
$(".validate-iban-text").hide();
});
$("#_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_tabs11189710810510097116101451059897110TabsId").click(function(){
$(".validate-iban-text").show();
$(".gen-iban-text").hide();
});
});}());</script>
</div>
</div>
</div>
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-0-pqpb">
<div class="portlet-boundary portlet-boundary_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_ portlet-static portlet-static-end portlet-barebone " id="p_p_id_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_">
<span id="p_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb"></span>
<section class="portlet" id="portlet_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb">
<div class="portlet-content">
<div class="autofit-float autofit-row portlet-header">
<div class="autofit-col autofit-col-expand">
<h2 class="portlet-title-text">IBAN Generator</h2>
</div>
<div class="autofit-col autofit-col-end">
<div class="autofit-section">
</div>
</div>
</div>
<div class=" portlet-content-container">
<div class="portlet-body">
<script src="/o/com.rb.iban.generator.web/js/qrcode.min.js"></script>
<style>
/* .generated-iban, .emailSentSuccesMSg, .validationDetails, .qrCodeEmailSuccessMsg{
color:#fff;
} */
.bank-dropdown li {
background-color: white;
}
.iban-number-mandatory-field label:after {
content: " *";
color: #b95000 !important;
font-weight: bold;
}
#saudiBanksSelectId, .ibanAcctNumberErrMsg {
display: none;
}
.ibanAcctNumberErrMsg {
color: white;
}
.saudiBanksDefaultSpan {
cursor: pointer;
border-radius: 3px 3px 0 0;
border-color: #747678;
border: 1px solid #acadae;
padding: 6px 16px;
}
.bank-dropdown li:hover {
background-color: #007bff !important;
color: white;
}
.bank-dropdown {
height: 174px;
border-radius: 6px;
max-width: 100%;
width: 340px;
background-color: white !important;
}
.saudi-error-div {
color: #dc3545;
font-size: 0.875rem;
margin-top: 5px;
}
.bank-dropdown li span, .bank-dropdown li img {
padding: 7px;
}
.saudi-banks .saudiBanksDefaultSpan span {
padding: 10px;
}
#calculators_iban_calculator .lower-side .inputs-and-buttons .saudi-banks.dropdowns_text_without_border_and_label
{
width: 340px !important;
}
#calculators_iban_calculator .lower-side .inputs-and-buttons {
margin-bottom: 20px !important;
}
#calculators_iban_calculator .validation {
padding-bottom: 50px;
}
.validation .validateIbanCls {
margin-top: 26px;
}
.saudi-banks.dropdowns_text_without_border_and_label .btn-secondary {
color: var(- -secondary) !important;
}
.rtl #calculators_iban_calculator .button_tabs ul {
background-color: #230871;
}
.rtl #calculators_iban_calculator .lower-side .inputs-and-buttons .icon-chevron-right:before
{
margin-top: 30px;
transform: rotate(180deg);
color: var(- -primary);
}
.rtl #calculators_iban_calculator .lower-side .inputs-and-buttons .button_primary
{
margin-top: 25px;
}
.rtl .saudi-banks.dropdowns_text_without_border_and_label .btn-secondary
{
background-color: var(- -white) !important;
color: var(- -secondary) !important;
text-align: right;
background-position: left 12px top 50%;
}
.rtl #calculators_iban_calculator .inputs-and-buttons .dropdowns_text_without_border_and_label
{
padding-top: 4px;
}
#calculators_iban_calculator .lower-side .e-link-form .email .form-group .field
{
height: 47px !important;
}
@media only screen and (max-width: 767px) {
.iban-space {
margin-top: 15px;
}
#calculators_iban_calculator .lower-side .inputs-and-buttons .icon-chevron-right:before
{
margin-top: 15px;
}
.rtl #calculators_iban_calculator .lower-side .inputs-and-buttons .icon-chevron-right:before
{
margin-top: 25px;
}
.rtl #calculators_iban_calculator .inputs-and-buttons .button_link {
margin-left: 0px;
}
.rtl #generate-qr-code .qrDiv .generate-options .content .icon-chevron-right:before
{
vertical-align: middle;
}
.rtl .email-space {
margin-top: 15px;
}
@media only screen and (max-width: 576px) {
#calculators_iban_calculator .lower-side .inputs-and-buttons .icon-chevron-right:before
{
margin-top: 0px !important;
}
}
}
</style>
<div id="calculators_iban_calculator" class="iban-main">
<div class="upper-side">
<div class="tabs">
<div class="button_tabs">
<input name="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_tabs1TabsScroll" type="hidden">
<ul class="lfr-nav mb-3 mb-lg-4 nav nav-underline " data-tabs-namespace="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_tabs1">
<li class="nav-item" data-tab-name="generate-iban" id="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_tabs110310111010111497116101451059897110TabsId">
<a class="nav-link active" href="javascript:Liferay.Portal.Tabs.show('_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_tabs1', ['\u0067\u0065\u006e\u0065\u0072\u0061\u0074\u0065\u002d\u0069\u0062\u0061\u006e','\u0076\u0061\u006c\u0069\u0064\u0061\u0074\u0065\u002d\u0069\u0062\u0061\u006e'], '\u0067\u0065\u006e\u0065\u0072\u0061\u0074\u0065\u002d\u0069\u0062\u0061\u006e');" onclick="" title="
Generate IBAN
">
Generate IBAN
</a>
</li>
<li class="nav-item" data-tab-name="validate-iban" id="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_tabs11189710810510097116101451059897110TabsId">
<a class="nav-link" href="javascript:Liferay.Portal.Tabs.show('_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_tabs1', ['\u0067\u0065\u006e\u0065\u0072\u0061\u0074\u0065\u002d\u0069\u0062\u0061\u006e','\u0076\u0061\u006c\u0069\u0064\u0061\u0074\u0065\u002d\u0069\u0062\u0061\u006e'], '\u0076\u0061\u006c\u0069\u0064\u0061\u0074\u0065\u002d\u0069\u0062\u0061\u006e');" onclick="" title="
Validate IBAN
">
Validate IBAN
</a>
</li>
</ul>
<div class="" id="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_tabs110310111010111497116101451059897110TabsSection">
<form action="javascript:void(0);" class="form ibanGeneratorForm " data-fm-namespace="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_" id="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_ibanForm" method="post" name="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_ibanForm" autocomplete="off">
<input class="field form-control" id="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_formDate" name="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_formDate" type="hidden" value="1728890686564">
<div class="col-12 lower-side pb-0 text-left">
<div class="container">
<div class="flex-box">
<div class="radios custom-radios">
<div class="inputs_radiobutton">
<div class="radio">
<label for="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_riyad-bank-radiobtn" class="checkedlabel">
<input checked="" class="field bank checkedlabel riyadBankRB" id="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_riyad-bank-radiobtn" name="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_bank" type="radio" value="riyad-bank">
Riyad Bank
</label>
</div>
</div>
<div class="inputs_radiobutton">
<div class="radio">
<label for="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_saudi-banks-radiobtn">
<input class="field bank saudiBankRB" id="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_saudi-banks-radiobtn" name="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_bank" type="radio" value="saudi-banks">
Saudi Banks
</label>
</div>
</div>
<div class="inputs_radiobutton">
<div class="radio">
<label for="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_intnl-banks-radiobtn">
<input class="field bank internationalRB" id="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_intnl-banks-radiobtn" name="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_bank" type="radio" value="international-banks">
International Banks
</label>
</div>
</div>
</div>
<div class="inputs-and-buttons">
<div class="riyad-bank inputs_negative_filled generate-iban-inputs">
<div class="iban-number-mandatory-field has-error">
<div class="form-group input-text-wrapper">
<label class="control-label" for="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_AccountNum">
Account Number
</label>
<input class="field accountNum ibanAccountNumber form-control" id="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_AccountNum" name="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_AccountNum" placeholder="e.g. 123456789" type="number" value="" onkeydown="return event.keyCode !== 69">
</div>
<div class="form-validator-stack help-block non-eeu-captcha-error">
<div class="ibanAcctNumberErrMsg help-block position-absolute">
Your account number is not valid
</div>
</div>
</div>
</div>
<div class="banks-select saudi-banks dropdown dropdowns_text_without_border_and_label dropdown">
<span class="saudiBanksDefaultSpan btn btn-secondary dropdown-toggle pt-2">Choose a Bank</span>
<ul class="dropdown-menu bank-dropdown" name="saudibanks" label="" id="saudiBanksSelectId">
<li value="" class="dropdown-item banks-default-li"><span>Choose a Bank</span></li>
</ul>
</div>
<div class="banks-select international-banks dropdown dropdowns_text_without_border_and_label">
<div class="form-group input-select-wrapper">
<select class="form-control" id="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_internationalBanksSelectId" name="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_internationalbanks" title="internationalbanks">
<option class="" value="">
Choose a Bank
</option>
<optgroup label="Lebanon" class="lebanon"></optgroup>
<optgroup label="Pakistan" class="pakistan"></optgroup>
<optgroup label="United Arab Emirates" class="uae"></optgroup>
<optgroup label="United Kingdom" class="unitedkingdom"></optgroup>
</select>
</div>
<script>
(function() {
var select = document.getElementById('_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_internationalBanksSelectId');
if (select) {
}
})();
</script>
</div>
<button class="btn button_primary_link button_primary mt-3 btn-secondary" id="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_ibangeneratesbmt" name="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_submit" onclick="generatIban()" type="button">
<span class="lfr-btn-label">Generate IBAN</span>
</button>
<button class="btn button_link button-margin-clear generate-iban-clear btn-secondary" id="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_clearAccountNumberId" name="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_clear" type="button">
<span class="lfr-btn-label">Clear</span>
</button>
<i class="icon-chevron-right"></i>
</div>
<div class="ibanActionsDiv generated-iban-and-icons text-left">
<div class="generated-iban-display d-md-flex">
<div class="col-md-7 col-xs-12 px-0">
<div class="accountNumberDisplay"></div>
<input type="hidden" id="iban-num">
</div>
<div class="col-md-2 col-xs-12 px-0">
<i class="icon-copy-doc"></i> <a class="" data-toggle="pill" href="javascript:void(0);" id="copy-iban" onclick="copyIBAN()" title=" Copy
"> Copy
</a> <span id="custom-tooltip">
</span></div>
<div class="col-md-4 col-xs-12 px-0 iban-space">
<i class="icon-share"></i> <a class="" data-toggle="pill" href="javascript:void(0);" onclick="generateQRCode()" title="
Generate QR Code
">
Generate QR Code
</a>
</div>
<div class="tab-content iban-space">
<div id="email-iban" class="tab-pane fade">
<input class="field form-control" id="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_formDate" name="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_formDate" type="hidden" value="1728890686564">
<div class="form-group input-text-wrapper">
<label class="control-label" for="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_nameIban">
your-name
<span class="reference-mark text-warning" id="saav____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<input class="field form-control" id="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_nameIban" name="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_nameIban" type="text" value="">
</div>
<div class="form-group input-text-wrapper">
<label class="control-label" for="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_emailIban">
Email
<span class="reference-mark text-warning" id="gwec____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<input class="field form-control" id="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_emailIban" name="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_emailIban" type="email" value="">
</div>
<button class="btn btn-primary" id="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_sendEmailWithIbanInfo" name="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_Send Email" type="submit">
<span class="lfr-btn-label">Send Email</span>
</button>
<script type="text/javascript">
// <![CDATA[
AUI().use('liferay-form', function(A) {(function() {var $ = AUI.$;var _ = AUI._;
Liferay.Form.register(
{
id: '_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_fm'
, fieldRules: [
{
body: '',
custom: false,
errorMessage: '\u004e\u0061\u006d\u0065\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_nameIban',
validatorName: 'required'
}
,
{
body: function isEmail(email) {
var regex = /^[a-zA-Z0-9+_.-]+[a-zA-Z0-9+_.-]*@[\w.-]+\.[a-zA-Z]{2,4}$/;
return regex.test(email);
},
custom: true,
errorMessage: '\u0045\u006e\u0074\u0065\u0072\u0020\u0076\u0061\u006c\u0069\u0064\u0020\u0065\u006d\u0061\u0069\u006c\u0020\u0061\u0064\u0064\u0072\u0065\u0073\u0073',
fieldName: '_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_emailIban',
validatorName: 'emailIban_custom'
}
,
{
body: '',
custom: false,
errorMessage: '\u0045\u006d\u0061\u0069\u006c\u0020\u0069\u0064\u0020\u0069\u0073\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_emailIban',
validatorName: 'required'
}
]
, validateOnBlur: true
}
);
var onDestroyPortlet = function(event) {
if (event.portletId === 'com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb') {
delete Liferay.Form._INSTANCES['_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_fm'];
}
};
Liferay.on('destroyPortlet', onDestroyPortlet);
Liferay.fire(
'_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_formReady',
{
formName: '_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_fm'
}
);
})();});
// ]]>
</script>
<div class="emailSentSuccesMSg"></div>
</div>
</div>
</div>
<div id="generate-qr-code">
<div class="qrDiv">
<div id="qrcode"></div>
<!-- <img src="" id="qr-code"></img> -->
<div class="generate-options py-2 row no-gutters justify-content-start">
<div class="content col-md-4 col-xs-6">
<a href="javascript:void(0)" id="emailQrCode" title=" Email QR Code
"> Email QR Code <i class="icon-chevron-right"></i>
</a>
</div>
<div class="content col-md-4 col-xs-6 email-space">
<a href="javascript:void(0)" id="downloadQrCode" title=" Download QR Code
"> Download QR Code <i class="icon-chevron-right"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div></form>
<script type="text/javascript">
// <![CDATA[
AUI().use('liferay-form', function(A) {(function() {var $ = AUI.$;var _ = AUI._;
Liferay.Form.register(
{
id: '_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_ibanForm'
, fieldRules: [
{
body: function iban1(account) {
var regex = /^(.)\1{1,}$/;
if(account=="123456789" || regex.test(account))
return false;
else
return true;
},
custom: true,
errorMessage: '\u0059\u006f\u0075\u0072\u0020\u0061\u0063\u0063\u006f\u0075\u006e\u0074\u0020\u006e\u0075\u006d\u0062\u0065\u0072\u0020\u0069\u0073\u0020\u006e\u006f\u0074\u0020\u0076\u0061\u006c\u0069\u0064',
fieldName: '_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_AccountNum',
validatorName: 'AccountNum_custom'
}
]
, validateOnBlur: true
}
);
var onDestroyPortlet = function(event) {
if (event.portletId === 'com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb') {
delete Liferay.Form._INSTANCES['_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_ibanForm'];
}
};
Liferay.on('destroyPortlet', onDestroyPortlet);
Liferay.fire(
'_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_formReady',
{
formName: '_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_ibanForm'
}
);
})();});
// ]]>
</script>
<div class="col-12 lower-side py-0 text-left">
<div class="container pb-5">
<div class="flex-box">
<div class="e-link-form">
<div class="email sendQrInEmailDiv">
<form action="javascript:void(0);" class="form " data-fm-namespace="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_" id="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_ibanQrCodeForm" method="post" name="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_ibanQrCodeForm" autocomplete="off">
<input class="field form-control" id="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_formDate" name="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_formDate" type="hidden" value="1728890686565">
<div class="row">
<div class="col-md-4 col-xs-12">
<div class="form-group input-text-wrapper">
<label class="control-label" for="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_nameQRCode">
Name
<span class="reference-mark text-warning" id="zzre____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<input class="field form-control" id="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_nameQRCode" name="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_nameQRCode" type="text" value="">
</div>
</div>
<div class="col-md-4 col-xs-12">
<div class="form-group input-text-wrapper">
<label class="control-label" for="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_emailQRCode">
Email
<span class="reference-mark text-warning" id="zplf____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-asterisk" focusable="false"><use href="https://riyadbank.com/o/rb-theme/images/clay/icons.svg#asterisk"></use></svg></span>
<span class="hide-accessible">Required</span>
</label>
<input class="field form-control" id="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_emailQRCode" name="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_emailQRCode" type="email" value="">
</div>
</div>
<div class="col-md-4 col-xs-12">
<script src="https://www.google.com/recaptcha/api.js?hl=en" type="text/javascript"></script>
<div class="g-recaptcha" data-sitekey="6LeN9FMoAAAAAEBb194-rQLjhLZOb6bJfeJkuu4V"><div style="width: 304px; height: 78px;"><div><iframe title="reCAPTCHA" width="304" height="78" role="presentation" name="a-g2z8hg3qyyf" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6LeN9FMoAAAAAEBb194-rQLjhLZOb6bJfeJkuu4V&co=aHR0cHM6Ly9yaXlhZGJhbmsuY29tOjQ0Mw..&hl=en&v=aR-zv8WjtWx4lAw-tRCA-zca&size=normal&cb=we4ub6ihvwsc"></iframe></div><textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea></div></div>
<noscript>
<div style="height: 525px; width: 302px;">
<div style="height: 525px; position: relative; width: 302px;">
<div style="height: 525px; position: absolute; width: 302px;">
<iframe frameborder="0" scrolling="no" src="https://www.google.com/recaptcha/api/fallback?k=6LeN9FMoAAAAAEBb194-rQLjhLZOb6bJfeJkuu4V" style="border-style: none; height: 525px; width: 302px;"></iframe>
</div>
<div style="background: #F9F9F9; border: 1px solid #C1C1C1; border-radius: 3px; bottom: 25px; height: 60px; left: 0; margin: 0; padding: 0; position: absolute; right: 25px; width: 300px;">
<textarea class="g-recaptcha-response" id="g-recaptcha-response" name="g-recaptcha-response" style="border: 1px solid #C1C1C1; height: 40px; margin: 10px 25px; padding: 0; resize: none; width: 250px;"></textarea>
</div>
</div>
</div>
</noscript>
<div class="recaptcha hide" id="recaptcha-block">
<div class="form-validator-stack help-block type-five-captcha-error">
<div role="alert" class="required">
Verification code is Required
</div>
</div>
</div>
</div>
<div class="col-md-4 col-xs-12">
<button class="btn btn button_primary mt-4 btn-primary" id="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_sendEmailWithQRCode" name="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_send-email" type="submit">
<span class="lfr-btn-label">Send Email</span>
</button>
</div>
</div>
</form>
<script type="text/javascript">
// <![CDATA[
AUI().use('liferay-form', function(A) {(function() {var $ = AUI.$;var _ = AUI._;
Liferay.Form.register(
{
id: '_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_ibanQrCodeForm'
, fieldRules: [
{
body: '',
custom: false,
errorMessage: '\u004e\u0061\u006d\u0065\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_nameQRCode',
validatorName: 'required'
}
,
{
body: function isEmail(email) {
var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
return regex.test(email);
},
custom: true,
errorMessage: '\u0049\u006e\u0076\u0061\u006c\u0069\u0064\u0020\u0045\u006d\u0061\u0069\u006c\u0020\u0069\u0064',
fieldName: '_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_emailQRCode',
validatorName: 'emailQRCode_custom'
}
,
{
body: '',
custom: false,
errorMessage: '\u0045\u006d\u0061\u0069\u006c\u0020\u0069\u0064\u0020\u0069\u0073\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_emailQRCode',
validatorName: 'required'
}
]
, validateOnBlur: true
}
);
var onDestroyPortlet = function(event) {
if (event.portletId === 'com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb') {
delete Liferay.Form._INSTANCES['_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_ibanQrCodeForm'];
}
};
Liferay.on('destroyPortlet', onDestroyPortlet);
Liferay.fire(
'_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_formReady',
{
formName: '_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_ibanQrCodeForm'
}
);
})();});
// ]]>
</script>
</div>
</div>
<div class="qrCodeEmailSuccessMsg">
Email sent to
<p class="qrCodeEmailErrorMsg"></p>
</div>
</div>
</div>
</div>
</div>
<div class="hide" id="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_tabs11189710810510097116101451059897110TabsSection">
<form action="javascript:void(0);" class="form validateIbanForm " data-fm-namespace="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_" id="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_validateIbanForm" method="post" name="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_validateIbanForm" autocomplete="off">
<input class="field form-control" id="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_formDate" name="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_formDate" type="hidden" value="1728890686565">
<div class="col-12 lower-side pb-0">
<div class="container validation">
<div class="flex-box">
<div class="row col-12 inputs-and-buttons" id="">
<div class="riyad-bank inputs_negative_filled validate-iban-inputs">
<div class="form-group input-text-wrapper">
<label class="control-label" for="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_ibanNumberValidate">
IBAN Number
</label>
<input class="field form-control" id="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_ibanNumberValidate" name="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_ibanNumberValidate" placeholder="e.g.: SA2720000000000000001212" type="text" value="">
</div>
</div>
<button class="btn btn button_primary validateIbanCls mt-4 btn-secondary" id="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_submit" name="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_submit" onclick="validateIbanNumber()" type="button">
<span class="lfr-btn-label">Validate IBAN</span>
</button>
<button class="btn button_link button-margin-clear btn-secondary" id="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_clearIbanId" name="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_clear" type="reset">
<span class="lfr-btn-label">Clear</span>
</button>
<i class="icon-chevron-right"></i>
</div>
<div class="validationDetails"></div>
</div>
</div>
</div>
</form>
<script type="text/javascript">
// <![CDATA[
AUI().use('liferay-form', function(A) {(function() {var $ = AUI.$;var _ = AUI._;
Liferay.Form.register(
{
id: '_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_validateIbanForm'
, fieldRules: [
]
, validateOnBlur: true
}
);
var onDestroyPortlet = function(event) {
if (event.portletId === 'com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb') {
delete Liferay.Form._INSTANCES['_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_validateIbanForm'];
}
};
Liferay.on('destroyPortlet', onDestroyPortlet);
Liferay.fire(
'_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_formReady',
{
formName: '_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_validateIbanForm'
}
);
})();});
// ]]>
</script>
</div>
<script type="text/javascript">
// <![CDATA[
Liferay.Portal.Tabs.show('_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_tabs1', ['\u0067\u0065\u006e\u0065\u0072\u0061\u0074\u0065\u002d\u0069\u0062\u0061\u006e','\u0076\u0061\u006c\u0069\u0064\u0061\u0074\u0065\u002d\u0069\u0062\u0061\u006e'], '\u0067\u0065\u006e\u0065\u0072\u0061\u0074\u0065\u002d\u0069\u0062\u0061\u006e');
// ]]>
</script>
</div>
</div>
</div>
<input type="hidden" id="current_lang_id" value="en_US">
</div>
<script>
var selectedBank;
var sortArray = function (items, inverse) {
var inverse = inverse || false;
var sortedArray = items.map(function () {
return {
id: $(this).data("bankname"),
element: $(this)[0].outerHTML
};
});
var appendTo = items.parent();
items.remove();
sortedArray.sort(function (a, b) {
if((typeof a.id !== "undefined") && (typeof b.id !== "undefined")){
return a.id.toLowerCase() > b.id.toLowerCase() ? (inverse ? -1 : 1) : (inverse ? 1 : -1);
}
});
sortedArray.each(function () {
$(appendTo).append(this.element);
});
}
AUI().use('aui-base', function(A){
var saudiBanks="";
var internationalbanks="";
$('.saudibanks option[value="'+saudiBanks+'"]').attr('selected','selected');
$('.internationalbanks option[value="'+internationalbanks+'"]').attr('selected','selected');
})
var saudiSelectedObj;
var internationalSelectedObj;
$("#_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_saudiBanksSelectId").change(function(){
/* var element = $(this).find('option:selected');
var nlength = $('option:selected', this).attr("data-nlength");
var checkcode = $('option:selected', this).attr("data-checkcode");
var countrycode = $('option:selected', this).attr("data-countrycode");
$('#setMyTag').val(myTag);
data['_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_nlength']=nlength;
data['_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_checkcode']=checkcode;
data['_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_countrycode']=countrycode; */
saudiSelectedObj=this;
});
$("#_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_internationalBanksSelectId").change(function(){
internationalSelectedObj=this;
});
$('#emailQrCode').click(function(){
$('.e-link-form').show();
$(".qrCodeEmailSuccessMsg").hide();
});
$(".saudiBanksDefaultSpan").click(function(){
$('#saudiBanksSelectId').toggle();
});
$(".ibanAccountNumber").prop('checked', true);
$(".ibanAccountNumber").keypress(function(e){
var ibanNumber = $(".ibanAccountNumber").val();
var checkCode = $(".saudiBanksDefaultSpan").attr("data-checkcode");
if ( ibanNumber.length >= 16) {
e.preventDefault();
return false;
}
/* if ( $(".saudiBankRB").is(":checked") && ibanNumber.length >= 16) {
e.preventDefault();
return false;
}
if ( $(".internationalRB").is(":checked") && ibanNumber.length >= 16) {
e.preventDefault();
return false;
} */
});
var languageId=$("#current_lang_id").val();
if(languageId=="ar_SA"){
var lebanon="lebanon";
var pakistan="pakistan";
var uae="unite-arab-emirates";
var uk="unite-kingdom";
$(".lebanon").attr('label',"Lebanon");
$(".pakistan").attr('label',"Pakistan");
$(".uae").attr('label',"United Arab Emirates");
$(".unitedkingdom").attr('label',"United Kingdom");
}
$('.bank').click(function() {
var saudiOptionsLength = $('#saudiBanksSelectId li').length;
var intlOptionsLength = $('#_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_internationalBanksSelectId > option').length;
var langId=$("#current_lang_id").val();
if(langId=="en_US"){
if($(this).val()=="saudi-banks" && saudiOptionsLength == 1){
getEnSaudiBanks();
}else if($(this).val()=="international-banks" && intlOptionsLength == 1){
getEnInternationalBanks();
}
}else if(langId=="ar_SA"){
if($(this).val()=="saudi-banks" && saudiOptionsLength == 1){
getArSaudiBanks();
}else if($(this).val()=="international-banks" && intlOptionsLength == 1){
getArInternationalBanks();
}
}
if($(this).val()=="saudi-banks"){
$('.banks-select').hide();
$('.saudi-banks').show();
}else if($(this).val()=="international-banks"){
$('.banks-select').hide();
$('.international-banks').show();
$("#_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_internationalBanksSelectId").prop("selectedIndex", 0);
}
selectedBank = $(this).val();
});
if($('input[name="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_bank"]:checked').val()=="saudi-banks"){
$('.banks-select').show();
$('.international-banks').hide();
$('.saudi-banks').show();
}
if($('input[name="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_bank"]:checked').val()=="international-banks"){
$('.banks-select').show();
$('.international-banks').show();
$('.saudi-banks').hide();
}
var bankType="";
AUI().use('aui-base','aui-io-request','liferay-form', function(A){
$('.bank').click(function(){
A.all(".banks-select").setStyle('display', 'none');
A.one("."+this.value).setStyle('display', 'block');
bankType= A.one('input[name="_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_bank"]:checked').val();
})
});
var ibanNumberForQr;
var selectedBankName;
function generatIban(){
AUI().use('aui-base','aui-io-request','liferay-form', function(A){
var form = Liferay.Form.get('_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_ibanForm');
var oldFieldRules = form.get('fieldRules');
var saudiBanksRules = [
{
fieldName: '_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_AccountNum',
validatorName: 'required',
errorMessage: 'Account number is required',
}
]
var intnlBanksRules = [
{
fieldName: '_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_internationalbanks',
validatorName: 'required',
errorMessage: 'Please select your bank',
},
{
fieldName: '_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_AccountNum',
validatorName: 'required',
errorMessage: 'Account number is required',
}
]
$(".qrCodeEmailSuccessMsg").hide();
$(".e-link-form").hide();
$(".saudi-error-div").remove();
console.log($('#_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_saudi-banks-radiobtn').is(':checked'))
if(selectedBank === 'saudi-banks') {
var bankNameAttr=$(".saudiBanksDefaultSpan").attr("data-bankname");
if(bankNameAttr=="" || bankNameAttr==="undefined" || bankNameAttr===undefined){
$(".saudiBanksDefaultSpan").after("<div class='saudi-error-div'>Please select your bank</div>");
}else{
$(".saudiBanksDefaultSpan").after("");
}
var fieldRules = oldFieldRules.concat(saudiBanksRules);
form.set('fieldRules', fieldRules);
$("#_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_internationalBanksSelectId").prop("selectedIndex", 1);
}else if(selectedBank === 'international-banks') {
var fieldRules = oldFieldRules.concat(intnlBanksRules);
form.set('fieldRules', fieldRules);
}else{
var fieldRules = oldFieldRules.concat(saudiBanksRules);
form.set('fieldRules', fieldRules);
$("#_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_internationalBanksSelectId").prop("selectedIndex", 1);
}
console.log(selectedBank);
$(".ibanActionsDiv").hide();
form.formValidator.validate();
var customValidator=true;
if(bankType == "saudi-banks"){
var bankName = $(".saudiBanksDefaultSpan").attr("data-bankname");
if(bankName=="" || bankName==null || bankName=="undefined"){
customValidator=false;
}
}
$(".ibanAcctNumberErrMsg").hide();
var ibanNumber = $(".ibanAccountNumber").val();
console.log($(".riyadBankRB").is(":checked") && ibanNumber.length > 13)
if ( $(".riyadBankRB").is(":checked") && ibanNumber.length > 13) {
customValidator=false;
$(".ibanAcctNumberErrMsg").show();
}
if(!form.formValidator.hasErrors() && customValidator) {
var data = {};
data['_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_cmd']='generateIban';
if(bankType == "saudi-banks"){
//var numberLength = $('option:selected', saudiSelectedObj).attr("data-nlength");
//var checkCode = $('option:selected', saudiSelectedObj).attr("data-checkcode");
//var countryCode = $('option:selected', saudiSelectedObj).attr("data-countrycode");
var numberLength = $(".saudiBanksDefaultSpan").attr("data-nlength");
var checkCode = $(".saudiBanksDefaultSpan").attr("data-checkcode");
var countryCode = $(".saudiBanksDefaultSpan").attr("data-countrycode");
data['_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_checkCode']=checkCode;
data['_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_countryCode']=countryCode;
data['_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_numberLength']=numberLength;
//selectedBankName=$('option:selected', saudiSelectedObj).text();
selectedBankName=$(".saudiBanksDefaultSpan").attr("data-bankname");
}else if(bankType == "international-banks"){
var element = $("#_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_internationalBanksSelectId").find('option:selected');
console.log(element);
var numberLength = $(element, internationalSelectedObj).attr("data-nlength");
var checkCode = $(element, internationalSelectedObj).attr("data-checkcode");
var countryCode = $(element, internationalSelectedObj).attr("data-countrycode");
data['_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_checkCode']=checkCode;
data['_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_countryCode']=countryCode;
data['_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_numberLength']=numberLength;
console.log("checkCode : "+checkCode);
console.log("countryCode : "+countryCode);
console.log("numberLength : "+numberLength);
selectedBankName=$(element, internationalSelectedObj).text();
//selectedBankName=$('option:selected', internationalSelectedObj).attr("data-bankname");
}else{
data['_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_countryCode']='SA';
data['_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_numberLength']='16';
data['_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_checkCode']='2000';
}
data['_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_accountNumber']=A.one("#_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_AccountNum").val();
console.log("selectedBankName "+selectedBankName);
A.io.request('https://riyadbank.com/web/guest/personal-banking?p_p_id=com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_cacheability=cacheLevelPage', {
method: 'post',
data,
on: {
success: function() {
var data=this.get('responseData');
data = JSON.parse(data);
if(data.status="true")
{
$(".ibanActionsDiv").show();
$(".accountNumberDisplay").html("<p clas='generated-iban'>Your iBAN is: "+data.ibanNumber+"</p>");
ibanNumberForQr=data.ibanNumber;
$("#iban-num").val(data.ibanNumber);
resetQrCodeAndMail();
}
}//success
}//on
});//a.io
}//if validator
});
setTimeout(function(){
$("#_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_ibangeneratesbmt").prop( "disabled", false );
$("#_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_ibangeneratesbmt").css("opacity", "1");
}, 1000); //Time before execution
}//generatIban
function resetQrCodeAndMail(){
$("#generate-qr-code").hide();
$(".e-link-form").hide();
$("#qr-code").attr("src","");
$("#qrcode canvas").remove();
$("#qrcode img").remove();
$("#_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_nameQRCode").val("");
$("#_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_emailQRCode").val("");
$(".toEmailEpan").text("");
$(".qrCodeEmailSuccessMsg").hide();
grecaptcha.reset();
}
function copyIBAN(){
AUI().use('aui-base', function(A){
var text = document.getElementById("iban-num").value;
var elem = document.createElement("textarea");
document.body.appendChild(elem);
elem.value = text;
elem.select();
document.getElementById("custom-tooltip").style.display = "inline";
document.execCommand("copy");
document.body.removeChild(elem);
setTimeout( function() {
document.getElementById("custom-tooltip").style.display = "none";
}, 1000);
});
}
$('.generate-iban-clear').click(function(){
//$('#_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_AccountNumhelper').hide();
setTimeout(function(){
$('#_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_AccountNumhelper').hide();
}, 300);
$(".saudi-error-div").remove();
$('.saudiBanksDefaultSpan').html("");
$('.saudiBanksDefaultSpan').html("<span>" +$(".banks-default-li").text()+"</span>");
$(".ibanActionsDiv").hide();
$(".e-link-form").hide();
$("#qrcode canvas").remove();
$("#qrcode img").remove();
$(".qrCodeEmailSuccessMsg").hide();
$(".ibanAcctNumberErrMsg").hide();
$(".ibanAccountNumber ").val('');
$("#_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_internationalBanksSelectId").prop("selectedIndex", 0);
});
function validateIbanNumber()
{
AUI().use('aui-base','aui-io-request','liferay-form', function(A){
var form = Liferay.Form.get('_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_validateIbanForm');
var oldFieldRules = form.get('fieldRules');
var saudiBanksRules = [
{
fieldName: '_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_ibanNumberValidate',
validatorName: 'required',
errorMessage: 'Account number is required',
}
]
var fieldRules = oldFieldRules.concat(saudiBanksRules);
form.set('fieldRules', fieldRules);
form.formValidator.validate();
if(!form.formValidator.hasErrors()) {
var data = {};
data['_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_cmd']='validateIban';
data['_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_ibanNumber']=A.one("#_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_ibanNumberValidate").val();
data['_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_languageId']=languageId;
A.io.request('https://riyadbank.com/web/guest/personal-banking?p_p_id=com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_cacheability=cacheLevelPage', {
method: 'post',
data,
on: {
success: function() {
var data=this.get('responseData');
data = JSON.parse(data);
if(data.status==true)
{
var accountNumber=data.accountNumber;
$(".validationDetails").addClass('success_validation');
$(".validationDetails").addClass('text-left');
$(".validationDetails").html("<h2>Your IBAN is correct</h2>"+
"<h2>The account number is "+data.accountNumber+"</h2>"+
"<h2>Your bank is "+data.bankName+"</h2>");
}else{
$(".validationDetails").html("<h2>Your IBAN is incorrect</h2>");
$(".validationDetails").removeClass('success_validation');
}
setTimeout(function(){
$(".validateIbanCls").prop( "disabled", false );
$(".validateIbanCls").css( "opacity", "1" );
}, 1000); //Time before execution
}//success
}//on
});//a.io
}
});
}
function generateQRCode() {
$("#qrcode canvas").remove();
$("#qrcode img").remove();
$("#qr-code").show();
//$("#qr-code-div").show(); //Prnaik
var accountNumber;
var ibanNumber;
AUI().use('aui-base','aui-io-request','liferay-form', function(A){
accountNumber=A.one("#_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_AccountNum").val();
ibanNumber = $("#iban-num").val();
$("#email-iban").hide();
});
//var qrCodeUrl="https://api.qrserver.com/v1/create-qr-code/?size=200x200&data="+ibanNumber;
const qrcode = document.getElementById("qrcode");
var qr = new QRCode(qrcode);
qr.makeCode(ibanNumber);
//$("#qr-code").attr("src",qrCodeUrl);
$("#generate-qr-code").show();
/*$('#downloadQrCode').click(function(){
downloadImage(qrCodeUrl);
}); */
$('#downloadQrCode').click(function(){
downloadImageNew();
});
$("#_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_sendEmailWithQRCode").removeAttr('disabled');
$("#_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_sendEmailWithQRCode").css("opacity", "unset");
}
async function downloadImageNew() {
//const image = await fetch(imageSrc)
//const imageBlog = await image.blob()
const imageURL = $("#qrcode img").attr("src");
const link = document.createElement('a')
link.href = imageURL
link.download = 'qrcodelogo'
document.body.appendChild(link)
link.click()
document.body.removeChild(link)
}
// Download QR code
async function downloadImage(imageSrc) {
const image = await fetch(imageSrc)
const imageBlog = await image.blob()
const imageURL = URL.createObjectURL(imageBlog)
const link = document.createElement('a')
link.href = imageURL
link.download = 'qrcodelogo'
document.body.appendChild(link)
link.click()
document.body.removeChild(link)
}
$(".showEmailFormAnchor").click(function(){
$("#email-iban").show();
});
$("#_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_clearIbanId").click(function(){
$(".validationDetails").html("");
});
//Send email with iban details
$("#_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_sendEmailWithIbanInfo").click(function(){
AUI().use('aui-base','aui-io-request','liferay-form', function(A){
var data = {};
data['_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_cmd']='sendEmailIbanDetails';
data['_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_name']=A.one("#_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_nameIban").val();
data['_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_email']=A.one("#_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_emailIban").val();
data['_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_iban']=ibanNumberForQr;
var email=A.one("#_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_emailIban").val();
A.io.request('https://riyadbank.com/web/guest/personal-banking?p_p_id=com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_cacheability=cacheLevelPage', {
method: 'post',
data,
on: {
success: function() {
var data=this.get('responseData');
data = JSON.parse(data);
if(data.status==true)
{
var accountNumber=data.accountNumber;
$(".emailSentSuccesMSg").html("<p>Email sent to "+email+"</p>");
}else{
$(".emailSentSuccesMSg").html("<h2>There is a problem in sending email</h2>");
}
}//success
}//on
});//a.io
});
});
//Send email with QRCode details
$("#_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_sendEmailWithQRCode").click(function () {
AUI().use('aui-base', 'aui-io-request', 'liferay-form', function (A) {
if (grecaptcha && grecaptcha.getResponse().length !== 0) {
var form = Liferay.Form.get('_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_ibanQrCodeForm');
form.formValidator.validate();
if (!form.formValidator.hasErrors()) {
var data = {};
var captchaResponse = grecaptcha.getResponse();
data['_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_g-recaptcha-response'] = captchaResponse;
data['_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_cmd'] = 'sendEmailQRCode';
//var qrCodeUrl = "https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=" + ibanNumberForQr;
data['_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_name'] = A.one("#_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_nameQRCode").val();
data['_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_email'] = A.one("#_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_emailQRCode").val();
data['_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_qrCodeUrl'] = $("#qrcode img").attr("src");
var toEmail = A.one("#_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_emailQRCode").val();
data['_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_bankName'] = selectedBankName;
var email = A.one("#_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_emailIban").val();
A.io.request('https://riyadbank.com/web/guest/personal-banking?p_p_id=com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_cacheability=cacheLevelPage', {
method: 'post',
data,
on: {
success: function () {
grecaptcha.reset();
var data = this.get('responseData');
data = JSON.parse(data);
if (data.status == true) {
var accountNumber = data.accountNumber;
$(".e-link-form").hide();
$(".qrCodeEmailSuccessMsg").show();
$(".toEmailEpan").remove();
$(".qrCodeEmailSuccessMsg").append("<span class='toEmailEpan'>" + toEmail + "</span>");
} else {
$(".qrCodeEmailSuccessMsg").show();
$(".qrCodeEmailErrorMsg").html("<p>There is a problem in sending email</p>");
}
}, failure: function (xhr, textStatus, err) {
grecaptcha.reset();
}
}//on
});//a.io
}
} else {
A.one('#recaptcha-block').show();
}
}); // AUI()
setTimeout(function () {
$("#_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_sendEmailWithQRCode").prop("disabled", false);
$("#_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_sendEmailWithQRCode").css("opacity", "1");
$("#recaptcha-block").hide();
}, 1000);
setTimeout(function () {
$("#recaptcha-block").hide();
}, 2000);
});
//To get all saudi banks in en
function getEnSaudiBanks(){
AUI().use('aui-io-request', function(A){
sendLoadMasking();
var data = {};
data['_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_cmd']='enSaudiBanks';
A.io.request('https://riyadbank.com/web/guest/personal-banking?p_p_id=com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_cacheability=cacheLevelPage', {
method: 'post',
data,
on: {
success: function() {
sendRemoveLoadMask()
var data=this.get('responseData');
const obj = JSON.parse(data);
if(obj.status){
//saudiBanksSelectId
var banksArray=obj.banks;
$(banksArray).each(function (index, item) {
// each iteration
var name = item.name;
var numberlength = item.numberlength;
var checkcode = item.checkcode;
var contrycode = item.contrycode;
prepareOptionsForSaudiBanks(name,numberlength,checkcode,contrycode);
});
//clearFields();
}
}//success
}//on
});//a.io
})//aui.use
}
//To get all international banks in en
function getEnInternationalBanks(){
AUI().use('aui-io-request', function(A){
sendLoadMasking();
var data = {};
data['_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_cmd']='enInternationalBanks';
A.io.request('https://riyadbank.com/web/guest/personal-banking?p_p_id=com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_cacheability=cacheLevelPage', {
method: 'post',
data,
on: {
success: function() {
sendRemoveLoadMask()
var data=this.get('responseData');
const obj = JSON.parse(data);
if(obj.status){
//saudiBanksSelectId
var banksArray=obj.banks;
$(".lebanon").html("");
$(".pakistan").html("");
$(".uae").html("");
$(".unitedkingdom").html("");
$(banksArray).each(function (index, item) {
// each iteration
var name = item.name;
var numberlength = item.numberlength;
var checkcode = item.checkcode;
var contrycode = item.contrycode;
prepareOptionsForIntnlBanks(name,numberlength,checkcode,contrycode);
});
//clearFields();
}
}//success
}//on
});//a.io
})//aui.use
}
//To get all saudi banks in arabic
function getArSaudiBanks(){
AUI().use('aui-io-request', function(A){
sendLoadMasking();
var data = {};
data['_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_cmd']='arSaudiBanks';
A.io.request('https://riyadbank.com/web/guest/personal-banking?p_p_id=com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_cacheability=cacheLevelPage', {
method: 'post',
data,
on: {
success: function() {
sendRemoveLoadMask()
var data=this.get('responseData');
const obj = JSON.parse(data);
if(obj.status){
//saudiBanksSelectId
var banksArray=obj.banks;
$(banksArray).each(function (index, item) {
// each iteration
var name = item.name;
var numberlength = item.numberlength;
var checkcode = item.checkcode;
var contrycode = item.contrycode;
prepareOptionsForSaudiBanks(name,numberlength,checkcode,contrycode);
});
//clearFields();
}
}//success
}//on
});//a.io
})//aui.use
}
//To get all international banks in arabic
function getArInternationalBanks(){
AUI().use('aui-io-request', function(A){
sendLoadMasking();
var data = {};
data['_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_cmd']='arInternationalBanks';
A.io.request('https://riyadbank.com/web/guest/personal-banking?p_p_id=com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_cacheability=cacheLevelPage', {
method: 'post',
data,
on: {
success: function() {
sendRemoveLoadMask()
var data=this.get('responseData');
const obj = JSON.parse(data);
if(obj.status){
//saudiBanksSelectId
var banksArray=obj.banks;
$(".lebanon").html("");
$(".pakistan").html("");
$(".uae").html("");
$(".unitedkingdom").html("");
$(banksArray).each(function (index, item) {
// each iteration
var name = item.name;
var numberlength = item.numberlength;
var checkcode = item.checkcode;
var contrycode = item.contrycode;
prepareOptionsForIntnlBanks(name,numberlength,checkcode,contrycode);
});
//clearFields();
}
}//success
}//on
});//a.io
})//aui.use
}
function prepareOptionsForSaudiBanks(name,numberlength,checkcode,contrycode)
{
if(checkcode!="2000"){
var className="saudibank"+checkcode;
var element = $('<li class='+className+'>'+name+'</li>');
var className="saudiBankLi";
element.attr("data-nlength", numberlength);
element.attr("data-checkcode", checkcode);
element.attr("data-countrycode", contrycode);
var imagePath="/o/com.rb.iban.generator.web";
imagePath=imagePath+"/images/"+checkcode+".png";
var dataBankName=name.replaceAll(' ','');
$("#saudiBanksSelectId").append("<li class="+className+" data-bankname="+dataBankName+" data-nlength="+numberlength+" data-checkcode="+checkcode+" data-countrycode="+contrycode+"><img src="+imagePath+" ><span>" +name+"</span></li>");
var langId=$("#current_lang_id").val();
if(langId=="en_US"){
sortArray($("#saudiBanksSelectId").find("li"));
}
$("#saudiBanksSelectId li").click(function(){
$('.saudiBanksDefaultSpan').attr("data-bankname","");
var bankName=$(this).attr("data-bankname");
var nlength=$(this).attr("data-nlength");
var checkcode=$(this).attr("data-checkcode");
var countrycode=$(this).attr("data-countrycode");
var imagePath="/o/com.rb.iban.generator.web";
imagePath=imagePath+"/images/"+checkcode+".png";
$('.saudiBanksDefaultSpan').html("");
$('.saudiBanksDefaultSpan').html("<img src="+imagePath+"><span>" +$(this).text()+"</span>");
$('.saudiBanksDefaultSpan').attr("data-bankname",bankName);
$('.saudiBanksDefaultSpan').attr("data-nlength",nlength);
$('.saudiBanksDefaultSpan').attr("data-checkcode",checkcode);
$('.saudiBanksDefaultSpan').attr("data-countrycode",countrycode);
$("#saudiBanksSelectId").hide();
});
}
}
var countryCodeTemp="";
function prepareOptionsForIntnlBanks(name,numberlength,checkcode,contrycode)
{
var element;
if(contrycode=="LB"){
element= $('<option class='+name.trim().toLowerCase()+'>'+name+'</option>');
element.attr("data-nlength", numberlength);
element.attr("data-checkcode", checkcode);
element.attr("data-countrycode", contrycode);
$(".lebanon").append(element);
}else if(contrycode=="PK"){
element= $('<option class='+name.trim().toLowerCase()+'>'+name+'</option>');
element.attr("data-nlength", numberlength);
element.attr("data-checkcode", checkcode);
element.attr("data-countrycode", contrycode);
$(".pakistan").append(element);
}else if(contrycode=="AE"){
element= $('<option class='+name.trim().toLowerCase()+'>'+name+'</option>');
element.attr("data-nlength", numberlength);
element.attr("data-checkcode", checkcode);
element.attr("data-countrycode", contrycode);
$(".uae").append(element);
}else if(contrycode=="GB"){
element= $('<option class='+name.trim().toLowerCase()+'>'+name+'</option>');
element.attr("data-nlength", numberlength);
element.attr("data-checkcode", checkcode);
element.attr("data-countrycode", contrycode);
$(".unitedkingdom").append(element);
}
}
function sendLoadMasking(){
AUI().use('aui-loading-mask-deprecated',
(A) => {
var resultsContainer = A.one('.iban-main');
resultsContainer.plug(A.LoadingMask).loadingmask.show();
})
}
function sendRemoveLoadMask(){
AUI().use('aui-loading-mask-deprecated',
(A) => {
var resultsContainer = A.one('.iban-main');
resultsContainer.plug(A.LoadingMask).loadingmask.hide();
})
}
$("#_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_riyad-bank-radiobtn").closest("label").addClass("checkedlabel");
$('#_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_saudi-banks-radiobtn').click(function(){
$(this).closest("label").addClass("checkedlabel");
$("#_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_riyad-bank-radiobtn").closest("label").removeClass("checkedlabel");
$("#_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_intnl-banks-radiobtn").closest("label").removeClass("checkedlabel");
$(".ibanAcctNumberErrMsg").hide();
$(".qrCodeEmailSuccessMsg").hide();
});
$('#_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_intnl-banks-radiobtn').click(function(){
$(this).closest("label").addClass("checkedlabel");
$("#_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_riyad-bank-radiobtn").closest("label").removeClass("checkedlabel");
$("#_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_saudi-banks-radiobtn").closest("label").removeClass("checkedlabel");
$(".ibanAcctNumberErrMsg").hide();
$(".qrCodeEmailSuccessMsg").hide();
});
$('#_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_riyad-bank-radiobtn').click(function(){
$(this).closest("label").addClass("checkedlabel");
$("#_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_intnl-banks-radiobtn").closest("label").removeClass("checkedlabel");
$("#_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_saudi-banks-radiobtn").closest("label").removeClass("checkedlabel");
$(".ibanAcctNumberErrMsg").hide();
var ibanNumber = $(".ibanAccountNumber").val();
if ( $(".riyadBankRB").is(":checked") && ibanNumber.length > 13) {
$(".ibanAcctNumberErrMsg").show();
$(".ibanActionsDiv").hide();
$(".qrCodeEmailSuccessMsg").hide();
}
});
</script>
<style>
#qrcode img {
width:100px;
height:100px;
}
</style>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
</div>
<div class=" bg-fillsbackgroundColor mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-3 pl-lg-0 pr-lg-0 pt-lg-3 pb-sm-3 pt-sm-3 pb-3 pt-3 pb-md-3 pt-md-3" style="box-sizing: border-box;background-color: var(--fills-background);border-style: solid; border-width: 0px;opacity: 1.0;">
<div class=" container mb-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;overflow: hidden;">
<div class="row align-items-lg-start align-items-sm-start align-items-start align-items-md-start flex-lg-row flex-sm-row flex-row flex-md-row">
<div class="col col-lg-6 col-sm-12 col-12 col-md-6">
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-44602-hfod"> <div class="banners_image_on_the_left_with_content_on_the_right">
<div class="row">
<div class="col-md-12 flex-center img-container">
<div class="img-banner">
<div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-18308-cdbc">
<div class="image-container flex-start">
<img alt="Responsive Image" class="w-100" data-lfr-editable-id="image-square" data-lfr-editable-type="image" src="/documents/20121/0/RB_Icon-Sizing-_-v2-350x362.gif/487fc686-2df2-6d0a-6888-1bab96a88423?t=1669629374688&download=true">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="square d-none">
<div class="square-title text-center" data-lfr-editable-id="heading-title-text" data-lfr-editable-type="text"> Beneficiaries </div>
<div class="square-text text-center" data-lfr-editable-id="para-title-text" data-lfr-editable-type="text"> Manage your beneficiaries easily </div>
</div>
</div>
</div>
</div></div><style>.banners_image_on_the_left_with_content_on_the_right {
background-color: #d5ebee;
padding: 0px 0;
}
.banners_image_on_the_left_with_content_on_the_right .img-banner {
width: 350px;
height: auto;
}
banners_image_on_the_left_with_content_on_the_right .flex-center {
display: flex;
justify-content: center;
}
.banners_image_on_the_left_with_content_on_the_right .img-container .square {
position: absolute;
right: 60px;
top: 80px;
max-width: 151px;
min-height: 151px;
width: 100%;
background-color: #FFFFFF;
padding: 16px 8px;
padding-top: 29px;
}
.banners_image_on_the_left_with_content_on_the_right .img-container {
position: relative;
}
.banners_image_on_the_left_with_content_on_the_right .img-container .square .square-title {
font-size: 20px;
color: #230871;
padding-bottom: 8px;
font-weight: 600;
}
.banners_image_on_the_left_with_content_on_the_right .img-container .square .square-text {
font-size: 16px;
color: #14063e;
}
.banners_image_on_the_left_with_content_on_the_right .flex-center {
display: flex;
justify-content: center;
}
@media (max-width: 992px){
.banners_image_on_the_left_with_content_on_the_right .img-banner {
width: 279px;
height: auto;
}
.banners_image_on_the_left_with_content_on_the_right {
padding: 0;
}
.banners_image_on_the_left_with_content_on_the_right .img-container .square {
left: 150px;
top: 55px;
}
.banners_image_on_the_left_with_content_on_the_right .img-container .square {
max-width: 130px;
min-height: 112px;
padding-top: 16px;
}
.rtl .banners_image_on_the_left_with_content_on_the_right .img-container .square {
right:135px;
}
}</style>
</div>
</div>
</div>
<div class="col col-lg-6 col-sm-12 col-12 col-md-6">
<div class="">
<div class=" mb-lg-5 ml-lg-0 mr-lg-0 mt-lg-9 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-left mb-sm-5 mt-sm-9 mb-5 mt-9 mb-md-5 mt-md-9" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-17902-jhwg"> <h3 class="component-heading text-break " data-lfr-editable-id="element-text" data-lfr-editable-type="text">Riyad Mobile Application</h3></div>
</div>
</div>
<div class="">
<div class=" mb-lg-5 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-left mb-sm-5 mb-5 mb-md-5" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-20104-xiha"> <div class="clearfix rb-component-paragraph component-paragraph text-break " data-lfr-editable-id="element-text" data-lfr-editable-type="rich-text">Riyad Bank has launched the app to make it easier for customers to manage their daily banking transactions without having to visit the branch. It also offers many banking services to improve and develop the customer's experience.</div></div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-16005-fedd"> <div class="list-container">
<div class="">
<ol class="list_check_big_four_elements m-0 p-0">
<li class="List1 list-container-li list1">
<div class="lists">
<span></span><p class="m-0 p-0" data-lfr-editable-id="List1" data-lfr-editable-type="rich-text">Instant Payment Service (sarie)</p>
</div>
</li>
<li class="List2 list-container-li list2">
<div class="lists">
<span></span><p class="m-0 p-0" data-lfr-editable-id="List2" data-lfr-editable-type="rich-text">Issuing a credit card</p>
</div>
</li>
<li class="List3 list-container-li list3">
<div class="lists">
<span></span><p class="m-0 p-0" data-lfr-editable-id="List3" data-lfr-editable-type="rich-text">Hassad reward program</p>
</div>
</li>
<li class="List4 list-container-li list4">
<div class="lists">
<span></span><p class="m-0 p-0" data-lfr-editable-id="List4" data-lfr-editable-type="rich-text">Personal finance without visiting the branch</p>
</div>
</li>
</ol>
</div>
</div></div><style>.list-container ol.list_ordered_list.counter_steps li .component-image img {
height: 100px;
}</style><script>(function() {var configuration = {"numberOfList":4,"dropzone":false,"imageContainer":false,"listclass":"","liststyles":"list_check_big_four_elements"}; var fragmentElement = document.querySelector('#fragment-16005-fedd'); var fragmentNamespace = 'fedd';$(document).ready(function(){
$('.hassad_rewards_lists .m-0').removeClass('m-0 p-0');
$('.Hassad.Rewards.Program .bg-secondaryColor').each(function(){
var listExists = $(this).find('.hassad_rewards_lists').length;
if(listExists) {
$('.Hassad.Rewards.Program .bg-secondaryColor .row .col:first-child').addClass('order-2 order-md-1');
$('.Hassad.Rewards.Program .bg-secondaryColor .row .col:last-child').addClass('order-1 order-md-2');
}
});
});}());</script>
</div>
</div>
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;overflow: hidden;">
<div class="row align-items-lg-start align-items-sm-start align-items-start align-items-md-start flex-lg-row flex-sm-row flex-row flex-md-row">
<div class="col col-lg-6 col-sm-6 col-6 col-md-6">
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;max-width: 200px;opacity: 1.0;">
<div id="fragment-18308-fqko">
<div class="image-container img-top access-none flex-start">
<img alt="Responsive Image" class="w-100" data-lfr-editable-id="image-square" data-lfr-editable-type="image" src="/documents/20121/0/onelinkto_sugg25+%281%29.svg/4b683df1-12dc-456a-5c3b-50bac36da541?t=1673437989160&download=true">
</div>
</div>
</div>
</div>
</div>
<div class="col col-lg-6 col-sm-6 col-6 col-md-6">
</div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-8512-terd"> <div class="app-store only-mobile-show">
<a target="_blank" href="https://itunes.apple.com/sa/app/riyadbank-mobile/id1445567211" title=""><img alt="App logo" class="mr-2 mb-2" data-lfr-editable-id="app-store" data-lfr-editable-type="image" src="/documents/20121/0/icons-07.png/bf1055ea-eca8-c5c1-c939-52ada1e3ca70?t=1660826888164&download=true"></a>
<a target="_blank" href="https://play.google.com/store/apps/details?id=com.riyadbank.strategic" title=""><img alt="Google Play" class="mr-2 mb-2" data-lfr-editable-id="google-play" data-lfr-editable-type="image" src="/documents/20121/0/icons-08.png/ccf8affb-b939-dd50-e056-14584a341b98?t=1660826906774&download=true"></a>
<a target="_blank" href="https://appgallery.huawei.com/#/app/C101184241" title=""><img alt="AppGallery" class="mr-2 mb-2" data-lfr-editable-id="AppGallery" data-lfr-editable-type="image" src="/documents/20121/0/icons-09.png/a41befe1-42d7-8e44-37c5-96ec2b1066b1?t=1660826922684&download=true"></a>
</div></div><style>.app-store img {
max-width: 150px;
}
.rtl .app-store .mr-2{margin-left:8px !important;margin-right:0px !important}
@media (max-width:1190px){
.only-mobile-show{
display:block;
text-align:center;
}
.rtl .only-mobile-show{
display:block;
text-align:center;
}
}
@media (min-width:1210px){
.only-mobile-show{
display:none;
text-align:center;
}
.rtl .only-mobile-show{
display:none;
text-align:center;
}
}
.has-edit-mode-menu .only-mobile-show{
display:block;
}</style>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-44863-tbsb"><div id="backtotop" class="b-anchorLinkButton__buttonContainer b-anchorLinkButton-hide">
<a class="m-actionButton -link" href="https://www.riyadbank.com/en/online-account-opening" target="_blank" title="
open your
Account
">
<div class="m-actionButton__container" data-action-button-container="">
<span class="m-actionButton__labels">
<img class="m-actionButton_icon" data-lfr-editable-id="floating-icon" data-lfr-editable-type="image" src="/documents/20121/0/Website+card.svg/6aeced1a-a493-b31d-3208-8ec074144999?t=1673771411988&download=true">
<small class="m-actionButton__label -small font-weight-bold" data-lfr-editable-id="small-text" data-lfr-editable-type="rich-text"><span class="small">open your</span></small>
<span class="m-actionButton__label -medium font-weight-bold" data-lfr-editable-id="medium-text" data-lfr-editable-type="rich-text">Account</span>
</span>
</div>
</a>
</div></div><style>.b-anchorLinkButton-hide {
display: none;
}
.b-anchorLinkButton__buttonContainer {
z-index: 10000;
}
.b-anchorLinkButton__buttonContainer {
height: 90px;
width: 90px;
pointer-events: all;
position: fixed;
right: 20px;
bottom: 20px;
}
.b-anchorLinkButton__buttonContainer .m-actionButton:hover {
text-decoration: none;
--action-button-background-color: var(--background-variant);
color: var(--primary) !important;
font-weight: bold;
}
@media (min-width: 1024px) {
.b-anchorLinkButton__buttonContainer {
height: 90px;
width: 90px;
bottom: 25px;
right: 30px;
-webkit-transition: bottom 0.6s ease-in-out;
-o-transition: bottom 0.6s ease-in-out;
transition: bottom 0.6s ease-in-out;
}
.b-anchorLinkButton__buttonContainer:hover{
background-color:#ffff
}
}
.m-actionButton {
--action-button-background-color: var(--primary);
--action-button-text-color: var(--white);
height: var(--action-button-size);
width: var(--action-button-size);
font-size: clamp(16px, calc(16px + 5 * (100vw - 480px) / 960), 21px);
font-weight: 400;
letter-spacing: clamp(0.09em,
calc(0.09em + 0.03 * (100vw - 480px) / 960),
0.12em);
line-height: 120%;
font-family: Brown, Bukra, Arial, sans-serif;
text-transform: uppercase;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: 0;
-webkit-box-shadow: 0 4px 6px 0 var(--button-shadow-color);
box-shadow: 0 4px 6px 0 var(--button-shadow-color);
color: var(--action-button-text-color);
cursor: pointer;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
letter-spacing: 0.09em;
margin: 0;
overflow: visible;
padding: 0;
}
.m-actionButton:hover{
background-color:#fff;
}
.m-actionButton__container {
height: 100%;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #230871;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
position: relative;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.m-actionButton__labels {
text-align:center;
}
.m-actionButton__label {
display: block;
font-size: 0.6em;
-webkit-transition: opacity 0.3s cubic-bezier(1, 0, 0, 1);
-o-transition: opacity 0.3s cubic-bezier(1, 0, 0, 1);
transition: opacity 0.3s cubic-bezier(1, 0, 0, 1);
text-align: center;
font-style: normal;
letter-spacing:0;
}
.m-actionButton__label.-small {
letter-spacing: 0.06em;
line-height: 1;
letter-spacing:0;
}
.m-actionButton_icon{
width: 34%;
}
.rtl .b-anchorLinkButton__buttonContainer {
right: inherit;
left: 23px;
}
.rtl .m-actionButton__label.-small {
font-size: 0.9em;
font-family: Din;
}
.rtl .m-actionButton__label.-medium {
font-size: 0.9em;
font-family: Din;
}
@media (min-width: 1024px) {
.m-actionButton {
--action-button-size: 120px;
}
}
@media (min-width: 1024px) and (hover: hover) {
.b-anchorLinkButton__buttonContainer .m-actionButton:hover {
--action-button-background-color: var(--background-variant);
color: var(--primary) !important;
font-weight: bold;
background-color:#fff;
}
}
.m-actionButton__container:hover{
background-color:#fff;
}</style><script>(function() {var configuration = {"accountenurl":"https://www.riyadbank.com/en/online-account-opening","accountarurl":"https://www.riyadbank.com/ar/online-account-opening"}; var fragmentElement = document.querySelector('#fragment-44863-tbsb'); var fragmentNamespace = 'tbsb';var btn = $(".b-anchorLinkButton__buttonContainer");
$(window).scroll(function () {
var windowBottomPosition = $(window).scrollTop() + $(window).innerHeight();
var footerPosition = $("footer").position();
var headerPosition = $(".sliders_page_presentation").position();
if (
windowBottomPosition > footerPosition.top ||
$(window).scrollTop() < headerPosition.top
) {
btn.addClass("b-anchorLinkButton-hide");
} else {
btn.removeClass("b-anchorLinkButton-hide");
}
});;}());</script>
</div>
</div>
<div class=" bg-whitecolor mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-8 pl-lg-0 pr-lg-0 pt-lg-8 pb-sm-8 pt-sm-8 pb-8 pt-8 pb-md-8 pt-md-8" style="box-sizing: border-box;background-color: var(--white);border-style: solid; border-width: 0px;opacity: 1.0;">
<div class=" container mb-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div class=" bg-whitecolor mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-5 pl-lg-0 pr-lg-0 pt-lg-5 pb-sm-5 pt-sm-5 pb-5 pt-5 pb-md-5 pt-md-5" style="box-sizing: border-box;background-color: var(--white);border-style: solid; border-width: 0px;opacity: 1.0;overflow: hidden;">
<div class="row align-items-lg-center align-items-sm-center align-items-center align-items-md-center flex-lg-row flex-sm-row flex-row flex-md-row">
<div class="col col-lg-6 col-sm-12 col-12 col-md-6">
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-0-btmd"> <div class="component-image overflow-hidden">
<img alt="" class="w-100" data-lfr-editable-id="image-square" data-lfr-editable-type="image" src="https://www.riyadbank.com/documents/20121/5061355/Bukra+logo+white+%281%29.png/1f38d64b-c846-bc9c-1e12-b3e2751db4c7?t=1717421853243">
</div></div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-0-rbyk"> <div class="py-3"></div></div>
</div>
</div>
<div class="">
<div class=" mb-lg-7 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-privatebankdarkvari mb-sm-7 mb-7 mb-md-7" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;color: var(--private-bank-dark-vari);">
<div id="fragment-20104-tkbs"> <div class="clearfix rb-component-paragraph component-paragraph text-break " data-lfr-editable-id="element-text" data-lfr-editable-type="rich-text">Riyad Bank is a leader in community development, with variety of continuous contributions towards achieving sustainable developments. Vision, Sustainability, Initiative and Partnership represent solid values that strengthen the superiority of Riyad Bank and its commitment towards social responsibility.</div></div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-12802-ygql"> <div class="component-button text-break ">
<a class="btn d-inline-flex button_primary" data-lfr-editable-id="link" data-lfr-editable-type="link" href="/new-csr" id="fragment-ygql-link" title="Learn more">Learn more</a>
</div></div>
</div>
</div>
</div>
<div class="col col-lg-6 col-sm-12 col-12 col-md-6">
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-0-cmvm"> <div class="component-slider pb-4">
<div class="carousel">
<ol class="carousel-navigation">
<li>
<button aria-controls="cmvm-carouselInner" class="" type="button">
<span class="sr-only">
Focus first slide
</span>
</button>
</li>
<li>
<button aria-controls="cmvm-carouselInner" type="button" class="">
<span class="sr-only">
Focus second slide
</span>
</button>
</li>
<li>
<button aria-controls="cmvm-carouselInner" type="button" class="active">
<span class="sr-only">
Focus third slide
</span>
</button>
</li>
</ol>
<div class="carousel-inner text-break" id="cmvm-carouselInner" role="group">
<div class="carousel-item">
<img alt="First Responsive Image" class="w-100" data-lfr-editable-id="01-01-image" data-lfr-editable-type="image" src="https://www.riyadbank.com/documents/20121/5061355/Bukra+Logo+%2B+Pillars-03.png/89b2e59a-7ef0-1a48-c376-1e2239c34e7d?t=1717422090619">
<div class="carousel-caption d-md-block d-none">
<h2 data-lfr-editable-id="01-02-title" data-lfr-editable-type="rich-text"><span class="text-white">.</span></h2>
<p data-lfr-editable-id="01-03-subtitle" data-lfr-editable-type="rich-text">
First Slide Subtitle
</p>
</div>
</div>
<div class="carousel-item">
<img alt="Second Responsive Image" class="w-100" data-lfr-editable-id="02-01-image" data-lfr-editable-type="image" src="https://www.riyadbank.com/documents/20121/5061355/Bukra+Logo+%2B+Pillars-04.png/f9c79296-81ad-89f3-d66b-164fb5b11b9e?t=1717422070267">
<div class="carousel-caption d-md-block d-none">
<h2 data-lfr-editable-id="02-02-title" data-lfr-editable-type="rich-text"><span class="text-white">.</span></h2>
<p data-lfr-editable-id="02-03-subtitle" data-lfr-editable-type="rich-text">
Second Slide Subtitle
</p>
</div>
</div>
<div class="carousel-item active">
<img alt="Third Responsive Image" class="w-100" data-lfr-editable-id="03-01-image" data-lfr-editable-type="image" src="https://www.riyadbank.com/documents/20121/5061355/Bukra+Logo+%2B+Pillars-05.png/6d427fc5-1271-fd63-b7f7-f2ca0c80a072?t=1717422112080">
<div class="carousel-caption d-md-block d-none">
<h2 data-lfr-editable-id="03-02-title" data-lfr-editable-type="rich-text"><span class="text-white">.</span></h2>
<p data-lfr-editable-id="03-03-subtitle" data-lfr-editable-type="rich-text">
Third Slide Subtitle
</p>
</div>
</div>
</div>
<button aria-controls="cmvm-carouselInner" aria-label="Previous Slide" class="carousel-control-prev" type="button">
<span aria-hidden="true" class="carousel-control-prev-icon"></span>
<span class="sr-only">Previous</span>
</button>
<button aria-controls="cmvm-carouselInner" aria-label="Next Slide" class="carousel-control-next" type="button">
<span aria-hidden="true" class="carousel-control-next-icon"></span>
<span class="sr-only">Next</span>
</button>
</div>
</div></div><style>@keyframes moveLeftActive {
from {
transform: translateX(0);
}
to {
transform: translateX(100%);
}
}
@keyframes moveLeft {
from {
transform: translateX(-100%);
}
to {
transform: translateX(0);
}
}
@keyframes moveRightActive {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}
@keyframes moveRight {
from {
transform: translateX(100%);
}
to {
transform: translateX(0);
}
}
.component-slider .carousel {
position: relative;
}
.component-slider .carousel-caption {
left: 25%;
right: 25%;
}
.component-slider .carousel-item {
opacity: 0;
}
.component-slider .carousel-item.move-right,
.component-slider .carousel-item.move-left {
animation-duration: 0.6s;
animation-iteration-count: 1;
display: block;
}
.component-slider .carousel-item.active,
.component-slider .carousel-item.move-left,
.component-slider .carousel-item.move-right {
opacity: 1;
}
.component-slider .carousel-item.active {
transform: translateX(0);
}
.component-slider .carousel-item.active.move-left {
animation-name: moveLeftActive;
}
.component-slider .carousel-item.move-left {
animation-name: moveLeft;
}
.component-slider .carousel-item.active.move-right {
animation-name: moveRightActive;
}
.component-slider .carousel-item.move-right {
animation-name: moveRight;
}
.component-slider .carousel-control-next,
.component-slider .carousel-control-prev {
background-color: transparent;
border: 0;
}
.component-slider .carousel-navigation {
bottom: 10px;
display: flex;
justify-content: center;
left: 0;
list-style: none;
padding-left: 0;
position: absolute;
right: 0;
z-index: 15;
}
.component-slider .carousel-navigation button {
background-color: rgba(255, 255, 255, 0.5);
border: 0;
flex: 0 1 auto;
height: 3px;
margin-left: 3px;
margin-right: 3px;
position: relative;
width: 30px;
}
.component-slider .carousel-navigation button:focus {
outline: 0;
text-decoration: none;
}
.component-slider .carousel-navigation button.active {
background-color: rgba(255, 255, 255, 1);
}</style><script>(function() {var configuration = {}; var fragmentElement = document.querySelector('#fragment-0-cmvm'); var fragmentNamespace = 'cmvm';const MOVE_LEFT = 'move-left';
const MOVE_RIGHT = 'move-right';
const INTERVAL = 5000;
const editMode = document.body.classList.contains('has-edit-mode-menu');
const indicators = [].slice.call(
fragmentElement.querySelectorAll('.carousel-navigation button')
);
const items = [].slice.call(fragmentElement.querySelectorAll('.carousel-item'));
const next = fragmentElement.querySelector('.carousel-control-next');
const prev = fragmentElement.querySelector('.carousel-control-prev');
let moving = false;
function getActiveIndicator() {
return fragmentElement.querySelector('.carousel-navigation .active');
}
function activateIndicator(activeItem, nextItem, movement) {
if (movement) {
activeItem.classList.add(movement);
nextItem.classList.add(movement);
}
getActiveIndicator().classList.remove('active');
indicators[this.nextItemIndex].classList.add('active');
}
function activateItem(activeItem, nextItem, movement) {
activeItem.classList.remove('active');
nextItem.classList.add('active');
if (movement) {
activeItem.classList.remove(movement);
nextItem.classList.remove(movement);
}
}
function move(movement, index = null) {
if (moving) {
return;
}
moving = true;
const activeItem = fragmentElement.querySelector('.carousel-item.active');
const indexActiveItem = items.indexOf(activeItem);
this.nextItemIndex =
indexActiveItem < 1 ? items.length - 1 : indexActiveItem - 1;
if (index !== null) {
this.nextItemIndex = index;
}
else if (movement === MOVE_RIGHT) {
this.nextItemIndex =
indexActiveItem >= items.length - 1 ? 0 : indexActiveItem + 1;
}
const nextItem = items[this.nextItemIndex];
activateIndicator(activeItem, nextItem, movement);
setTimeout(function () {
activateItem(activeItem, nextItem, movement);
moving = false;
}, 600);
}
function createInterval() {
let intervalId = null;
if (!editMode) {
intervalId = setInterval(function () {
if (document.contains(items[0])) {
move(MOVE_RIGHT);
}
else {
clearInterval(intervalId);
}
}, INTERVAL);
}
return intervalId;
}
(function main() {
let intervalId = createInterval();
if (this.nextItemIndex) {
const activeItem = fragmentElement.querySelector(
'.carousel-item.active'
);
const nextItem = items[this.nextItemIndex];
activateIndicator(activeItem, nextItem);
activateItem(activeItem, nextItem);
}
prev.addEventListener('click', function () {
clearInterval(intervalId);
intervalId = createInterval();
move(MOVE_LEFT);
});
next.addEventListener('click', function () {
clearInterval(intervalId);
intervalId = createInterval();
move(MOVE_RIGHT);
});
indicators.forEach(function (indicator, index) {
indicator.addEventListener('click', function () {
const indexActiveIndicator = indicators.indexOf(
getActiveIndicator()
);
if (index !== indexActiveIndicator) {
if (index < indexActiveIndicator) {
move(MOVE_LEFT, index);
}
else {
move(MOVE_RIGHT, index);
}
}
clearInterval(intervalId);
intervalId = createInterval();
});
});
})();;}());</script>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-0-gvlc">
<div class="portlet-boundary portlet-boundary_com_rb_page_feedback_web_RbPageFeedbackWebPortlet_ portlet-static portlet-static-end portlet-barebone page-feedbackwrapper " id="p_p_id_com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc_">
<span id="p_com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc"></span>
<section class="portlet" id="portlet_com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc">
<div class="portlet-content">
<div class="autofit-float autofit-row portlet-header">
<div class="autofit-col autofit-col-expand">
<h2 class="portlet-title-text">RbPageFeedbackWeb</h2>
</div>
<div class="autofit-col autofit-col-end">
<div class="autofit-section">
</div>
</div>
</div>
<div class=" portlet-content-container">
<div class="portlet-body">
<style>
.pos-captcha-error{
display:none;
color: #ff6d70;
}
</style>
<div class=" validation-error alert alert-danger " style="display: none;">
</div>
<div class="apply-now-error captcha-validation-error">
<clay:alert message="captcha-validation-error" style="danger" title="Error">
</clay:alert></div>
<div class="banners_information_valuation">
<div class="container with-padding-top with-padding-bottom px-lg-0">
<div id="messagec-pagefeedback" class="hide">
<div class="form_organisms_stepper_form mb-5">
<div class="resultbox">
Thank you for your response
</div>
</div>
</div>
<div id="submitFeedbackFrom" class="pageFeedbackSubmit">
<form action="" class="form mb-0 " data-fm-namespace="_com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc_" id="_com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc_submitFeedbackFrom" method="post" name="_com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc_submitFeedbackFrom">
<input class="field form-control" id="_com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc_formDate" name="_com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc_formDate" type="hidden" value="1728890686576">
<div class="row no-gutters global-container-2cols" id="">
<div class="title-buttons-container d-flex align-items-start">
<div class="title-container">
<h5>
Did you find this information useful?
</h5>
</div>
<div class="button-selector-container">
<div id="buttonSelectorTitle">
<div class="button-selector-container">
<div class="btn-group" id="buttonSelector">
<input class="field hide use" id="_com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc_yes" name="_com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc_isUseful" title="is-useful" type="radio" value="1">
<label class="btn m-0" for="_com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc_yes" id="_com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc_yes">Yes</label>
<input class="field hide use" id="_com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc_no" name="_com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc_isUseful" title="is-useful" type="radio" value="0">
<label class="btn m-0" for="_com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc_no" id="_com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc_no">No</label>
</div>
</div>
</div>
</div>
</div>
<div class="icons-container">
<a class="btn btn-link print p-0" onclick="window.print();" href="#" title=""><i class="icon-print"></i></a>
<div class="sharedropdown">
<button type="button" class="btn btn-link share p-0 dropdown-toggle" id="dropdownMenuButton" data-toggle="dropdown" aria-expanded="false"><i class="icon-share"></i></button>
<div class="sharedropdown-menu" aria-labelledby="dropdownMenuButton">
<a id="email1" onclick="changeLinke();" href="mailto:[email protected]?subject=#&body=#" target="blank" title="Mail"><i class="icon-message mr-1"></i>Mail</a>
<a id="facebook1" onclick="changeLinkf();" href="https://www.facebook.com/share.php?u={{url}}&title={{title}}" target="blank" title="Facebook"><i class="icon-facebook mr-1"></i>Facebook</a>
<a id="linkedin1" onclick="changeLinkl();" href="https://www.linkedin.com/shareArticle?mini=true&url={{url}}&title={{title}}&source={{source}}" target="blank" class="m-0" title="Linkedin"><i class="icon-linkedin mr-1"></i>Linkedin</a>
<a id="twitter1" onclick="changeLinkt();" href="https://twitter.com/intent/tweet?status={{title}}+{{url}}" target="blank" title="Twitter"><i class="icon-twitter mr-1"></i>Twitter</a>
</div>
</div>
</div>
</div>
<div class="row no-gutters message" id="" style="display:none;">
<div class="comments-container">
<div class="text_blocks_input_text_buttons">
<div class="textarea-container mb-0 fgmb-0">
<!-- -->
<div class="form-group input-text-wrapper">
<textarea class="field messages textinput form-control" id="_com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc_message" name="_com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc_message" placeholder="Comments" title="Message" maxlength="75"></textarea>
</div>
</div>
</div>
</div>
<div class="feedback-recaptcha col-md-12">
<br>
<label class="page-feedback-captcha-label captcha-label" style="display:none">Verification code</label>
<script src="https://www.google.com/recaptcha/api.js?hl=en" type="text/javascript"></script>
<div class="g-recaptcha" data-sitekey="6LeN9FMoAAAAAEBb194-rQLjhLZOb6bJfeJkuu4V"><div style="width: 304px; height: 78px;"><div><iframe title="reCAPTCHA" width="304" height="78" role="presentation" name="a-289dkpp7k7m9" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6LeN9FMoAAAAAEBb194-rQLjhLZOb6bJfeJkuu4V&co=aHR0cHM6Ly9yaXlhZGJhbmsuY29tOjQ0Mw..&hl=en&v=aR-zv8WjtWx4lAw-tRCA-zca&size=normal&cb=3nfcczhvj23"></iframe></div><textarea id="g-recaptcha-response-1" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea></div><iframe style="display: none;"></iframe></div>
<noscript>
<div style="height: 525px; width: 302px;">
<div style="height: 525px; position: relative; width: 302px;">
<div style="height: 525px; position: absolute; width: 302px;">
<iframe frameborder="0" scrolling="no" src="https://www.google.com/recaptcha/api/fallback?k=6LeN9FMoAAAAAEBb194-rQLjhLZOb6bJfeJkuu4V" style="border-style: none; height: 525px; width: 302px;"></iframe>
</div>
<div style="background: #F9F9F9; border: 1px solid #C1C1C1; border-radius: 3px; bottom: 25px; height: 60px; left: 0; margin: 0; padding: 0; position: absolute; right: 25px; width: 300px;">
<textarea class="g-recaptcha-response" id="g-recaptcha-response" name="g-recaptcha-response" style="border: 1px solid #C1C1C1; height: 40px; margin: 10px 25px; padding: 0; resize: none; width: 250px;"></textarea>
</div>
</div>
</div>
</noscript>
<div class="form-validator-stack help-block pos-captcha-error">
<div role="alert" class="required">Captcha Is Required</div>
</div>
</div>
<div class="comments-container col-md-12">
<div class="text_blocks_input_text_buttons d-flex">
<button class="btn button_primary btn-secondary" id="_com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc_submitButton" name="_com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc_submitButton" type="button" onclick="callfeedbackUsServeResource()">
<span class="lfr-btn-label">Send</span>
</button>
<button class="btn button_link border-0 d-inline ml-3 bg-transparent btn-secondary" id="_com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc_clear" name="_com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc_clear" type="reset">
<span class="lfr-btn-label">Cancel</span>
</button>
</div>
</div>
</div>
</form></div>
<script type="text/javascript">
// <![CDATA[
AUI().use('liferay-form', function(A) {(function() {var $ = AUI.$;var _ = AUI._;
Liferay.Form.register(
{
id: '_com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc_submitFeedbackFrom'
, fieldRules: [
{
body: '',
custom: false,
errorMessage: '',
fieldName: '_com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc_isUseful',
validatorName: 'required'
}
,
{
body: function(val, fieldNode, ruleValue) {
if(document.querySelector('input[name="_com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc_isUseful"]:checked') == null) {
if(val == "") {
return false;
}
} else {
var use = document.querySelector('input[name="_com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc_isUseful"]:checked').value;
if(use == '0' && val == "" ) {
return false;
} else {
return true;
}
}
},
custom: true,
errorMessage: '\u0063\u0068\u0065\u0063\u006b\u0020\u006f\u0070\u0074\u0069\u006f\u006e\u0020\u006e\u006f',
fieldName: '_com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc_message',
validatorName: 'message_custom_1'
}
,
{
body: function(val, fieldNode, ruleValue) {
var regex = new RegExp(/^[\u0600-\u06FFA A-Za-z0-9 \n\r ]+$/);
return regex.test(val);
},
custom: true,
errorMessage: '\u004e\u006f\u0020\u0073\u0070\u0065\u0063\u0069\u0061\u006c\u0020\u006b\u0065\u0079\u0077\u006f\u0072\u0064\u0020\u0061\u006c\u006c\u006f\u0077\u0065\u0064',
fieldName: '_com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc_message',
validatorName: 'message_custom'
}
,
{
body: 75,
custom: false,
errorMessage: '',
fieldName: '_com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc_message',
validatorName: 'maxLength'
}
]
, validateOnBlur: true
}
);
var onDestroyPortlet = function(event) {
if (event.portletId === 'com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc') {
delete Liferay.Form._INSTANCES['_com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc_submitFeedbackFrom'];
}
};
Liferay.on('destroyPortlet', onDestroyPortlet);
Liferay.fire(
'_com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc_formReady',
{
formName: '_com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc_submitFeedbackFrom'
}
);
})();});
// ]]>
</script>
</div>
</div>
</div>
<script type="text/javascript">
var captchaIndex="0";
$(document).ready(function() {
$("#submitFeedbackFrom .message").hide();
$(".validation-error").hide();
$(document).on("change", ".use", function() {
var test = $(this).val();
if (test == 0) {
$("#submitFeedbackFrom .message").show();
} else {
$("#submitFeedbackFrom .message").hide();
callfeedbackUsServeResource();
}
});
$("#_com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc_clear").click(function() {
$("#submitFeedbackFrom .message").hide();
});
});
/* $('.recaptcha').on('DOMSubtreeModified', function(){
var isUseful = $('input[name="_com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc_isUseful"]:checked').val();
var message = $("#submitFeedbackFrom .messages").val();
if (isUseful == 0 && message != "") {
var response;
try {
response= grecaptcha.getResponse(2);
}
catch(err) {
response= grecaptcha.getResponse();
}
var isCaptchaChecked = (response.length == 0);
if(isCaptchaChecked){
$(".pos-captcha-error").show();
var acnhor=A.one("#rc-anchor-container");
grecaptcha.reset();
} else{
$(".pos-captcha-error").hide();
}
}
}); */
function callfeedbackUsServeResource() {
AUI()
.use(
'aui-base',
'aui-io-request',
function(A) {
var form = Liferay.Form
.get('_com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc_submitFeedbackFrom');
var isUseful = $(
'input[name="_com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc_isUseful"]:checked')
.val();
var message = A
.one("#submitFeedbackFrom .messages").val();
var response;
try {
var noOfCaptcha=$(".g-recaptcha").length;
response= grecaptcha.getResponse(noOfCaptcha-1);
}
catch(err) {
response= grecaptcha.getResponse();
}
var isCaptchaChecked = (response.length == 0);
if(isCaptchaChecked){
$(".pos-captcha-error").show();
var acnhor=A.one("#rc-anchor-container");
try {
grecaptcha.reset(3);o
}
catch(err) {
grecaptcha.reset();
}
} else{
$(".pos-captcha-error").hide();
}
if (isUseful == 0) {
var oldFieldRules = form.get('fieldRules');
var newFieldRules = [ {
fieldName : '_com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc_message',
validatorName : 'required',
errorMessage : 'Please enter your comments',
} ]
var fieldRules = oldFieldRules
.concat(newFieldRules);
form.set('fieldRules', fieldRules);
}
if (isUseful == 1) {
form.formValidator.get('rules')['_com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc_message'] = {
required : false,
custom : false
};
}
form.formValidator.validate();
if ((isUseful == 1 ) || (isUseful == 0 && !isCaptchaChecked && !form.formValidator.hasErrors() )) {
var data = {};
data['_com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc_isUseful']=isUseful;
data['_com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc_message']=message;
data['_com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc_g-recaptcha-response']= response;
A.io.request('https://riyadbank.com/web/guest/personal-banking?p_p_id=com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_cacheability=cacheLevelPage',
{
method : 'POST',
dataType : 'json',
data,
on : {
success : function() {
$(".validation-error").hide();
var data = this.get('responseData');
if (data.message != "failed" && data.message != "captcha-validation-error") {
A.one("#messagec-pagefeedback").show();
A.one("#submitFeedbackFrom").hide();
A.one("#_com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc_submitButton").set('disabled',true);
}else if(data.message == "failed"){
$(".validation-error").html(data.value);
$(".validation-error").show();
}else if(data.message == "captcha-validation-error"){
$(".captcha-validation-error").show();
}
else {
alert(data.message);
}
}
}
});
}
});
}
function changeLinkf() {
var url = document.URL;
var title = document.title;
var href = "https://www.facebook.com/share.php?u=" + url + "&title=" + title;
var link = document.getElementById("facebook1");
link.setAttribute("href", href);
return false;
}
function changeLinkt() {
var url = document.URL;
var title = document.title;
var href = "https://twitter.com/intent/tweet?status=" + title + "+" + url;
var link = document.getElementById("twitter1");
link.setAttribute("href", href);
return false;
}
function changeLinkg() {
var url = document.URL;
var title = document.title;
var href = "https://plus.google.com/share?url=" + url;
var link = document.getElementById("googleplus1");
link.setAttribute("href", href);
return false;
}
function changeLinkl() {
var url = document.URL;
var title = document.title;
var href = "https://www.linkedin.com/shareArticle?mini=true&url=" + url + "&title=" + title + "&source={{source}}";
var link = document.getElementById("linkedin1");
link.setAttribute("href", href);
return false;
}
function changeLinke() {
var url = document.URL;
if($("html.ltr").attr("lang")=='ar-SA'){
var url = document.URL;
alert(url);
}
var title = document.title;
var href = "mailto:[email protected]?subject=" + title + "&body=" + url;
var link = document.getElementById("email1");
link.setAttribute("href", href);
return false;
}
</script>
</div>
</div>
</section></div>
</div>
</div>
</div>
<div class="">
<div class=" bg-whitecolor mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-4 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-bodyColor mt-sm-4 mt-4 mt-md-4" style="box-sizing: border-box;background-color: var(--white);border-style: solid; border-width: 0px;opacity: 1.0;color: var(--body-color);">
<div id="fragment-5027-xekn"> <div id="iframeId_1606148492933" class="col-mockup-12 col-mockup-md-12 col-mockup-lg-12">
<div class="banners_simple_banner container-fluid p-0 background-blue">
<div class="container">
<div class="banner ">
<h2 data-lfr-editable-id="bottom-banner-title" data-lfr-editable-type="rich-text">Let us manage your financial life with ease</h2>
<a id="fragment-xekn-link" data-lfr-editable-id="customerLink" data-lfr-editable-type="link" href="/online-account-opening" class="button_primary_link button_primary btn" title="Open an account">Open an account</a>
</div>
</div>
</div>
</div></div>
</div>
</div>
<div class="">
<div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-0-liyk">
<div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_liyk_">
<span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_liyk"></span>
<section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_liyk">
<div class="portlet-content">
<div class="autofit-float autofit-row portlet-header">
<div class="autofit-col autofit-col-expand">
<h2 class="portlet-title-text">privacy-cookies</h2>
</div>
<div class="autofit-col autofit-col-end">
<div class="autofit-section">
<div class="visible-interaction">
</div> </div>
</div>
</div>
<div class=" portlet-content-container">
<div class="portlet-body">
<div class="" data-fragments-editor-item-id="20132-5522612" data-fragments-editor-item-type="fragments-editor-mapped-item">
<div class="journal-content-article " data-analytics-asset-id="5509541" data-analytics-asset-title="privacy-cookies" data-analytics-asset-type="web-content">
<div class="outerDiv cookie-wrapper hide">
<div class="row padding-32">
<div class="col-md-1 d-inline-block">
<div class="clip-div-shap"> </div>
<div class="svg-div"><svg fill="none" height="41" viewBox="0 0 41 41" width="41" xmlns="http://www.w3.org/2000/svg"> <path d="M26.3804 14.7909L37.4915 3.67981H15.2693V14.7909V25.902L4.1582 37.0131H26.3804V25.902V14.7909Z" fill="#230871"></path> <path d="M26.3804 14.7909V25.902H37.4915V3.67981L26.3804 14.7909Z" fill="#00AF9A"></path> <path d="M4.1582 37.0132L15.2693 25.9021V14.791H4.1582V37.0132Z" fill="#00AF9A"></path> </svg></div>
</div>
<div class="col-md-6"><span class="body-regular color-blue">
Our website uses cookies to help us enhance your browsing experience. By clicking on โAccept cookiesโ, you agree to the storing of cookies on your device.
</span></div>
<div class="col-md-5 text-center"><button class="cookies-button rounded mr-2 mt-1" id="acceptCookies"><svg fill="none" height="25" viewBox="0 0 25 25" width="25" xmlns="http://www.w3.org/2000/svg"> <path clip-rule="evenodd" d="M21.0147 6.62308C21.4142 7.00442 21.4289 7.63741 21.0476 8.03691L10.5476 19.0369C10.3484 19.2456 10.0688 19.3581 9.78053 19.3455C9.49231 19.3329 9.22357 19.1964 9.04335 18.9711L5.04335 13.9711C4.69834 13.5399 4.76826 12.9106 5.19952 12.5656C5.63078 12.2206 6.26008 12.2905 6.60508 12.7217L9.89059 16.8286L19.6009 6.65596C19.9822 6.25646 20.6152 6.24174 21.0147 6.62308Z" fill="white" fill-rule="evenodd"></path> </svg><span>
Accept cookies
</span></button><button class="cookies-button cookies-button-manage rounded mr-2 mt-1" id="cookies-button-manage"><span>
Manage cookies
</span></button></div>
</div>
</div>
<style type="text/css">
.rtl .cookies-button {
vertical-align: bottom;
}
.outerDiv {
z-index:99999;
position: fixed;
bottom: 0px;
width: 100%;
align-self: stretch;
background: var(--Primary-100, #E9E6F1);
box-shadow: 0px -6px 10px 0px rgba(25, 3, 87, 0.06);
}
.body-regular {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 18px;
}
.color-blue {
color: var(--Primary-700, #230871);
}
.ltr .padding-32 {
padding: 32px !important;
padding-left: 5rem !important;
height: auto !important;
}
.rtl .padding-32 {
padding: 32px !important;
padding-right: 5rem !important;
height: auto !important;
}
.cookies-button {
border-radius: 4px ;
background: var(--Primary-700, #230871) ;
min-width: 200px;
min-height: 48px;
color: var(--white) ;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.25;
letter-spacing: 0.23px;
justify-content: center;
}
.ltr .clip-div-shap {
width: 8.2rem;
height: 7.4rem;
background: rgba(25, 3, 87, 0.06);
clip-path: polygon(0 0, 100% 0, 100% 40%, 0% 100%, 0 80%);
position: absolute;
left: -5rem;
top: -1.9rem;
}
.rtl .clip-div-shap {
width: 8.2rem;
height: 8.7rem;
background: rgba(25, 3, 87, 0.06);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 31%, 0 100%);
position: absolute;
left: 3.3rem;
top: -1.95rem;
}
.cookies-button-manage{
border-radius: 4px !important;
background: transparent !important;
min-width: 200px;
min-height: 48px;
color: #230871 !important;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.25;
letter-spacing: 0.23px;
border: 1px solid #230871 !important;
}
@media screen and (max-width:1024px) {
.padding-32 {
height: 10rem !important;
}
.ltr .clip-div-shap {
height: 10.7rem;
}
.rtl .clip-div-shap {
height: 18.7rem;
}
.ltr .svg-div{
position: absolute;
top: 17px;
}
.rtl .svg-div{
position: absolute;
top: 2rem;
right: -1rem;
}
}
@media screen and (max-width: 767px) {
.rtl .padding-32 {
padding: 32px !important;
padding-right: 5rem !important;
height: auto !important;
}
.padding-32 {
height: 17rem;
}
.ltr .clip-div-shap {
width: 4rem;
height: 18rem;
background: rgba(25, 3, 87, 0.06);
clip-path: polygon(0 0, 100% 0, 100% 75%, 0% 100%, 0 100%);
position: absolute;
left: -5rem;
top: -2.2rem;
}
.rtl .clip-div-shap {
width: 4rem;
height: 18rem;
background: rgba(25, 3, 87, 0.06);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 70%, 0 100%);
position: absolute;
right: -5rem;
top: -2.2rem;
}
.ltr .svg-div {
position: absolute;
left: -3rem;
top: 10rem;
}
.rtl .svg-div {
position: absolute;
right: -3rem;
top: 10rem;
}
}
.rtl .svg-div {
text-align:center !important;
}
</style>
<script>
var cookieDiv = $(".cookie-wrapper");
var buttonsDiv = $(".cookies-button");
const onLoadCall = () => {
if (document.cookie.includes("RB_CONSENT_FUNCTIONAL")){
cookieDiv.addClass("hide");
cookieDiv.removeClass("show");
return;
} else {
cookieDiv.removeClass("hide");
cookieDiv.addClass("show");
}
buttonsDiv.each(function(){
$(this).bind("click", function(){
cookieDiv.removeClass("show");
cookieDiv.addClass("hide");
var buttonId = $(this).attr("id");
if (buttonId == "acceptCookies") {
addCookies(true);
} else if(buttonId == "cookies-button-manage"){
window.location.href="/manage-cookies"
}
});
});
};
function addCookies(action) {
var domainUrl = window.location.host;
document.cookie = "RB_STRICTLY_NECESSARY_COOKIES="+action+";secure;max-age=" + 60 * 60 * 24 * 30+";domain="+domainUrl+";path=/";
document.cookie = "RB_FUNCTIONAL_COOKIES="+action+";secure;max-age=" + 60 * 60 * 24 * 30+";domain="+domainUrl+";path=/";
document.cookie = "RC_PERFORMANCE_COOKIES="+action+";secure;max-age=" + 60 * 60 * 24 * 30+";domain="+domainUrl+";path=/";
document.cookie = "RB_SOCIAL_MEDIA_COOKIES="+action+";secure;max-age=" + 60 * 60 * 24 * 30+";domain="+domainUrl+";path=/";
document.cookie = "RB_TARGETED_COOKIES="+action+";secure;max-age=" + 60 * 60 * 24 * 30+";domain="+domainUrl+";path=/";
document.cookie = "RB_CONSENT_FUNCTIONAL="+action+";secure;max-age=" + 60 * 60 * 24 * 30+";domain="+domainUrl+";path=/";
}
//executeCodes function will be called on webpage load
window.addEventListener("load", onLoadCall);
</script>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
<div class="">
<div class=" bg-secondaryColor mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;background-color: var(--secondary);border-style: solid; border-width: 0px;opacity: 1.0;">
<div id="fragment-5029-ypoq"> <div class=" headers__footers_footer ">
<footer class="page-footer font-small indigo">
<div class="container text-center text-md-left px-lg-0">
<div class="row mt-5 pt-2">
<div class="col-lg-3 mx-auto">
<h5 class="footer-title mb-2 only-desktop"><a href="/personal-banking/digital-banking-channels" data-lfr-editable-id="footer-desktop-title01" data-lfr-editable-type="link" class="title-line1" title="Digital Banking Channels">Digital Banking Channels</a></h5>
<h5 class="footer-title mb-2 only-mobile m-text-left" data-toggle="collapse" href="#collapse1" role="button" aria-expanded="false" aria-controls="collapse1"><a href="/personal-banking/digital-banking-channels" data-lfr-editable-id="footer-mobile-title01" data-lfr-editable-type="link" title="Digital Banking Channels">Digital Banking Channels</a></h5>
<ul class="list-unstyled collapse m-text-left show" id="collapse1">
<div class="portlet">
<div class="portlet-boundary portlet-boundary_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_ portlet-static portlet-static-end portlet-barebone portlet-navigation " id="p_p_id_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq1_">
<span id="p_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq1"></span>
<section class="portlet" id="portlet_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq1">
<div class="portlet-content">
<div class="autofit-float autofit-row portlet-header">
<div class="autofit-col autofit-col-expand">
<h2 class="portlet-title-text">Navigation Menu</h2>
</div>
<div class="autofit-col autofit-col-end">
<div class="autofit-section">
</div>
</div>
</div>
<div class=" portlet-content-container">
<div class="portlet-body">
<div id="navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq1">
<ul aria-label="Site Pages" class="nav navbar-nav navbar-site" role="menubar">
<li class="lfr-nav-item nav-item" id="layout_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq1_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq1_1743518" role="presentation">
<a class="nav-link text-truncate" href="https://www.riyadbank.com/personal-banking/digital-banking-channels/riyad-online" role="menuitem" title="
Riyad Online
">
<span class="text-truncate"> Riyad Online </span>
</a>
</li>
<li class="lfr-nav-item nav-item" id="layout_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq1_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq1_1743433" role="presentation">
<a class="nav-link text-truncate" href="https://www.riyadbank.com/personal-banking/digital-banking-channels/riyad-mobile" role="menuitem" title="
Riyad Mobile
">
<span class="text-truncate"> Riyad Mobile </span>
</a>
</li>
<li class="lfr-nav-item nav-item" id="layout_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq1_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq1_1743110" role="presentation">
<a class="nav-link text-truncate" href="https://www.riyadbank.com/personal-banking/digital-banking-channels/riyad-line" role="menuitem" title="
Riyad Line
">
<span class="text-truncate"> Riyad Line </span>
</a>
</li>
<li class="lfr-nav-item nav-item" id="layout_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq1_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq1_1742859" role="presentation">
<a class="nav-link text-truncate" href="https://www.riyadbank.com/personal-banking/digital-banking-channels/riyad-atm" role="menuitem" title="
Riyad ATM
">
<span class="text-truncate"> Riyad ATM </span>
</a>
</li>
<li class="lfr-nav-item nav-item" id="layout_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq1_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq1_1743040" role="presentation">
<a class="nav-link text-truncate" href="https://www.riyadbank.com/personal-banking/digital-banking-channels/foreign-exchange-atm" role="menuitem" title="
Riyad Foreign Exchange ATM
">
<span class="text-truncate"> Riyad Foreign Exchange ATM </span>
</a>
</li>
<li class="lfr-nav-item nav-item" id="layout_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq1_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq1_1744092" role="presentation">
<a class="nav-link text-truncate" href="https://www.riyadbank.com/personal-banking/digital-banking-channels/smartwatch-app" role="menuitem" title="
Riyad Smartwatches
">
<span class="text-truncate"> Riyad Smartwatches </span>
</a>
</li>
<li class="lfr-nav-item nav-item" id="layout_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq1_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq1_1743978" role="presentation">
<a class="nav-link text-truncate" href="https://www.riyadbank.com/personal-banking/digital-banking-channels/riyad-self-service" role="menuitem" title="
Riyad Self Service
">
<span class="text-truncate"> Riyad Self Service </span>
</a>
</li>
</ul>
</div>
<script type="text/javascript">
// <![CDATA[
AUI().use('liferay-navigation-interaction', function(A) {(function() {var $ = AUI.$;var _ = AUI._; var navigation = A.one('#navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq1');
Liferay.Data.NAV_INTERACTION_LIST_SELECTOR = '.navbar-site';
Liferay.Data.NAV_LIST_SELECTOR = '.navbar-site';
if (navigation) {
navigation.plug(Liferay.NavigationInteraction);
}
})();});
// ]]>
</script>
</div>
</div>
</div>
</section>
</div>
</div>
</ul>
</div>
<hr class="clearfix w-100 d-lg-none">
<div class="col-lg-3 mx-auto">
<h5 class="footer-title mb-2 only-desktop"><a data-lfr-editable-id="footer-desktop-title02" data-lfr-editable-type="link" class="title-line1" href="/personal-banking/info-tools" title="Info, Tools & Services">Info, Tools & Services</a></h5>
<h5 class="footer-title mb-2 only-mobile m-text-left" data-toggle="collapse" href="#collapse22" role="button" aria-expanded="false" aria-controls="collapse22">
<a href="/personal-banking/info-tools" data-lfr-editable-id="footer-mobile-title02" data-lfr-editable-type="link" title="Info, Tools & Services">Info, Tools & Services</a>
</h5>
<ul class="list-unstyled collapse show m-text-left" id="collapse2">
<div class="portlet">
<div class="portlet-boundary portlet-boundary_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_ portlet-static portlet-static-end portlet-barebone portlet-navigation " id="p_p_id_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq2_">
<span id="p_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq2"></span>
<section class="portlet" id="portlet_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq2">
<div class="portlet-content">
<div class="autofit-float autofit-row portlet-header">
<div class="autofit-col autofit-col-expand">
<h2 class="portlet-title-text">Navigation Menu</h2>
</div>
<div class="autofit-col autofit-col-end">
<div class="autofit-section">
</div>
</div>
</div>
<div class=" portlet-content-container">
<div class="portlet-body">
<div id="navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq2">
<ul aria-label="Site Pages" class="nav navbar-nav navbar-site" role="menubar">
<li class="lfr-nav-item nav-item" id="layout_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq2_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq2_4141218" role="presentation">
<a class="nav-link text-truncate" href="https://www.riyadbank.com/info-tools/customer-care" role="menuitem" title="
Customer Care
">
<span class="text-truncate"> Customer Care </span>
</a>
</li>
<li class="lfr-nav-item nav-item" id="layout_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq2_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq2_4141251" role="presentation">
<a class="nav-link text-truncate" href="https://www.riyadbank.com/info-tools/loan-calculator" role="menuitem" title="
Finance Calculator
">
<span class="text-truncate"> Finance Calculator </span>
</a>
</li>
<li class="lfr-nav-item nav-item" id="layout_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq2_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq2_4141252" role="presentation">
<a class="nav-link text-truncate" href="https://www.riyadbank.com/personal-banking/info-tools/iban-generator" role="menuitem" title="
IBAN Generator
">
<span class="text-truncate"> IBAN Generator </span>
</a>
</li>
<li class="lfr-nav-item nav-item" id="layout_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq2_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq2_4141253" role="presentation">
<a class="nav-link text-truncate" href="https://www.riyadbank.com/personal-banking/product-comparison" role="menuitem" title="
Product Comparison
">
<span class="text-truncate"> Product Comparison </span>
</a>
</li>
<li class="lfr-nav-item nav-item" id="layout_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq2_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq2_4141254" role="presentation">
<a class="nav-link text-truncate" href="https://www.riyadbank.com/info-tools/account-opening-agreement-forms" role="menuitem" title="
Retail and Corporate Banking Forms
">
<span class="text-truncate"> Retail and Corporate Banking Forms </span>
</a>
</li>
<li class="lfr-nav-item nav-item" id="layout_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq2_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq2_4141255" role="presentation">
<a class="nav-link text-truncate" href="https://www.riyadbank.com/documents/20121/0/retail-banking-service_tcm8-6100.pdf" target="_blank" role="menuitem" title="
Retail Banking Service Charges
">
<span class="text-truncate"> Retail Banking Service Charges </span>
</a>
</li>
<li class="lfr-nav-item nav-item" id="layout_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq2_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq2_4141256" role="presentation">
<a class="nav-link text-truncate" href="https://www.riyadbank.com/PDF/Corporate Banking Charges.pdf" role="menuitem" title="
Banking Services Charges fees for corporate & MSMEs
">
<span class="text-truncate"> Banking Services Charges fees for corporate & MSMEs </span>
</a>
</li>
<li class="lfr-nav-item nav-item" id="layout_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq2_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq2_4141257" role="presentation">
<a class="nav-link text-truncate" href="https://www.riyadbank.com/documents/20121/72266/banking-consumer-protection-principles-ar_tcm7-2065.pdf" target="_blank" role="menuitem" title="
Banking Consumer Protection Principles
">
<span class="text-truncate"> Banking Consumer Protection Principles </span>
</a>
</li>
<li class="lfr-nav-item nav-item" id="layout_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq2_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq2_4141258" role="presentation">
<a class="nav-link text-truncate" href="https://www.riyadbank.com/documents/20121/72266/Finance-Companies-Consumer-Protection-Principles_tcm7-6796.pdf" target="_blank" role="menuitem" title="
Finance Companiesโ Consumer Protection Principles
">
<span class="text-truncate"> Finance Companiesโ Consumer Protection Principles </span>
</a>
</li>
<li class="lfr-nav-item nav-item" id="layout_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq2_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq2_4141301" role="presentation">
<a class="nav-link text-truncate" href="https://www.riyadbank.com/documents/20121/72266/Retention+Period+of+Customers+Documents_tcm7-9017.pdf" target="_blank" role="menuitem" title="
Retention Period of Customers Documents
">
<span class="text-truncate"> Retention Period of Customers Documents </span>
</a>
</li>
<li class="lfr-nav-item nav-item" id="layout_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq2_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq2_4141302" role="presentation">
<a class="nav-link text-truncate" href="https://www.riyadbank.com/documents/20121/72266/Retention Period of Customers Documents_tcm8-9017.pdf" target="_blank" role="menuitem" title="
Retention Period of Customers Documents
">
<span class="text-truncate"> Retention Period of Customers Documents </span>
</a>
</li>
<li class="lfr-nav-item nav-item" id="layout_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq2_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq2_4141303" role="presentation">
<a class="nav-link text-truncate" href="https://www.riyadbank.com/PDF/Corporate Banking Charges.pdf" role="menuitem" title="
Banking Services Charges fees for corporate & MSMEs
">
<span class="text-truncate"> Banking Services Charges fees for corporate & MSMEs </span>
</a>
</li>
<li class="lfr-nav-item nav-item" id="layout_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq2_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq2_4141306" role="presentation">
<a class="nav-link text-truncate" href="https://www.riyadbank.com/documents/20121/72266/banking-consumer-protection-principles-en_tcm8-2065.pdf" target="_blank" role="menuitem" title="
Banking Consumer Protection Principles
">
<span class="text-truncate"> Banking Consumer Protection Principles </span>
</a>
</li>
<li class="lfr-nav-item nav-item" id="layout_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq2_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq2_4141307" role="presentation">
<a class="nav-link text-truncate" href="https://www.riyadbank.com/documents/20121/72266/Finance-Companies-Consumer-Protection-Principles_tcm8-6796.pdf" target="_blank" role="menuitem" title="
Finance Companiesโ Consumer Protection Principles
">
<span class="text-truncate"> Finance Companiesโ Consumer Protection Principles </span>
</a>
</li>
<li class="lfr-nav-item nav-item" id="layout_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq2_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq2_4253194" role="presentation">
<a class="nav-link text-truncate" href="https://www.riyadbank.com/info-tools/suppliers-portal" role="menuitem" title="
Suppliers Portal
">
<span class="text-truncate"> Suppliers Portal </span>
</a>
</li>
</ul>
</div>
<script type="text/javascript">
// <![CDATA[
AUI().use('liferay-navigation-interaction', function(A) {(function() {var $ = AUI.$;var _ = AUI._; var navigation = A.one('#navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq2');
Liferay.Data.NAV_INTERACTION_LIST_SELECTOR = '.navbar-site';
Liferay.Data.NAV_LIST_SELECTOR = '.navbar-site';
if (navigation) {
navigation.plug(Liferay.NavigationInteraction);
}
})();});
// ]]>
</script>
</div>
</div>
</div>
</section>
</div>
</div>
</ul>
</div>
<hr class="clearfix w-100 d-lg-none">
<div class="col-lg-3 mx-auto">
<h5 class="footer-title mb-2 only-desktop"><a href="/personal-banking/about-us" data-lfr-editable-id="footer-desktop-title03" data-lfr-editable-type="link" class="title-line1" title="About us">About us</a></h5>
<h5 class="footer-title only-mobile mb-2 m-text-left" data-toggle="collapse" href="#collapse33" role="button" aria-expanded="false" aria-controls="collapseExample">
<a href="/personal-banking/about-us" data-lfr-editable-id="footer-mobile-title03" data-lfr-editable-type="link" title="About us">About us</a>
</h5>
<ul class="list-unstyled collapse show m-text-left" id="collapse33">
<div class="portlet">
<div class="portlet-boundary portlet-boundary_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_ portlet-static portlet-static-end portlet-barebone portlet-navigation " id="p_p_id_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq3_">
<span id="p_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq3"></span>
<section class="portlet" id="portlet_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq3">
<div class="portlet-content">
<div class="autofit-float autofit-row portlet-header">
<div class="autofit-col autofit-col-expand">
<h2 class="portlet-title-text">Navigation Menu</h2>
</div>
<div class="autofit-col autofit-col-end">
<div class="autofit-section">
</div>
</div>
</div>
<div class=" portlet-content-container">
<div class="portlet-body">
<div id="navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq3">
<ul aria-label="Site Pages" class="navbar-blank navbar-nav navbar-site" role="menubar">
<li class="lfr-nav-item nav-item" id="layout_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq3_1672079" role="presentation">
<a class="nav-link text-truncate" href="https://www.riyadbank.com/investor-relations/vision-and-mission" role="menuitem" title="
Who We Are
">
<span class="text-truncate">Who We Are</span>
</a>
</li>
<li class="lfr-nav-item nav-item" id="layout_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq3_1671968" role="presentation">
<a class="nav-link text-truncate" href="https://www.riyadbank.com/investor-relations/board-of-directors" role="menuitem" title="
Board of Directors
">
<span class="text-truncate">Board of Directors</span>
</a>
</li>
<li class="lfr-nav-item nav-item" id="layout_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq3_3569601" role="presentation">
<a class="nav-link text-truncate" href="https://www.riyadbank.com/investors-relations/bukra" role="menuitem" title="
Bukra
">
<span class="text-truncate">Bukra</span>
</a>
</li>
<li class="lfr-nav-item nav-item" id="layout_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq3_2108743" role="presentation">
<a class="nav-link text-truncate" href="https://www.riyadbank.com/about-us/vision-2030-initiatives" role="menuitem" title="
Vision 2030 Initiatives
">
<span class="text-truncate">Vision 2030 Initiatives</span>
</a>
</li>
<li class="lfr-nav-item nav-item" id="layout_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq3_1671864" role="presentation">
<a class="nav-link text-truncate" href="https://www.riyadbank.com/about-us/awards" role="menuitem" title="
Awards
">
<span class="text-truncate">Awards</span>
</a>
</li>
<li class="lfr-nav-item nav-item" id="layout_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq3_1672019" role="presentation">
<a class="nav-link text-truncate" href="https://www.riyadbank.com/personal-banking/about-us/compliance-statement" role="menuitem" title="
Riyad Bank Compliance
">
<span class="text-truncate">Riyad Bank Compliance</span>
</a>
</li>
<li class="lfr-nav-item nav-item" id="layout_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq3_1672107" role="presentation">
<a class="nav-link text-truncate" href="https://www.riyadbank.com/documents/20121/5027812/%D8%A7%D9%84%D9%86%D8%B8%D8%A7%D9%85+%D8%A7%D9%84%D8%A7%D8%B3%D8%A7%D8%B3%D9%8A+%D9%84%D8%A8%D9%86%D9%83+%D8%A7%D9%84%D8%B1%D9%8A%D8%A7%D8%B6+2024%D9%85.pdf" role="menuitem" title="
Riyad Bank Bylaws
">
<span class="text-truncate">Riyad Bank Bylaws</span>
</a>
</li>
<li class="lfr-nav-item nav-item" id="layout_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq3_5699078" role="presentation">
<a class="nav-link text-truncate" href="https://www.riyadbank.com/investor-relations/esg-report" role="menuitem" title="
ESG Report
">
<span class="text-truncate">ESG Report</span>
</a>
</li>
<li class="lfr-nav-item nav-item" id="layout_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq3_5699081" role="presentation">
<a class="nav-link text-truncate" href="https://www.riyadbank.com/about-us/riyad-bank-pmi" role="menuitem" title="
Riyad Bank PMI
">
<span class="text-truncate">Riyad Bank PMI</span>
</a>
</li>
</ul>
</div>
<script type="text/javascript">
// <![CDATA[
AUI().use('liferay-navigation-interaction', function(A) {(function() {var $ = AUI.$;var _ = AUI._; var navigation = A.one('#navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq3');
Liferay.Data.NAV_INTERACTION_LIST_SELECTOR = '.navbar-site';
Liferay.Data.NAV_LIST_SELECTOR = '.navbar-site';
if (navigation) {
navigation.plug(Liferay.NavigationInteraction);
}
})();});
// ]]>
</script>
</div>
</div>
</div>
</section>
</div>
</div>
</ul>
</div>
<hr class="clearfix w-100 d-lg-none">
<div class="col-lg-3 mx-auto">
<h5 class="footer-title mb-2 only-desktop"><a href="/personal-banking/media-center" data-lfr-editable-id="footer-desktop-title05" data-lfr-editable-type="link" class="title-line1" title="Media Centre">Media Centre</a></h5>
<h5 class="footer-title only-mobile mb-2 m-text-left" data-toggle="collapse" href="#collapse5" role="button" aria-expanded="false" aria-controls="collapseExample">
<a href="/personal-banking/media-center" data-lfr-editable-id="footer-mobile-title05" data-lfr-editable-type="link" title="Media Center">Media Center</a>
</h5>
<ul class="list-unstyled collapse show m-text-left" id="collapse5">
<div class="portlet">
<div class="portlet-boundary portlet-boundary_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_ portlet-static portlet-static-end portlet-barebone portlet-navigation " id="p_p_id_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq5_">
<span id="p_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq5"></span>
<section class="portlet" id="portlet_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq5">
<div class="portlet-content">
<div class="autofit-float autofit-row portlet-header">
<div class="autofit-col autofit-col-expand">
<h2 class="portlet-title-text">Navigation Menu</h2>
</div>
<div class="autofit-col autofit-col-end">
<div class="autofit-section">
</div>
</div>
</div>
<div class=" portlet-content-container">
<div class="portlet-body">
<div id="navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq5">
<ul aria-label="Site Pages" class="navbar-blank navbar-nav navbar-site" role="menubar">
<li class="lfr-nav-item nav-item" id="layout_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq5_1672261" role="presentation">
<a class="nav-link text-truncate" href="https://www.riyadbank.com/media-center/press-releases" role="menuitem" title="
Press Releases
">
<span class="text-truncate">Press Releases</span>
</a>
</li>
<li class="lfr-nav-item nav-item" id="layout_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq5_1672334" role="presentation">
<a class="nav-link text-truncate" href="https://www.riyadbank.com/media-center/media-contacts" role="menuitem" title="
Public Relations & External Communication
">
<span class="text-truncate">Public Relations & External Communication</span>
</a>
</li>
<li class="lfr-nav-item nav-item" id="layout_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq5_1672394" role="presentation">
<a class="nav-link text-truncate" href="https://www.riyadbank.com/media-center/sponsorship-request" role="menuitem" title="
Sponsorship Request
">
<span class="text-truncate">Sponsorship Request</span>
</a>
</li>
</ul>
</div>
<script type="text/javascript">
// <![CDATA[
AUI().use('liferay-navigation-interaction', function(A) {(function() {var $ = AUI.$;var _ = AUI._; var navigation = A.one('#navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ypoq5');
Liferay.Data.NAV_INTERACTION_LIST_SELECTOR = '.navbar-site';
Liferay.Data.NAV_LIST_SELECTOR = '.navbar-site';
if (navigation) {
navigation.plug(Liferay.NavigationInteraction);
}
})();});
// ]]>
</script>
</div>
</div>
</div>
</section>
</div>
</div>
</ul>
<h5 class="footer-title mb-2 only-desktop mt-2"><a href="https://careers.riyadbank.com" data-lfr-editable-id="footer-desktop-title04" data-lfr-editable-type="link" class="title-line1" target="_blank" title="Careers">Careers</a></h5>
<h5 class="footer-title only-mobile mb-2 m-text-left" role="button" aria-expanded="false">
<a href="https://careers.riyadbank.com" data-lfr-editable-id="footer-mobile-title04" data-lfr-editable-type="link" target="_blank" title="Careers">Careers</a>
</h5>
</div>
<hr class="clearfix w-100 d-lg-none">
</div>
<div class="row align-items-center justify-content-center">
<div class="col-md-2 col-xs-6">
<a href="http://www.riyadcapital.com/en/" title=""><img class="card-img-top card-media-img footer-logo-img1" alt="Card image cap" loading="lazy" data-lfr-editable-id="Card-1" data-lfr-editable-type="image" src="/documents/20121/0/Transparent+logos-01+%281%29.svg/85ed54fc-f7bd-4aff-ed49-ba8c75f49534?t=1668418643390&download=true"></a>
</div>
<div class="col-md-2 col-xs-6">
<a href="https://www.riyadbank.com/new-csr" title=""><img class="card-img-top card-media-img footer-logo-img2" alt="Card image cap" loading="lazy" data-lfr-editable-id="Card-2" data-lfr-editable-type="image" src="/documents/20121/2936633/BukraEN.png/9c1954e8-146d-5f44-d353-285739524910?t=1716380986618&download=true"></a>
</div>
<div class="col-md-2 col-xs-6">
<a href="https://token.riyadbank.com/en/web/token" title=""><img class="card-img-top card-media-img footer-logo-img3" alt="Card image cap" loading="lazy" data-lfr-editable-id="Card-3" data-lfr-editable-type="image" src="/documents/20121/0/Token.svg/07024a19-0211-640f-8b78-df5b5723f050?t=1668681421864&download=true"></a>
</div>
<div class="col-md-2 col-xs-6">
<a href="https://www.bouki.sa/en/home" title=""><img class="card-img-top card-media-img footer-logo-img4" alt="Card image cap" loading="lazy" data-lfr-editable-id="Card-4" data-lfr-editable-type="image" src="/documents/20121/0/Bouki+logo+%281%29.svg/8afd07e2-69a3-2008-fc86-e8ad3409eea3?t=1669547832249&download=true"></a>
</div>
<div class="col-md-2 col-xs-6">
<a href="https://www.jeel.net/" title=""><img class="card-img-top card-media-img footer-logo-img5" alt="Card image cap" loading="lazy" data-lfr-editable-id="Card-5" data-lfr-editable-type="image" src="/documents/20121/92711/Transparent+logos.svg/4f42d932-b385-909d-75eb-4b9ac12021c7?t=1708440380318&download=true"></a>
</div>
</div>
</div>
<hr class="only-desktop">
<div class="container text-center text-md-left pt-50 pb-36 px-lg-0">
<div class="row">
<div class="col-lg-8 show-hr">
<hr class="only-mobile">
<ul class="list-unstyled flex-desktop">
<li class="mr-26 list-text-banner-2 list-padding">
<a href="https://www.riyadbank.com/documents/20121/5522549/80739-+Privacy+Notice_Final_Eng.pdf" data-lfr-editable-id="Privacy portal link" data-lfr-editable-type="link" id="fragment-ypoq-portal-link" target="_blank" title="
Privacy Notice
">
Privacy Notice
</a>
</li>
<li class="mr-26 list-text-banner-2 list-padding">
<a href="/contact-us" data-lfr-editable-id="Contact link" data-lfr-editable-type="link" id="fragment-ypoq-Contact-link" title="
Contact us
">
Contact us
</a>
</li>
<li class="mr-26 list-text-banner-2 list-padding">
<a href="/branches-atm" data-lfr-editable-id="Locate link" data-lfr-editable-type="link" id="fragment-ypoq-Locate-link" title="Locate us">Locate us</a>
</li>
<li class="mr-26 list-text-banner-2 list-padding">
<a href="/faq-personal" data-lfr-editable-id="FAQ link" data-lfr-editable-type="link" id="fragment-ypoq-FAQ-link" title="
Frequently Asked Questions
">
Frequently Asked Questions
</a>
</li>
</ul>
</div>
<div class="col-lg-4 m-pt-35 text-right footer-text">
<div class="mb-2">
<a class="footer-text" data-lfr-editable-type="link" data-lfr-editable-id="sitemap-link" id="fragment-ypoq-sitemap-link" href="/sitemap" title="Sitemap">Sitemap</a> |
<a class="footer-text" data-lfr-editable-type="link" data-lfr-editable-id="privacy-link" id="fragment-ypoq-privacy-link" href="/personal-banking/privacy-policy" title="Terms of Use">Terms of Use</a>
</div>
<ul class="list-unstyled d-flex flex-left">
<li class="icon-f ">
<a target="_blank" href="https://www.facebook.com/RiyadBank" title=""><img class="footer-social-icon" loading="lazy" alt="social-icon-facebook" data-lfr-editable-id="facebook-image" data-lfr-editable-type="image" src="/documents/20121/4752250/Facebook23.png/ffdd6e78-181b-5d11-58d5-6e95e7c6aeb5?t=1709805386853&download=true"></a>
</li>
<li class="icons-linkedin ">
<a target="_blank" href="https://www.linkedin.com/company/riyad-bank/" title=""><img class="footer-social-icon" loading="lazy" alt="social-icon-linkedin" data-lfr-editable-id="linkedin-image" data-lfr-editable-type="image" src="/documents/20121/4752250/in.png/6b52a8a2-1d44-e22f-39a9-75f79a8766cb?t=1709805387623&download=true"></a>
</li>
<li class="icons-twitter ">
<a target="_blank" href="https://twitter.com/riyadbank" title=""><img class="footer-social-icon" loading="lazy" alt="social-icon-twitter" data-lfr-editable-id="twitter-image" data-lfr-editable-type="image" src="/documents/20121/4752250/TwiX.png/a7a7b528-0231-1bef-ec40-6ed611a46216?t=1709805388800&download=true"></a>
</li>
<li class="icons-instagram ">
<a target="_blank" href="http://instagram.com/riyadbank" title=""><img class="footer-social-icon" loading="lazy" alt="social-icon-instagram" data-lfr-editable-id="instagram-image" data-lfr-editable-type="image" src="/documents/20121/4752250/Instag.png/a359248e-e302-8d7e-7f22-fec6a35dfd91?t=1709805388188&download=true"></a>
</li>
<li class="icons-youtube ">
<a href="https://www.youtube.com/@RiyadBankPlus/videos" title=""><img class="footer-social-icon" loading="lazy" alt="social-icon-youtube" data-lfr-editable-id="youtube-image" data-lfr-editable-type="image" src="/documents/20121/4752250/YTW.png/e28e0099-8856-ab21-71eb-7e6aced6e04d?t=1709805389380&download=true"></a>
</li>
</ul>
</div>
</div>
</div>
<div class=" headers__footers_footer_all_rights bc-white">
<!--<div class="col-12">-->
<div class="container bc-white text-center text-md-left pt-4 pb-4 px-lg-0">
<div class="row">
<div class="col-lg-12 footer-text m-pt-35 d-block">
<div>
<span data-lfr-editable-id="footer-rights" data-lfr-editable-type="text">ยฉ 2024 Riyad Bank. All rights Reserved</span>
</div>
<div class="">
<span data-lfr-editable-id="footer-address" data-lfr-editable-type="rich-text">Riyad Bank, Public Shareholding Company, Capital of SAR 30 Billion, Commercial Register (1010001054), P.O. Box 22622 Riyadh 11416, Tel. +966 11 4013030, National Address: 2414 Riyadh 13241-7279, www.riyadbank.com, is licensed by the Council of Ministers Resolution (91) dated 23.11.1957, and regulated by Saudi Central Bank.</span>
</div>
</div>
</div>
</div>
<!--</div>-->
</div>
</footer>
</div></div><style>.icons-twitter img,.icon-f img,.icons-youtube img,.icons-instagram img,.icons-linkedin img{
max-width: 48px;
}
@media (max-width:992px){
.privacy_content .d-flex {justify-content: center !important;}
}
.m-actionButton_icon {margin-top:-10px;}
.footer-logo-img4{
height:70px;
}
.footer-logo-img2, .footer-logo-img1, .footer-logo-img3{
height:45px;
}
.ltr ul#collapse3 ul li:nth-child(11){
display:none !important;
}
.rtl ul#collapse3 ul li:nth-child(8){
display:none !important;
}</style>
</div>
</div>
</div>
<form action="#" aria-hidden="true" class="hide" id="hrefFm" method="post" name="hrefFm"><span></span><button hidden="" type="submit">Hidden</button></form>
</section>
</div>
<script type="text/javascript" id="">!function(b,e,f,g,a,c,d){b.fbq||(a=b.fbq=function(){a.callMethod?a.callMethod.apply(a,arguments):a.queue.push(arguments)},b._fbq||(b._fbq=a),a.push=a,a.loaded=!0,a.version="2.0",a.queue=[],c=e.createElement(f),c.async=!0,c.src=g,d=e.getElementsByTagName(f)[0],d.parentNode.insertBefore(c,d))}(window,document,"script","https://connect.facebook.net/en_US/fbevents.js");fbq("init","744507002637162");fbq("track","PageView");</script>
<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=744507002637162&ev=PageView&noscript=1"></noscript>
<script type="text/javascript" id="">!function(d,g,e){d.TiktokAnalyticsObject=e;var a=d[e]=d[e]||[];a.methods="page track identify instances debug on off once ready alias group enableCookie disableCookie".split(" ");a.setAndDefer=function(b,c){b[c]=function(){b.push([c].concat(Array.prototype.slice.call(arguments,0)))}};for(d=0;d<a.methods.length;d++)a.setAndDefer(a,a.methods[d]);a.instance=function(b){b=a._i[b]||[];for(var c=0;c<a.methods.length;c++)a.setAndDefer(b,a.methods[c]);return b};a.load=function(b,c){var f="https://analytics.tiktok.com/i18n/pixel/events.js";
a._i=a._i||{};a._i[b]=[];a._i[b]._u=f;a._t=a._t||{};a._t[b]=+new Date;a._o=a._o||{};a._o[b]=c||{};c=document.createElement("script");c.type="text/javascript";c.async=!0;c.src=f+"?sdkid\x3d"+b+"\x26lib\x3d"+e;b=document.getElementsByTagName("script")[0];b.parentNode.insertBefore(c,b)};a.load("CNNFDD3C77UA3TGJ94B0");a.page()}(window,document,"ttq");</script>
<script type="text/javascript">
// <![CDATA[
// ]]>
</script>
<script type="text/javascript">
// <![CDATA[
Liferay.currentURL = '\x2f';
Liferay.currentURLEncoded = '\x252F';
// ]]>
</script>
<script type="text/javascript">
// <![CDATA[
$('.personal-link').addClass('active');
// ]]>
</script>
<script type="text/javascript">
// <![CDATA[
(function() {var $ = AUI.$;var _ = AUI._;
var onDestroyPortlet = function () {
Liferay.detach('messagePosted', onMessagePosted);
Liferay.detach('destroyPortlet', onDestroyPortlet);
};
Liferay.on('destroyPortlet', onDestroyPortlet);
var onMessagePosted = function (event) {
if (window.Analytics) {
Analytics.send('posted', 'Comment', {
className: event.className,
classPK: event.classPK,
commentId: event.commentId,
text: event.text,
});
}
};
Liferay.on('messagePosted', onMessagePosted);
})();
var pathnameRegexp = /\/documents\/(\d+)\/(\d+)\/(.+?)\/([^&]+)/;
function sendAnalyticsEvent(anchor) {
var fileEntryId =
anchor.dataset.analyticsFileEntryId ||
(anchor.parentElement &&
anchor.parentElement.dataset.analyticsFileEntryId);
var title =
anchor.dataset.analyticsFileEntryTitle ||
(anchor.parentElement &&
anchor.parentElement.dataset.analyticsFileEntryTitle);
var getParameterValue = (parameterName) => {
var result = null;
anchor.search
.substr(1)
.split('&')
.forEach((item) => {
var tmp = item.split('=');
if (tmp[0] === parameterName) {
result = decodeURIComponent(tmp[1]);
}
});
return result;
};
var match = pathnameRegexp.exec(anchor.pathname);
if (fileEntryId && match) {
Analytics.send('documentDownloaded', 'Document', {
groupId: match[1],
fileEntryId,
preview: !!window._com_liferay_document_library_analytics_isViewFileEntry,
title: title || decodeURIComponent(match[3].replace(/\+/gi, ' ')),
version: getParameterValue('version'),
});
}
}
function handleDownloadClick(event) {
if (window.Analytics) {
if (event.target.nodeName.toLowerCase() === 'a') {
sendAnalyticsEvent(event.target);
}
else if (
event.target.parentNode &&
event.target.parentNode.nodeName.toLowerCase() === 'a'
) {
sendAnalyticsEvent(event.target.parentNode);
}
else if (
event.target.querySelector('.lexicon-icon-download') ||
event.target.classList.contains('lexicon-icon-download') ||
(event.target.parentNode &&
(event.target.parentNode.classList.contains(
'lexicon-icon-download'
) ||
event.target.parentNode.dataset.action === 'download'))
) {
var selectedFiles = document.querySelectorAll(
'.portlet-document-library .entry-selector:checked'
);
selectedFiles.forEach(({value}) => {
var selectedFile = document.querySelector(
'[data-analytics-file-entry-id="' + value + '"]'
);
sendAnalyticsEvent(selectedFile);
});
}
}
}
Liferay.once('destroyPortlet', () => {
document.body.removeEventListener('click', handleDownloadClick);
});
Liferay.once('portletReady', () => {
document.body.addEventListener('click', handleDownloadClick);
});
(function() {var $ = AUI.$;var _ = AUI._;
var onVote = function (event) {
if (window.Analytics) {
Analytics.send('VOTE', 'Ratings', {
className: event.className,
classPK: event.classPK,
ratingType: event.ratingType,
score: event.score,
});
}
};
var onDestroyPortlet = function () {
Liferay.detach('ratings:vote', onVote);
Liferay.detach('destroyPortlet', onDestroyPortlet);
};
Liferay.on('ratings:vote', onVote);
Liferay.on('destroyPortlet', onDestroyPortlet);
})();(function() {var $ = AUI.$;var _ = AUI._;
var onShare = function (data) {
if (window.Analytics) {
Analytics.send('shared', 'SocialBookmarks', {
className: data.className,
classPK: data.classPK,
type: data.type,
url: data.url,
});
}
};
var onDestroyPortlet = function () {
Liferay.detach('socialBookmarks:share', onShare);
Liferay.detach('destroyPortlet', onDestroyPortlet);
};
Liferay.on('socialBookmarks:share', onShare);
Liferay.on('destroyPortlet', onDestroyPortlet);
})();
if (window.svg4everybody && Liferay.Data.ICONS_INLINE_SVG) {
svg4everybody(
{
polyfill: true,
validate: function (src, svg, use) {
return !src || !src.startsWith('#');
}
}
);
}
Liferay.Portlet.register('com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet');
Liferay.Portlet.onLoad(
{
canEditTitle: false,
columnPos: 0,
isStatic: 'end',
namespacedId: 'p_p_id_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_',
portletId: 'com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet',
refreshURL: '\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d5759\x26p_p_id\x3dcom_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252F',
refreshURLData: {}
}
);
Liferay.Portlet.register('com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_jrul');
Liferay.Portlet.onLoad(
{
canEditTitle: false,
columnPos: 0,
isStatic: 'end',
namespacedId: 'p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_jrul_',
portletId: 'com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_jrul',
refreshURL: '\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d5759\x26p_p_id\x3dcom_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_jrul\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252F',
refreshURLData: {}
}
);
Liferay.Portlet.register('com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq');
Liferay.Portlet.onLoad(
{
canEditTitle: false,
columnPos: 0,
isStatic: 'end',
namespacedId: 'p_p_id_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_',
portletId: 'com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq',
refreshURL: '\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d5759\x26p_p_id\x3dcom_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252F',
refreshURLData: {}
}
);
Liferay.Portlet.register('com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv');
Liferay.Portlet.onLoad(
{
canEditTitle: false,
columnPos: 0,
isStatic: 'end',
namespacedId: 'p_p_id_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_',
portletId: 'com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv',
refreshURL: '\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d5759\x26p_p_id\x3dcom_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252F',
refreshURLData: {}
}
);
Liferay.Portlet.register('com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb');
Liferay.Portlet.onLoad(
{
canEditTitle: false,
columnPos: 0,
isStatic: 'end',
namespacedId: 'p_p_id_com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb_',
portletId: 'com_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb',
refreshURL: '\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d5759\x26p_p_id\x3dcom_rb_iban_generator_web_RbIbanGeneratorWebPortlet_INSTANCE_pqpb\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252F',
refreshURLData: {}
}
);
Liferay.Portlet.register('com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc');
Liferay.Portlet.onLoad(
{
canEditTitle: false,
columnPos: 0,
isStatic: 'end',
namespacedId: 'p_p_id_com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc_',
portletId: 'com_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc',
refreshURL: '\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d5759\x26p_p_id\x3dcom_rb_page_feedback_web_RbPageFeedbackWebPortlet_INSTANCE_gvlc\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252F',
refreshURLData: {}
}
);
Liferay.Portlet.register('com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_liyk');
Liferay.Portlet.onLoad(
{
canEditTitle: false,
columnPos: 0,
isStatic: 'end',
namespacedId: 'p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_liyk_',
portletId: 'com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_liyk',
refreshURL: '\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d5759\x26p_p_id\x3dcom_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_liyk\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252F',
refreshURLData: {}
}
);
Liferay.Portlet.register('com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom');
Liferay.Portlet.onLoad(
{
canEditTitle: false,
columnPos: 0,
isStatic: 'end',
namespacedId: 'p_p_id_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_',
portletId: 'com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom',
refreshURL: '\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d5759\x26p_p_id\x3dcom_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252F',
refreshURLData: {}
}
);
Liferay.Loader.require('metal-dom/src/all/dom', 'frontend-js-web/liferay/toast/commands/OpenToast.es', function(metalDomSrcAllDom, frontendJsWebLiferayToastCommandsOpenToastEs) {
try {
(function() {
var dom = metalDomSrcAllDom;
var $ = AUI.$;var _ = AUI._;
var focusInPortletHandler = dom.delegate(
document,
'focusin',
'.portlet',
function(event) {
dom.addClasses(dom.closest(event.delegateTarget, '.portlet'), 'open');
}
);
var focusOutPortletHandler = dom.delegate(
document,
'focusout',
'.portlet',
function(event) {
dom.removeClasses(dom.closest(event.delegateTarget, '.portlet'), 'open');
}
);
})();
(function() {
var toastCommands = frontendJsWebLiferayToastCommandsOpenToastEs;
var $ = AUI.$;var _ = AUI._;
AUI().use(
'liferay-session',
function() {
Liferay.Session = new Liferay.SessionBase(
{
autoExtend: true,
redirectOnExpire: false,
redirectUrl: 'https\x3a\x2f\x2friyadbank\x2ecom\x2fweb\x2fguest',
sessionLength: 600,
sessionTimeoutOffset: 70,
warningLength: 0
}
);
}
);
})();
} catch (err) {
console.error(err);
}
});AUI().use('liferay-menu', 'aui-base', 'liferay-form', function(A) {(function() {var $ = AUI.$;var _ = AUI._;
if (A.UA.mobile) {
Liferay.Util.addInputCancel();
}
})();(function() {var $ = AUI.$;var _ = AUI._;
new Liferay.Menu();
var liferayNotices = Liferay.Data.notices;
for (var i = 0; i < liferayNotices.length; i++) {
Liferay.Util.openToast(liferayNotices[i]);
}
})();(function() {var $ = AUI.$;var _ = AUI._;
Liferay.Form.register(
{
id: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_financeTypePersonalForm'
, fieldRules: [
{
body: '',
custom: false,
errorMessage: '\u0054\u0079\u0070\u0065\u0020\u006f\u0066\u0020\u0053\u0061\u006c\u0061\u0072\u0079\u0020\u0052\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pTypeOfSalary',
validatorName: 'required'
}
,
{
body: '',
custom: false,
errorMessage: '\u0044\u0061\u0074\u0065\u0020\u006f\u0066\u0020\u0062\u0069\u0072\u0074\u0068\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_plBirthday',
validatorName: 'required'
}
,
{
body: '',
custom: false,
errorMessage: '\u004e\u0061\u0074\u0069\u006f\u006e\u0061\u006c\u0069\u0074\u0079\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pNationality',
validatorName: 'required'
}
,
{
body: '',
custom: false,
errorMessage: '\u004d\u006f\u006e\u0074\u0068\u006c\u0079\u0020\u0069\u006e\u0063\u006f\u006d\u0065\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pMonthlyIncome',
validatorName: 'required'
}
,
{
body: '',
custom: false,
errorMessage: '\u0043\u0075\u0072\u0072\u0065\u006e\u0074\u0020\u004d\u006f\u006e\u0074\u0068\u006c\u0079\u0020\u004f\u0062\u006c\u0069\u0067\u0061\u0074\u0069\u006f\u006e\u0020\u0052\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pCurentMonthlyObligations',
validatorName: 'required'
}
,
{
body: '',
custom: false,
errorMessage: '\u0053\u0065\u0063\u0074\u006f\u0072\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pSector',
validatorName: 'required'
}
,
{
body: '',
custom: false,
errorMessage: '\u0046\u0069\u006e\u0061\u006e\u0063\u0065\u0020\u0070\u0065\u0072\u0069\u006f\u0064\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_pFinancePeriodInMonths',
validatorName: 'required'
}
]
, validateOnBlur: true
}
);
var onDestroyPortlet = function(event) {
if (event.portletId === 'com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq') {
delete Liferay.Form._INSTANCES['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_financeTypePersonalForm'];
}
};
Liferay.on('destroyPortlet', onDestroyPortlet);
Liferay.fire(
'_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_formReady',
{
formName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_financeTypePersonalForm'
}
);
})();(function() {var $ = AUI.$;var _ = AUI._;
Liferay.Form.register(
{
id: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_financeTypeCarForm'
, fieldRules: [
{
body: '',
custom: false,
errorMessage: '\u0053\u0065\u0063\u0074\u006f\u0072\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cSector',
validatorName: 'required'
}
,
{
body: '',
custom: false,
errorMessage: '\u0046\u0069\u006e\u0061\u006e\u0063\u0065\u0020\u0070\u0065\u0072\u0069\u006f\u0064\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cFinancePeriod',
validatorName: 'required'
}
,
{
body: '',
custom: false,
errorMessage: '\u0044\u006f\u0077\u006e\u0020\u0070\u0061\u0079\u006d\u0065\u006e\u0074\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cdownPayment',
validatorName: 'required'
}
,
{
body: '',
custom: false,
errorMessage: '\u0044\u0061\u0074\u0065\u0020\u006f\u0066\u0020\u0062\u0069\u0072\u0074\u0068\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cDateOfBirth',
validatorName: 'required'
}
,
{
body: '',
custom: false,
errorMessage: '\u004e\u0061\u0074\u0069\u006f\u006e\u0061\u006c\u0069\u0074\u0079\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cNationality',
validatorName: 'required'
}
,
{
body: '',
custom: false,
errorMessage: '\u0054\u0079\u0070\u0065\u0020\u006f\u0066\u0020\u0053\u0061\u006c\u0061\u0072\u0079\u0020\u0052\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cTypeOfSalary',
validatorName: 'required'
}
,
{
body: '',
custom: false,
errorMessage: '\u004d\u006f\u006e\u0074\u0068\u006c\u0079\u0020\u0069\u006e\u0063\u006f\u006d\u0065\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cMonthlyIncome',
validatorName: 'required'
}
,
{
body: 20000,
custom: false,
errorMessage: '\u004d\u0069\u006e\u0069\u006d\u0075\u006d\u0020\u0063\u0061\u0072\u0020\u0070\u0072\u0069\u0063\u0065\u0020\u0073\u0068\u006f\u0075\u006c\u0064\u0020\u0062\u0065\u0020\u0032\u0030\u002c\u0030\u0030\u0030',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cCarPrice',
validatorName: 'min'
}
,
{
body: '',
custom: false,
errorMessage: '\u0043\u0061\u0072\u0020\u0070\u0072\u0069\u0063\u0065\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_cCarPrice',
validatorName: 'required'
}
]
, validateOnBlur: true
}
);
var onDestroyPortlet = function(event) {
if (event.portletId === 'com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq') {
delete Liferay.Form._INSTANCES['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_financeTypeCarForm'];
}
};
Liferay.on('destroyPortlet', onDestroyPortlet);
Liferay.fire(
'_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_formReady',
{
formName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_financeTypeCarForm'
}
);
})();(function() {var $ = AUI.$;var _ = AUI._;
Liferay.Form.register(
{
id: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_financeTypeHomeFrom'
, fieldRules: [
{
body: '',
custom: false,
errorMessage: '\u0046\u0069\u006e\u0061\u006e\u0063\u0065\u0020\u0070\u0065\u0072\u0069\u006f\u0064\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_hFinancePeriodInYears',
validatorName: 'required'
}
,
{
body: [290000,7100000],
custom: false,
errorMessage: '\u0050\u0072\u006f\u0070\u0065\u0072\u0074\u0079\u0020\u0070\u0072\u0069\u0063\u0065\u0020\u0073\u0068\u006f\u0075\u006c\u0064\u0020\u0062\u0065\u0020\u0062\u0065\u0074\u0077\u0065\u0065\u006e\u0020\u0053\u0041\u0052\u0020\u0032\u0039\u0030\u002c\u0030\u0030\u0030\u0020\u0061\u006e\u0064\u0020\u0053\u0041\u0052\u0020\u0037\u002c\u0031\u0030\u0030\u002c\u0030\u0030\u0030',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_hPropertyvalue',
validatorName: 'range'
}
,
{
body: '',
custom: false,
errorMessage: '\u0050\u0072\u006f\u0070\u0065\u0072\u0074\u0079\u0020\u0076\u0061\u006c\u0075\u0065\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_hPropertyvalue',
validatorName: 'required'
}
,
{
body: [5000,500000],
custom: false,
errorMessage: '\u0047\u0072\u006f\u0073\u0073\u0020\u0053\u0061\u006c\u0061\u0072\u0079\u0020\u0053\u0068\u006f\u0075\u006c\u0064\u0020\u0062\u0065\u0020\u0062\u0065\u0074\u0077\u0065\u0065\u006e\u0020\u0035\u002c\u0030\u0030\u0030\u0020\u0061\u006e\u0064\u0020\u0035\u0030\u0030\u002c\u0030\u0030\u0030',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_hMonthlyIncome',
validatorName: 'range'
}
,
{
body: '',
custom: false,
errorMessage: '\u0047\u0072\u006f\u0073\u0073\u0020\u0073\u0061\u006c\u0061\u0072\u0079\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_hMonthlyIncome',
validatorName: 'required'
}
,
{
body: [0,500000],
custom: false,
errorMessage: '\u004d\u006f\u006e\u0074\u0068\u006c\u0079\u0020\u004f\u0062\u006c\u0069\u0067\u0061\u0074\u0069\u006f\u006e\u0020\u0073\u0068\u006f\u0075\u006c\u0064\u0020\u0062\u0065\u0020\u0062\u0065\u0074\u0077\u0065\u0065\u006e\u0020\u0030\u0020\u0061\u006e\u0064\u0020\u0035\u0030\u0030\u002c\u0030\u0030\u0030',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_hCurentMonthlyObligations',
validatorName: 'range'
}
,
{
body: '',
custom: false,
errorMessage: '\u004d\u006f\u006e\u0074\u0068\u006c\u0079\u0020\u006f\u0062\u006c\u0069\u0067\u0061\u0074\u0069\u006f\u006e\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_hCurentMonthlyObligations',
validatorName: 'required'
}
,
{
body: '',
custom: false,
errorMessage: '\u0050\u0072\u006f\u0070\u0065\u0072\u0074\u0079\u0020\u006f\u0070\u0074\u0069\u006f\u006e\u0073\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_hPropertyOptions',
validatorName: 'required'
}
]
, validateOnBlur: true
}
);
var onDestroyPortlet = function(event) {
if (event.portletId === 'com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq') {
delete Liferay.Form._INSTANCES['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_financeTypeHomeFrom'];
}
};
Liferay.on('destroyPortlet', onDestroyPortlet);
Liferay.fire(
'_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_formReady',
{
formName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_jbhq_financeTypeHomeFrom'
}
);
})();(function() {var $ = AUI.$;var _ = AUI._;
Liferay.Form.register(
{
id: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_financeTypePersonalForm'
, fieldRules: [
{
body: '',
custom: false,
errorMessage: '\u0054\u0079\u0070\u0065\u0020\u006f\u0066\u0020\u0053\u0061\u006c\u0061\u0072\u0079\u0020\u0052\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pTypeOfSalary',
validatorName: 'required'
}
,
{
body: '',
custom: false,
errorMessage: '\u0044\u0061\u0074\u0065\u0020\u006f\u0066\u0020\u0062\u0069\u0072\u0074\u0068\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_plBirthday',
validatorName: 'required'
}
,
{
body: '',
custom: false,
errorMessage: '\u004e\u0061\u0074\u0069\u006f\u006e\u0061\u006c\u0069\u0074\u0079\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pNationality',
validatorName: 'required'
}
,
{
body: '',
custom: false,
errorMessage: '\u004d\u006f\u006e\u0074\u0068\u006c\u0079\u0020\u0069\u006e\u0063\u006f\u006d\u0065\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pMonthlyIncome',
validatorName: 'required'
}
,
{
body: '',
custom: false,
errorMessage: '\u0043\u0075\u0072\u0072\u0065\u006e\u0074\u0020\u004d\u006f\u006e\u0074\u0068\u006c\u0079\u0020\u004f\u0062\u006c\u0069\u0067\u0061\u0074\u0069\u006f\u006e\u0020\u0052\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pCurentMonthlyObligations',
validatorName: 'required'
}
,
{
body: '',
custom: false,
errorMessage: '\u0053\u0065\u0063\u0074\u006f\u0072\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pSector',
validatorName: 'required'
}
,
{
body: '',
custom: false,
errorMessage: '\u0046\u0069\u006e\u0061\u006e\u0063\u0065\u0020\u0070\u0065\u0072\u0069\u006f\u0064\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_pFinancePeriodInMonths',
validatorName: 'required'
}
]
, validateOnBlur: true
}
);
var onDestroyPortlet = function(event) {
if (event.portletId === 'com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv') {
delete Liferay.Form._INSTANCES['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_financeTypePersonalForm'];
}
};
Liferay.on('destroyPortlet', onDestroyPortlet);
Liferay.fire(
'_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_formReady',
{
formName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_financeTypePersonalForm'
}
);
})();(function() {var $ = AUI.$;var _ = AUI._;
Liferay.Form.register(
{
id: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_financeTypeCarForm'
, fieldRules: [
{
body: '',
custom: false,
errorMessage: '\u0053\u0065\u0063\u0074\u006f\u0072\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cSector',
validatorName: 'required'
}
,
{
body: '',
custom: false,
errorMessage: '\u0046\u0069\u006e\u0061\u006e\u0063\u0065\u0020\u0070\u0065\u0072\u0069\u006f\u0064\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cFinancePeriod',
validatorName: 'required'
}
,
{
body: '',
custom: false,
errorMessage: '\u0044\u006f\u0077\u006e\u0020\u0070\u0061\u0079\u006d\u0065\u006e\u0074\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cdownPayment',
validatorName: 'required'
}
,
{
body: '',
custom: false,
errorMessage: '\u0044\u0061\u0074\u0065\u0020\u006f\u0066\u0020\u0062\u0069\u0072\u0074\u0068\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cDateOfBirth',
validatorName: 'required'
}
,
{
body: '',
custom: false,
errorMessage: '\u004e\u0061\u0074\u0069\u006f\u006e\u0061\u006c\u0069\u0074\u0079\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cNationality',
validatorName: 'required'
}
,
{
body: '',
custom: false,
errorMessage: '\u0054\u0079\u0070\u0065\u0020\u006f\u0066\u0020\u0053\u0061\u006c\u0061\u0072\u0079\u0020\u0052\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cTypeOfSalary',
validatorName: 'required'
}
,
{
body: '',
custom: false,
errorMessage: '\u004d\u006f\u006e\u0074\u0068\u006c\u0079\u0020\u0069\u006e\u0063\u006f\u006d\u0065\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cMonthlyIncome',
validatorName: 'required'
}
,
{
body: 20000,
custom: false,
errorMessage: '\u004d\u0069\u006e\u0069\u006d\u0075\u006d\u0020\u0063\u0061\u0072\u0020\u0070\u0072\u0069\u0063\u0065\u0020\u0073\u0068\u006f\u0075\u006c\u0064\u0020\u0062\u0065\u0020\u0032\u0030\u002c\u0030\u0030\u0030',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cCarPrice',
validatorName: 'min'
}
,
{
body: '',
custom: false,
errorMessage: '\u0043\u0061\u0072\u0020\u0070\u0072\u0069\u0063\u0065\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_cCarPrice',
validatorName: 'required'
}
]
, validateOnBlur: true
}
);
var onDestroyPortlet = function(event) {
if (event.portletId === 'com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv') {
delete Liferay.Form._INSTANCES['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_financeTypeCarForm'];
}
};
Liferay.on('destroyPortlet', onDestroyPortlet);
Liferay.fire(
'_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_formReady',
{
formName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_financeTypeCarForm'
}
);
})();(function() {var $ = AUI.$;var _ = AUI._;
Liferay.Form.register(
{
id: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_financeTypeHomeFrom'
, fieldRules: [
{
body: '',
custom: false,
errorMessage: '\u0046\u0069\u006e\u0061\u006e\u0063\u0065\u0020\u0070\u0065\u0072\u0069\u006f\u0064\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_hFinancePeriodInYears',
validatorName: 'required'
}
,
{
body: [290000,7100000],
custom: false,
errorMessage: '\u0050\u0072\u006f\u0070\u0065\u0072\u0074\u0079\u0020\u0070\u0072\u0069\u0063\u0065\u0020\u0073\u0068\u006f\u0075\u006c\u0064\u0020\u0062\u0065\u0020\u0062\u0065\u0074\u0077\u0065\u0065\u006e\u0020\u0053\u0041\u0052\u0020\u0032\u0039\u0030\u002c\u0030\u0030\u0030\u0020\u0061\u006e\u0064\u0020\u0053\u0041\u0052\u0020\u0037\u002c\u0031\u0030\u0030\u002c\u0030\u0030\u0030',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_hPropertyvalue',
validatorName: 'range'
}
,
{
body: '',
custom: false,
errorMessage: '\u0050\u0072\u006f\u0070\u0065\u0072\u0074\u0079\u0020\u0076\u0061\u006c\u0075\u0065\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_hPropertyvalue',
validatorName: 'required'
}
,
{
body: [5000,500000],
custom: false,
errorMessage: '\u0047\u0072\u006f\u0073\u0073\u0020\u0053\u0061\u006c\u0061\u0072\u0079\u0020\u0053\u0068\u006f\u0075\u006c\u0064\u0020\u0062\u0065\u0020\u0062\u0065\u0074\u0077\u0065\u0065\u006e\u0020\u0035\u002c\u0030\u0030\u0030\u0020\u0061\u006e\u0064\u0020\u0035\u0030\u0030\u002c\u0030\u0030\u0030',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_hMonthlyIncome',
validatorName: 'range'
}
,
{
body: '',
custom: false,
errorMessage: '\u0047\u0072\u006f\u0073\u0073\u0020\u0073\u0061\u006c\u0061\u0072\u0079\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_hMonthlyIncome',
validatorName: 'required'
}
,
{
body: [0,500000],
custom: false,
errorMessage: '\u004d\u006f\u006e\u0074\u0068\u006c\u0079\u0020\u004f\u0062\u006c\u0069\u0067\u0061\u0074\u0069\u006f\u006e\u0020\u0073\u0068\u006f\u0075\u006c\u0064\u0020\u0062\u0065\u0020\u0062\u0065\u0074\u0077\u0065\u0065\u006e\u0020\u0030\u0020\u0061\u006e\u0064\u0020\u0035\u0030\u0030\u002c\u0030\u0030\u0030',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_hCurentMonthlyObligations',
validatorName: 'range'
}
,
{
body: '',
custom: false,
errorMessage: '\u004d\u006f\u006e\u0074\u0068\u006c\u0079\u0020\u006f\u0062\u006c\u0069\u0067\u0061\u0074\u0069\u006f\u006e\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_hCurentMonthlyObligations',
validatorName: 'required'
}
,
{
body: '',
custom: false,
errorMessage: '\u0050\u0072\u006f\u0070\u0065\u0072\u0074\u0079\u0020\u006f\u0070\u0074\u0069\u006f\u006e\u0073\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_hPropertyOptions',
validatorName: 'required'
}
]
, validateOnBlur: true
}
);
var onDestroyPortlet = function(event) {
if (event.portletId === 'com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv') {
delete Liferay.Form._INSTANCES['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_financeTypeHomeFrom'];
}
};
Liferay.on('destroyPortlet', onDestroyPortlet);
Liferay.fire(
'_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_formReady',
{
formName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_qudv_financeTypeHomeFrom'
}
);
})();(function() {var $ = AUI.$;var _ = AUI._;
Liferay.Form.register(
{
id: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_financeTypePersonalForm'
, fieldRules: [
{
body: '',
custom: false,
errorMessage: '\u0054\u0079\u0070\u0065\u0020\u006f\u0066\u0020\u0053\u0061\u006c\u0061\u0072\u0079\u0020\u0052\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pTypeOfSalary',
validatorName: 'required'
}
,
{
body: '',
custom: false,
errorMessage: '\u0044\u0061\u0074\u0065\u0020\u006f\u0066\u0020\u0062\u0069\u0072\u0074\u0068\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_plBirthday',
validatorName: 'required'
}
,
{
body: '',
custom: false,
errorMessage: '\u004e\u0061\u0074\u0069\u006f\u006e\u0061\u006c\u0069\u0074\u0079\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pNationality',
validatorName: 'required'
}
,
{
body: '',
custom: false,
errorMessage: '\u004d\u006f\u006e\u0074\u0068\u006c\u0079\u0020\u0069\u006e\u0063\u006f\u006d\u0065\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pMonthlyIncome',
validatorName: 'required'
}
,
{
body: '',
custom: false,
errorMessage: '\u0043\u0075\u0072\u0072\u0065\u006e\u0074\u0020\u004d\u006f\u006e\u0074\u0068\u006c\u0079\u0020\u004f\u0062\u006c\u0069\u0067\u0061\u0074\u0069\u006f\u006e\u0020\u0052\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pCurentMonthlyObligations',
validatorName: 'required'
}
,
{
body: '',
custom: false,
errorMessage: '\u0053\u0065\u0063\u0074\u006f\u0072\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pSector',
validatorName: 'required'
}
,
{
body: '',
custom: false,
errorMessage: '\u0046\u0069\u006e\u0061\u006e\u0063\u0065\u0020\u0070\u0065\u0072\u0069\u006f\u0064\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_pFinancePeriodInMonths',
validatorName: 'required'
}
]
, validateOnBlur: true
}
);
var onDestroyPortlet = function(event) {
if (event.portletId === 'com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom') {
delete Liferay.Form._INSTANCES['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_financeTypePersonalForm'];
}
};
Liferay.on('destroyPortlet', onDestroyPortlet);
Liferay.fire(
'_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_formReady',
{
formName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_financeTypePersonalForm'
}
);
})();(function() {var $ = AUI.$;var _ = AUI._;
Liferay.Form.register(
{
id: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_financeTypeCarForm'
, fieldRules: [
{
body: '',
custom: false,
errorMessage: '\u0053\u0065\u0063\u0074\u006f\u0072\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cSector',
validatorName: 'required'
}
,
{
body: '',
custom: false,
errorMessage: '\u0046\u0069\u006e\u0061\u006e\u0063\u0065\u0020\u0070\u0065\u0072\u0069\u006f\u0064\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cFinancePeriod',
validatorName: 'required'
}
,
{
body: '',
custom: false,
errorMessage: '\u0044\u006f\u0077\u006e\u0020\u0070\u0061\u0079\u006d\u0065\u006e\u0074\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cdownPayment',
validatorName: 'required'
}
,
{
body: '',
custom: false,
errorMessage: '\u0044\u0061\u0074\u0065\u0020\u006f\u0066\u0020\u0062\u0069\u0072\u0074\u0068\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cDateOfBirth',
validatorName: 'required'
}
,
{
body: '',
custom: false,
errorMessage: '\u004e\u0061\u0074\u0069\u006f\u006e\u0061\u006c\u0069\u0074\u0079\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cNationality',
validatorName: 'required'
}
,
{
body: '',
custom: false,
errorMessage: '\u0054\u0079\u0070\u0065\u0020\u006f\u0066\u0020\u0053\u0061\u006c\u0061\u0072\u0079\u0020\u0052\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cTypeOfSalary',
validatorName: 'required'
}
,
{
body: '',
custom: false,
errorMessage: '\u004d\u006f\u006e\u0074\u0068\u006c\u0079\u0020\u0069\u006e\u0063\u006f\u006d\u0065\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cMonthlyIncome',
validatorName: 'required'
}
,
{
body: 20000,
custom: false,
errorMessage: '\u004d\u0069\u006e\u0069\u006d\u0075\u006d\u0020\u0063\u0061\u0072\u0020\u0070\u0072\u0069\u0063\u0065\u0020\u0073\u0068\u006f\u0075\u006c\u0064\u0020\u0062\u0065\u0020\u0032\u0030\u002c\u0030\u0030\u0030',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cCarPrice',
validatorName: 'min'
}
,
{
body: '',
custom: false,
errorMessage: '\u0043\u0061\u0072\u0020\u0070\u0072\u0069\u0063\u0065\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_cCarPrice',
validatorName: 'required'
}
]
, validateOnBlur: true
}
);
var onDestroyPortlet = function(event) {
if (event.portletId === 'com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom') {
delete Liferay.Form._INSTANCES['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_financeTypeCarForm'];
}
};
Liferay.on('destroyPortlet', onDestroyPortlet);
Liferay.fire(
'_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_formReady',
{
formName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_financeTypeCarForm'
}
);
})();(function() {var $ = AUI.$;var _ = AUI._;
Liferay.Form.register(
{
id: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_financeTypeHomeFrom'
, fieldRules: [
{
body: '',
custom: false,
errorMessage: '\u0046\u0069\u006e\u0061\u006e\u0063\u0065\u0020\u0070\u0065\u0072\u0069\u006f\u0064\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_hFinancePeriodInYears',
validatorName: 'required'
}
,
{
body: [290000,7100000],
custom: false,
errorMessage: '\u0050\u0072\u006f\u0070\u0065\u0072\u0074\u0079\u0020\u0070\u0072\u0069\u0063\u0065\u0020\u0073\u0068\u006f\u0075\u006c\u0064\u0020\u0062\u0065\u0020\u0062\u0065\u0074\u0077\u0065\u0065\u006e\u0020\u0053\u0041\u0052\u0020\u0032\u0039\u0030\u002c\u0030\u0030\u0030\u0020\u0061\u006e\u0064\u0020\u0053\u0041\u0052\u0020\u0037\u002c\u0031\u0030\u0030\u002c\u0030\u0030\u0030',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_hPropertyvalue',
validatorName: 'range'
}
,
{
body: '',
custom: false,
errorMessage: '\u0050\u0072\u006f\u0070\u0065\u0072\u0074\u0079\u0020\u0076\u0061\u006c\u0075\u0065\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_hPropertyvalue',
validatorName: 'required'
}
,
{
body: [5000,500000],
custom: false,
errorMessage: '\u0047\u0072\u006f\u0073\u0073\u0020\u0053\u0061\u006c\u0061\u0072\u0079\u0020\u0053\u0068\u006f\u0075\u006c\u0064\u0020\u0062\u0065\u0020\u0062\u0065\u0074\u0077\u0065\u0065\u006e\u0020\u0035\u002c\u0030\u0030\u0030\u0020\u0061\u006e\u0064\u0020\u0035\u0030\u0030\u002c\u0030\u0030\u0030',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_hMonthlyIncome',
validatorName: 'range'
}
,
{
body: '',
custom: false,
errorMessage: '\u0047\u0072\u006f\u0073\u0073\u0020\u0073\u0061\u006c\u0061\u0072\u0079\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_hMonthlyIncome',
validatorName: 'required'
}
,
{
body: [0,500000],
custom: false,
errorMessage: '\u004d\u006f\u006e\u0074\u0068\u006c\u0079\u0020\u004f\u0062\u006c\u0069\u0067\u0061\u0074\u0069\u006f\u006e\u0020\u0073\u0068\u006f\u0075\u006c\u0064\u0020\u0062\u0065\u0020\u0062\u0065\u0074\u0077\u0065\u0065\u006e\u0020\u0030\u0020\u0061\u006e\u0064\u0020\u0035\u0030\u0030\u002c\u0030\u0030\u0030',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_hCurentMonthlyObligations',
validatorName: 'range'
}
,
{
body: '',
custom: false,
errorMessage: '\u004d\u006f\u006e\u0074\u0068\u006c\u0079\u0020\u006f\u0062\u006c\u0069\u0067\u0061\u0074\u0069\u006f\u006e\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_hCurentMonthlyObligations',
validatorName: 'required'
}
,
{
body: '',
custom: false,
errorMessage: '\u0050\u0072\u006f\u0070\u0065\u0072\u0074\u0079\u0020\u006f\u0070\u0074\u0069\u006f\u006e\u0073\u0020\u0072\u0065\u0071\u0075\u0069\u0072\u0065\u0064',
fieldName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_hPropertyOptions',
validatorName: 'required'
}
]
, validateOnBlur: true
}
);
var onDestroyPortlet = function(event) {
if (event.portletId === 'com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom') {
delete Liferay.Form._INSTANCES['_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_financeTypeHomeFrom'];
}
};
Liferay.on('destroyPortlet', onDestroyPortlet);
Liferay.fire(
'_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_formReady',
{
formName: '_com_rb_finance_calculator_web_RbFinanceCalculatorWebPortlet_INSTANCE_fkom_financeTypeHomeFrom'
}
);
})();});
// ]]>
</script>
<script src="https://riyadbank.com/o/rb-theme/js/main.js?browserId=chrome&minifierType=js&languageId=en_US&t=1728694096000" type="text/javascript"></script>
<script type="text/javascript">
// <![CDATA[
AUI().use(
'aui-base',
function(A) {
var frameElement = window.frameElement;
if (frameElement && frameElement.getAttribute('id') === 'simulationDeviceIframe') {
A.getBody().addClass('lfr-has-simulation-panel');
}
}
);
// ]]>
</script><script type="text/javascript">
// <![CDATA[
Liferay.Loader.require('[email protected]/index', function(frontendJsAlertSupportWeb109Index) {
try {
(function() {
var AlertProvider = frontendJsAlertSupportWeb109Index;
AlertProvider.default()
})();
} catch (err) {
console.error(err);
}
});
// ]]>
</script><script type="text/javascript">
// <![CDATA[
Liferay.Loader.require('[email protected]/index', function(frontendJsTooltipSupportWeb306Index) {
try {
(function() {
var TooltipSupport = frontendJsTooltipSupportWeb306Index;
TooltipSupport.default()
})();
} catch (err) {
console.error(err);
}
});
// ]]>
</script><script type="text/javascript">
// <![CDATA[
Liferay.Loader.require('[email protected]/index', function(frontendJsTabsSupportWeb1010Index) {
try {
(function() {
var TabsProvider = frontendJsTabsSupportWeb1010Index;
TabsProvider.default()
})();
} catch (err) {
console.error(err);
}
});
// ]]>
</script><script type="text/javascript">
// <![CDATA[
Liferay.Loader.require('[email protected]/index', function(frontendJsCollapseSupportWeb1014Index) {
try {
(function() {
var CollapseProvider = frontendJsCollapseSupportWeb1014Index;
CollapseProvider.default()
})();
} catch (err) {
console.error(err);
}
});
// ]]>
</script><script type="text/javascript">
// <![CDATA[
Liferay.Loader.require('[email protected]/index', function(frontendJsDropdownSupportWeb1010Index) {
try {
(function() {
var DropdownProvider = frontendJsDropdownSupportWeb1010Index;
DropdownProvider.default()
})();
} catch (err) {
console.error(err);
}
});
// ]]>
</script><script type="text/javascript">
// <![CDATA[
Liferay.Loader.require('[email protected]/index', function(remoteAppSupportWeb107Index) {
try {
(function() {
var RemoteAppSupport = remoteAppSupportWeb107Index;
RemoteAppSupport.default()
})();
} catch (err) {
console.error(err);
}
});
// ]]>
</script>
<div style="display: none; visibility: hidden;">
<script>!function(d,e,f,a,b,c){d.twq||(a=d.twq=function(){a.exe?a.exe.apply(a,arguments):a.queue.push(arguments)},a.version="1.1",a.queue=[],b=e.createElement(f),b.async=!0,b.src="https://static.ads-twitter.com/uwt.js",c=e.getElementsByTagName(f)[0],c.parentNode.insertBefore(b,c))}(window,document,"script");twq("config","nzsrv");</script>
</div>
<script type="text/javascript" id="">twq("event","tw-nzsrv-okib0",{});</script>
<img src="https://t.co/1/i/adsct?bci=4&eci=3&event=%7B%7D&event_id=7481737a-48ab-433d-8afd-b9173d56abe9&integration=advertiser&p_id=Twitter&p_user_id=0&pl_id=8963f024-f59f-43e5-ba44-53cf170cc5dc&tw_document_href=https%3A%2F%2Friyadbank.com%2F&tw_iframe_status=0&txn_id=nzsrv&type=javascript&version=2.3.30" height="1" width="1" style="display: none;"><img src="https://analytics.twitter.com/1/i/adsct?bci=4&eci=3&event=%7B%7D&event_id=7481737a-48ab-433d-8afd-b9173d56abe9&integration=advertiser&p_id=Twitter&p_user_id=0&pl_id=8963f024-f59f-43e5-ba44-53cf170cc5dc&tw_document_href=https%3A%2F%2Friyadbank.com%2F&tw_iframe_status=0&txn_id=nzsrv&type=javascript&version=2.3.30" height="1" width="1" style="display: none;"><img src="https://t.co/1/i/adsct?bci=4&eci=4&event=%7B%7D&event_id=301d95d9-1df5-4281-bc0a-c296592bfb7f&integration=advertiser&p_id=Twitter&p_user_id=0&pl_id=8963f024-f59f-43e5-ba44-53cf170cc5dc&tw_document_href=https%3A%2F%2Friyadbank.com%2F&tw_iframe_status=0&txn_id=tw-nzsrv-okib0&type=javascript&version=2.3.30" height="1" width="1" style="display: none;"><img src="https://analytics.twitter.com/1/i/adsct?bci=4&eci=4&event=%7B%7D&event_id=301d95d9-1df5-4281-bc0a-c296592bfb7f&integration=advertiser&p_id=Twitter&p_user_id=0&pl_id=8963f024-f59f-43e5-ba44-53cf170cc5dc&tw_document_href=https%3A%2F%2Friyadbank.com%2F&tw_iframe_status=0&txn_id=tw-nzsrv-okib0&type=javascript&version=2.3.30" height="1" width="1" style="display: none;"><div id="yui3-css-stamp" style="position: absolute !important; visibility: hidden !important" class=""></div><div style="background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 3px; position: absolute; transition: visibility 0s linear 0.3s, opacity 0.3s linear 0s; opacity: 0; visibility: hidden; z-index: 2000000000; left: 0px; top: -10000px;"><div style="width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 2000000000; background-color: rgb(255, 255, 255); opacity: 0.05;"></div><div class="g-recaptcha-bubble-arrow" style="border: 11px solid transparent; width: 0px; height: 0px; position: absolute; pointer-events: none; margin-top: -11px; z-index: 2000000000;"></div><div class="g-recaptcha-bubble-arrow" style="border: 10px solid transparent; width: 0px; height: 0px; position: absolute; pointer-events: none; margin-top: -10px; z-index: 2000000000;"></div><div style="z-index: 2000000000; position: relative;"><iframe title="recaptcha challenge expires in two minutes" name="c-g2z8hg3qyyf" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" src="https://www.google.com/recaptcha/api2/bframe?hl=en&v=aR-zv8WjtWx4lAw-tRCA-zca&k=6LeN9FMoAAAAAEBb194-rQLjhLZOb6bJfeJkuu4V" style="width: 100%; height: 100%;"></iframe></div></div><div style="background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 3px; position: absolute; transition: visibility 0s linear 0.3s, opacity 0.3s linear 0s; opacity: 0; visibility: hidden; z-index: 2000000000; left: 0px; top: -10000px;"><div style="width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 2000000000; background-color: rgb(255, 255, 255); opacity: 0.05;"></div><div class="g-recaptcha-bubble-arrow" style="border: 11px solid transparent; width: 0px; height: 0px; position: absolute; pointer-events: none; margin-top: -11px; z-index: 2000000000;"></div><div class="g-recaptcha-bubble-arrow" style="border: 10px solid transparent; width: 0px; height: 0px; position: absolute; pointer-events: none; margin-top: -10px; z-index: 2000000000;"></div><div style="z-index: 2000000000; position: relative;"><iframe title="recaptcha challenge expires in two minutes" name="c-289dkpp7k7m9" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" src="https://www.google.com/recaptcha/api2/bframe?hl=en&v=aR-zv8WjtWx4lAw-tRCA-zca&k=6LeN9FMoAAAAAEBb194-rQLjhLZOb6bJfeJkuu4V" style="width: 100%; height: 100%;"></iframe></div></div></body></html>