{"id":1048,"date":"2025-11-16T11:32:22","date_gmt":"2025-11-16T11:32:22","guid":{"rendered":"https:\/\/noblescapital.sawaftech.com\/%d9%85%d9%82%d8%a7%d8%b1%d9%86%d8%a9\/"},"modified":"2025-12-02T08:45:15","modified_gmt":"2025-12-02T08:45:15","slug":"%d9%85%d9%82%d8%a7%d8%b1%d9%86%d8%a9","status":"publish","type":"page","link":"https:\/\/noblescapital.ae\/ar\/%d9%85%d9%82%d8%a7%d8%b1%d9%86%d8%a9\/","title":{"rendered":"\u0645\u0642\u0627\u0631\u0646\u0629"},"content":{"rendered":"<style>.elementor-1048 .elementor-element.elementor-element-0e4c661{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}body.elementor-page-1048:not(.elementor-motion-effects-element-type-background), body.elementor-page-1048 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}<\/style>\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1048\" class=\"elementor elementor-1048 elementor-849\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e4c661 e-flex e-con-boxed e-con e-parent\" data-id=\"0e4c661\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c9b358 elementor-widget elementor-widget-shortcode\" data-id=\"2c9b358\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\r\n \/* Compare page enhanced responsive styles *\/\r\n .swf-bc-compare-root { \r\n   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; \r\n   max-width: 1400px; \r\n   margin: 0 auto; \r\n   padding: 20px; \r\n   box-sizing: border-box;\r\n }\r\n \r\n .swf-bc-compare-header { \r\n   background: linear-gradient(135deg, #17926A 0%, #B2E67A 100%); \r\n   padding: 20px; \r\n   border-radius: 12px; \r\n   margin-bottom: 20px; \r\n   color: white; \r\n   box-shadow: 0 4px 20px rgba(0,0,0,0.1); \r\n }\r\n \r\n .swf-bc-compare-header h2 { \r\n   margin: 0; \r\n   font-size: clamp(24px, 5vw, 32px); \r\n   font-weight: 700; \r\n   text-shadow: 0 2px 4px rgba(0,0,0,0.2); \r\n   text-align: center;\r\n }\r\n \r\n .swf-bc-compare-toolbar { \r\n   display:flex; \r\n   align-items:center; \r\n   justify-content: center;\r\n   gap:12px; \r\n   margin-top: 15px; \r\n   flex-wrap: wrap;\r\n }\r\n \r\n .swf-bc-compare-count { \r\n   background: rgba(255,255,255,0.2); \r\n   padding: 8px 16px; \r\n   border-radius: 20px; \r\n   font-weight: 600; \r\n   backdrop-filter: blur(10px); \r\n   text-align: center;\r\n }\r\n \r\n .swf-bc-compare-layout { \r\n   display:grid; \r\n   grid-template-columns: minmax(250px, 280px) 1fr; \r\n   gap: 20px; \r\n   margin-top: 20px; \r\n }\r\n \r\n .swf-bc-sidebar { \r\n   background:#fff; \r\n   border:1px solid #e5e7eb; \r\n   border-radius:12px; \r\n   padding:15px; \r\n   position:sticky; \r\n   top:20px; \r\n   height: fit-content; \r\n   box-shadow: 0 2px 15px rgba(0,0,0,0.08); \r\n   align-self: start;\r\n }\r\n \r\n .swf-bc-sidebar-title { \r\n   font-weight:700; \r\n   margin-bottom:15px; \r\n   font-size: 18px; \r\n   color: #1f2937; \r\n   padding-bottom: 10px; \r\n   border-bottom: 2px solid #17926A; \r\n }\r\n \r\n .swf-bc-filter-group { \r\n   margin-bottom:15px; \r\n }\r\n \r\n .swf-bc-filter-group label { \r\n   display:block; \r\n   font-size:14px; \r\n   color:#374151; \r\n   margin-bottom:8px; \r\n   font-weight:600; \r\n }\r\n \r\n .swf-bc-filter-group input[type=\"number\"],\r\n .swf-bc-filter-group input[type=\"text\"],\r\n .swf-bc-filter-group select { \r\n   width:100%; \r\n   padding:10px 12px; \r\n   border:1px solid #d1d5db; \r\n   border-radius:8px; \r\n   font-size:14px; \r\n   transition: all 0.3s; \r\n   box-sizing: border-box;\r\n }\r\n \r\n .swf-bc-filter-group input:focus,\r\n .swf-bc-filter-group select:focus { \r\n   outline: none; \r\n   border-color: #17926A; \r\n   box-shadow: 0 0 0 3px rgba(102,126,234,0.1); \r\n }\r\n \r\n .swf-bc-filter-checklist { \r\n   display:grid; \r\n   grid-template-columns: 1fr 1fr; \r\n   gap:8px 10px; \r\n   margin-top:8px; \r\n }\r\n \r\n .swf-bc-filter-checklist label { \r\n   display:flex; \r\n   align-items:center; \r\n   gap:6px; \r\n   font-size:13px; \r\n   color:#111827; \r\n   font-weight:500; \r\n   cursor: pointer; \r\n }\r\n \r\n .swf-bc-filter-checklist input[type=\"checkbox\"] { \r\n   width: 16px; \r\n   height: 16px; \r\n   cursor: pointer; \r\n   flex-shrink: 0;\r\n }\r\n \r\n .swf-bc-filter-actions { \r\n   display:flex; \r\n   gap:8px; \r\n   margin-top:15px; \r\n }\r\n \r\n .swf-bc-btn { \r\n   padding:10px 16px; \r\n   border-radius:8px; \r\n   border:1px solid transparent; \r\n   background:#f3f4f6; \r\n   cursor:pointer; \r\n   font-weight:600; \r\n   font-size:14px; \r\n   transition: all 0.3s; \r\n   flex: 1;\r\n }\r\n \r\n .swf-bc-btn:hover { \r\n   transform: translateY(-2px); \r\n   box-shadow: 0 4px 12px rgba(0,0,0,0.15); \r\n }\r\n \r\n .swf-bc-btn-primary { \r\n   background: linear-gradient(135deg, #17926A 0%, #B2E67A 100%); \r\n   color:#fff; \r\n }\r\n \r\n .swf-bc-btn-primary:hover { \r\n   background: linear-gradient(135deg, #17926A 0%, #B2E67A 100%); \r\n }\r\n \r\n .swf-bc-btn-outline { \r\n   background:#fff; \r\n   border-color:#d1d5db; \r\n   color: #374151; \r\n }\r\n \r\n .swf-bc-btn-outline:hover { \r\n   background: #f9fafb; \r\n   border-color: #9ca3af; \r\n }\r\n \r\n .swf-bc-compare-main { \r\n   overflow: hidden;\r\n }\r\n \r\n .swf-bc-compare-cards-container {\r\n   display: flex;\r\n   gap: 15px;\r\n   margin: 20px 0;\r\n   overflow-x: auto;\r\n   padding: 10px 5px;\r\n   scrollbar-width: thin;\r\n   scrollbar-color: #17926A #f1f1f1;\r\n }\r\n \r\n .swf-bc-compare-cards-container::-webkit-scrollbar {\r\n   height: 8px;\r\n }\r\n \r\n .swf-bc-compare-cards-container::-webkit-scrollbar-track {\r\n   background: #f1f1f1;\r\n   border-radius: 10px;\r\n }\r\n \r\n .swf-bc-compare-cards-container::-webkit-scrollbar-thumb {\r\n   background: #17926A;\r\n   border-radius: 10px;\r\n }\r\n \r\n .swf-bc-broker-card {\r\n   min-width: 180px;\r\n   max-width: 200px;\r\n   flex: 1;\r\n   border: 2px solid #e0e0e0;\r\n   padding: 15px;\r\n   border-radius: 12px;\r\n   text-align: center;\r\n   background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%);\r\n   box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n   transition: transform 0.3s, box-shadow 0.3s;\r\n   display: flex;\r\n   flex-direction: column;\r\n   justify-content: space-between;\r\n   position: relative;\r\n }\r\n \r\n .swf-bc-broker-card:hover {\r\n   transform: translateY(-5px);\r\n   box-shadow: 0 8px 20px rgba(0,0,0,0.15);\r\n }\r\n \r\n .swf-bc-broker-rank {\r\n   position: absolute;\r\n   top: -10px;\r\n   left: 10px;\r\n   background: #B2E67A;\r\n   color: white;\r\n   width: 32px;\r\n   height: 32px;\r\n   border-radius: 50%;\r\n   display: flex;\r\n   align-items: center;\r\n   justify-content: center;\r\n   font-weight: bold;\r\n   font-size: 14px;\r\n   box-shadow: 0 2px 6px rgba(0,0,0,0.2);\r\n }\r\n \r\n .swf-bc-broker-logo {\r\n   margin: 15px 0;\r\n   height: 70px;\r\n   display: flex;\r\n   align-items: center;\r\n   justify-content: center;\r\n   background: white;\r\n   border-radius: 8px;\r\n   padding: 10px;\r\n }\r\n \r\n .swf-bc-broker-logo img {\r\n   max-width: 100%;\r\n   max-height: 70px;\r\n   height: auto;\r\n }\r\n \r\n .swf-bc-broker-name {\r\n   margin: 10px 0;\r\n   font-size: 15px;\r\n   font-weight: 700;\r\n   height: 45px;\r\n   display: flex;\r\n   align-items: center;\r\n   justify-content: center;\r\n   color: #333;\r\n   line-height: 1.3;\r\n   overflow: hidden;\r\n }\r\n \r\n .swf-bc-broker-stars {\r\n   margin: 10px 0;\r\n   display: flex;\r\n   justify-content: center;\r\n   gap: 2px;\r\n }\r\n \r\n .swf-bc-star {\r\n   font-size: 16px;\r\n }\r\n \r\n .swf-bc-star-full {\r\n   color: #17926A;\r\n }\r\n \r\n .swf-bc-star-half {\r\n   color: #17926A;\r\n }\r\n \r\n .swf-bc-star-empty {\r\n   color: #ddd;\r\n }\r\n \r\n .swf-bc-broker-score {\r\n   font-size: 24px;\r\n   font-weight: bold;\r\n   color: #0066cc;\r\n   margin: 10px 0;\r\n }\r\n \r\n .swf-bc-score-label {\r\n   color: #888;\r\n   font-size: 12px;\r\n   margin-bottom: 15px;\r\n   font-weight: 500;\r\n }\r\n \r\n .swf-bc-visit-btn {\r\n   display: inline-block;\r\n   padding: 10px 15px;\r\n   background: linear-gradient(135deg, #17926A 0%, #B2E67A 100%);\r\n   color: white;\r\n   text-decoration: none;\r\n   border-radius: 6px;\r\n   font-size: 13px;\r\n   font-weight: 600;\r\n   transition: all 0.3s;\r\n   box-shadow: 0 2px 6px rgba(0,102,204,0.3);\r\n   margin-top: auto;\r\n }\r\n \r\n .swf-bc-visit-btn:hover {\r\n   background: linear-gradient(135deg, #17926A 0%, #B2E67A 100%);\r\n   box-shadow: 0 4px 10px rgba(0,102,204,0.4);\r\n   color: white;\r\n }\r\n \r\n .swf-bc-compare-sections h3 { \r\n   font-size: clamp(18px, 4vw, 22px); \r\n   color: #1f2937; \r\n   font-weight: 700; \r\n   margin-bottom: 15px;\r\n   padding-bottom: 10px;\r\n   border-bottom: 2px solid #0066cc;\r\n }\r\n \r\n .swf-bc-section-table {\r\n   width: 100%;\r\n   border-collapse: collapse;\r\n   background: white;\r\n   margin-bottom: 30px;\r\n   overflow-x: auto;\r\n   display: block;\r\n }\r\n \r\n .swf-bc-section-table thead tr {\r\n   background: #f5f5f5;\r\n }\r\n \r\n .swf-bc-section-table th {\r\n   padding: 12px;\r\n   text-align: left;\r\n   border: 1px solid #ddd;\r\n   font-weight: 600;\r\n   white-space: nowrap;\r\n }\r\n \r\n .swf-bc-section-table td {\r\n   padding: 12px;\r\n   border: 1px solid #ddd;\r\n   font-size: 14px;\r\n }\r\n \r\n .swf-bc-section-table tbody tr:hover {\r\n   background: #f9fafb;\r\n }\r\n \r\n .swf-bc-pagination-controls {\r\n   display: none;\r\n   margin: 20px 0;\r\n   text-align: center;\r\n }\r\n \r\n .swf-bc-pagination-btn {\r\n   padding: 10px 20px;\r\n   background: #B2E67A;\r\n   color: white;\r\n   border: none;\r\n   border-radius: 4px;\r\n   cursor: pointer;\r\n   margin: 0 10px;\r\n   font-size: 16px;\r\n   transition: all 0.3s;\r\n }\r\n \r\n .swf-bc-pagination-btn:hover:not(:disabled) {\r\n   background: #17926A;\r\n }\r\n \r\n .swf-bc-pagination-btn:disabled {\r\n   opacity: 0.5;\r\n   cursor: not-allowed;\r\n }\r\n \r\n .swf-bc-page-info {\r\n   margin: 0 15px;\r\n   font-weight: 600;\r\n   font-size: 16px;\r\n }\r\n \r\n .swf-bc-loading { \r\n   text-align: center; \r\n   padding: 60px 20px; \r\n }\r\n \r\n .swf-bc-loading-spinner { \r\n   width: 50px; \r\n   height: 50px; \r\n   border: 4px solid #f3f4f6; \r\n   border-top: 4px solid #17926A; \r\n   border-radius: 50%; \r\n   animation: spin 1s linear infinite; \r\n   margin: 0 auto 20px; \r\n }\r\n \r\n @keyframes spin { \r\n   0% { transform: rotate(0deg); } \r\n   100% { transform: rotate(360deg); } \r\n }\r\n \r\n .swf-bc-empty-state { \r\n   text-align: center; \r\n   padding: 60px 20px; \r\n }\r\n \r\n .swf-bc-empty-state h3 { \r\n   color: #374151; \r\n   font-size: 24px; \r\n   margin-bottom: 10px; \r\n }\r\n \r\n .swf-bc-empty-state p { \r\n   color: #6b7280; \r\n   font-size: 16px; \r\n }\r\n \r\n \/* Responsive adjustments *\/\r\n @media (max-width: 1024px) { \r\n   .swf-bc-compare-layout { \r\n     grid-template-columns: 1fr; \r\n   } \r\n   .swf-bc-sidebar { \r\n     position: static; \r\n   } \r\n }\r\n \r\n @media (max-width: 768px) {\r\n   .swf-bc-compare-root {\r\n     padding: 10px;\r\n   }\r\n   \r\n   .swf-bc-compare-header {\r\n     padding: 15px;\r\n   }\r\n   \r\n   .swf-bc-compare-toolbar {\r\n     flex-direction: column;\r\n     gap: 8px;\r\n   }\r\n   \r\n   .swf-bc-filter-checklist {\r\n     grid-template-columns: 1fr;\r\n   }\r\n   \r\n   .swf-bc-filter-actions {\r\n     flex-direction: column;\r\n   }\r\n   \r\n   .swf-bc-broker-card {\r\n     min-width: 160px;\r\n     padding: 12px;\r\n   }\r\n   \r\n   .swf-bc-section-table {\r\n     font-size: 12px;\r\n   }\r\n   \r\n   .swf-bc-section-table th,\r\n   .swf-bc-section-table td {\r\n     padding: 8px;\r\n   }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n   .swf-bc-broker-card {\r\n     min-width: 140px;\r\n     padding: 10px;\r\n   }\r\n   \r\n   .swf-bc-broker-name {\r\n     font-size: 13px;\r\n     height: 40px;\r\n   }\r\n   \r\n   .swf-bc-broker-score {\r\n     font-size: 20px;\r\n   }\r\n   \r\n   .swf-bc-visit-btn {\r\n     padding: 8px 12px;\r\n     font-size: 12px;\r\n   }\r\n   \r\n   .swf-bc-pagination-btn {\r\n     padding: 8px 15px;\r\n     font-size: 14px;\r\n   }\r\n }\r\n<\/style>\r\n\r\n<div id=\"swf-bc-compare-root\" class=\"swf-bc-compare-root swf-bc-theme\" \r\n     data-broker-ids=\"\"\r\n     data-broker-names=\"\"\r\n     data-country=\"Netherlands\"\r\n     data-auto-load=\"true\">\r\n\t<div class=\"swf-bc-compare-header\">\r\n\t\t<h2>\u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u064a\u0646 \u0627\u0644\u0648\u0633\u0637\u0627\u0621 \u0639\u0628\u0631 \u0627\u0644\u0625\u0646\u062a\u0631\u0646\u062a \u0641\u064aNetherlands<\/h2>\r\n\t\t<div class=\"swf-bc-compare-toolbar\">\r\n\t\t\t<div class=\"swf-bc-compare-count\" id=\"swf-bc-compare-count\">\r\n\t\t\t\t\u062c\u0627\u0631\u064a \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0648\u0633\u0637\u0627\u0621...\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<div class=\"swf-bc-compare-layout\">\r\n\t\t<!-- Sidebar Filters -->\r\n\t<aside class=\"swf-bc-sidebar\">\r\n\t\t\t<div class=\"swf-bc-sidebar-title\">\u0627\u0644\u0645\u0631\u0634\u062d\u0627\u062a<\/div>\r\n\t\t\t<div class=\"swf-bc-compare-filters\">\r\n\t\t\t\t<div class=\"swf-bc-filter-group\">\r\n\t\t\t\t\t<label for=\"swf-filter-country\">\u0627\u0644\u062f\u0648\u0644\u0629<\/label>\r\n\t\t\t\t\t<select id=\"swf-filter-country\">\r\n\t\t\t\t\t\t<option value=\"\">\u062c\u0645\u064a\u0639 \u0627\u0644\u0628\u0644\u062f\u0627\u0646<\/option>\r\n\t\t\t\t\t\t<option value=\"Afghanistan\" >Afghanistan<\/option><option value=\"Albania\" >Albania<\/option><option value=\"Algeria\" >Algeria<\/option><option value=\"Argentina\" >Argentina<\/option><option value=\"Australia\" >Australia<\/option><option value=\"Austria\" >Austria<\/option><option value=\"Bahrain\" >Bahrain<\/option><option value=\"Bangladesh\" >Bangladesh<\/option><option value=\"Belgium\" >Belgium<\/option><option value=\"Brazil\" >Brazil<\/option><option value=\"Bulgaria\" >Bulgaria<\/option><option value=\"Canada\" >Canada<\/option><option value=\"Chile\" >Chile<\/option><option value=\"China\" >China<\/option><option value=\"Colombia\" >Colombia<\/option><option value=\"Croatia\" >Croatia<\/option><option value=\"Cyprus\" >Cyprus<\/option><option value=\"Czech Republic\" >Czech Republic<\/option><option value=\"Denmark\" >Denmark<\/option><option value=\"Egypt\" >Egypt<\/option><option value=\"Estonia\" >Estonia<\/option><option value=\"Finland\" >Finland<\/option><option value=\"France\" >France<\/option><option value=\"Germany\" >Germany<\/option><option value=\"Greece\" >Greece<\/option><option value=\"Hong Kong\" >Hong Kong<\/option><option value=\"Hungary\" >Hungary<\/option><option value=\"Iceland\" >Iceland<\/option><option value=\"India\" >India<\/option><option value=\"Indonesia\" >Indonesia<\/option><option value=\"Ireland\" >Ireland<\/option><option value=\"Israel\" >Israel<\/option><option value=\"Italy\" >Italy<\/option><option value=\"Japan\" >Japan<\/option><option value=\"Jordan\" >Jordan<\/option><option value=\"Kuwait\" >Kuwait<\/option><option value=\"Latvia\" >Latvia<\/option><option value=\"Lebanon\" >Lebanon<\/option><option value=\"Lithuania\" >Lithuania<\/option><option value=\"Luxembourg\" >Luxembourg<\/option><option value=\"Malaysia\" >Malaysia<\/option><option value=\"Malta\" >Malta<\/option><option value=\"Mexico\" >Mexico<\/option><option value=\"Morocco\" >Morocco<\/option><option value=\"Netherlands\" selected>Netherlands<\/option><option value=\"New Zealand\" >New Zealand<\/option><option value=\"Norway\" >Norway<\/option><option value=\"Oman\" >Oman<\/option><option value=\"Pakistan\" >Pakistan<\/option><option value=\"Philippines\" >Philippines<\/option><option value=\"Poland\" >Poland<\/option><option value=\"Portugal\" >Portugal<\/option><option value=\"Qatar\" >Qatar<\/option><option value=\"Romania\" >Romania<\/option><option value=\"Russia\" >Russia<\/option><option value=\"Saudi Arabia\" >Saudi Arabia<\/option><option value=\"Singapore\" >Singapore<\/option><option value=\"Slovakia\" >Slovakia<\/option><option value=\"Slovenia\" >Slovenia<\/option><option value=\"South Africa\" >South Africa<\/option><option value=\"South Korea\" >South Korea<\/option><option value=\"Spain\" >Spain<\/option><option value=\"Syria\" >Syria<\/option><option value=\"Sweden\" >Sweden<\/option><option value=\"Switzerland\" >Switzerland<\/option><option value=\"Taiwan\" >Taiwan<\/option><option value=\"Thailand\" >Thailand<\/option><option value=\"Turkey\" >Turkey<\/option><option value=\"UAE\" >UAE<\/option><option value=\"Ukraine\" >Ukraine<\/option><option value=\"United Kingdom\" >United Kingdom<\/option><option value=\"United States\" >United States<\/option><option value=\"Vietnam\" >Vietnam<\/option>\t\t\t\t\t<\/select>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"swf-bc-filter-group\">\r\n\t\t\t\t\t<label for=\"swf-filter-rating\">\u0627\u0644\u062d\u062f \u0627\u0644\u0623\u062f\u0646\u0649 \u0644\u0644\u062a\u0642\u064a\u064a\u0645<\/label>\r\n\t\t\t\t\t<select id=\"swf-filter-rating\">\r\n\t\t\t\t\t\t<option value=\"0\">\u0623\u064a<\/option>\r\n\t\t\t\t\t\t<option value=\"3\">3.0+<\/option>\r\n\t\t\t\t\t\t<option value=\"3.5\">3.5+<\/option>\r\n\t\t\t\t\t\t<option value=\"4\">4.0+<\/option>\r\n\t\t\t\t\t\t<option value=\"4.5\">4.5+<\/option>\r\n\t\t\t\t\t<\/select>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"swf-bc-filter-group\">\r\n\t\t\t\t\t<label for=\"swf-filter-min-deposit\">\u0627\u0644\u062d\u062f \u0627\u0644\u0623\u062f\u0646\u0649 \u0644\u0644\u0625\u064a\u062f\u0627\u0639 ($)<\/label>\r\n\t\t\t\t\t<input type=\"number\" id=\"swf-filter-min-deposit\" placeholder=\"e.g. 100\" min=\"0\" step=\"1\" \/>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"swf-bc-filter-group\">\r\n\t\t\t\t\t<label>\u0627\u0644\u0645\u0646\u0635\u0627\u062a<\/label>\r\n\t\t\t\t\t<div class=\"swf-bc-filter-checklist\">\r\n\t\t\t\t\t\t<label><input type=\"checkbox\" id=\"swf-filter-mt4\" \/> MT4<\/label>\r\n\t\t\t\t\t\t<label><input type=\"checkbox\" id=\"swf-filter-mt5\" \/> MT5<\/label>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"swf-bc-filter-group\">\r\n\t\t\t\t\t<label>\u0627\u0644\u0645\u062f\u0641\u0648\u0639\u0627\u062a<\/label>\r\n\t\t\t\t\t<div class=\"swf-bc-filter-checklist\">\r\n\t\t\t\t\t\t<label><input type=\"checkbox\" id=\"swf-filter-bank\" \/> Bank transfer<\/label>\r\n\t\t\t\t\t\t<label><input type=\"checkbox\" id=\"swf-filter-card\" \/> Credit\/Debit card<\/label>\r\n\t\t\t\t\t\t<label><input type=\"checkbox\" id=\"swf-filter-paypal\" \/> PayPal<\/label>\r\n\t\t\t\t\t\t<label><input type=\"checkbox\" id=\"swf-filter-wise\" \/> Wise<\/label>\r\n\t\t\t\t\t\t<label><input type=\"checkbox\" id=\"swf-filter-revolut\" \/> Revolut<\/label>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"swf-bc-filter-group\">\r\n\t\t\t\t\t<label for=\"swf-filter-regulator\">\u064a\u062d\u062a\u0648\u064a \u0627\u0644\u0645\u0646\u0638\u0645 \u0639\u0644\u0649<\/label>\r\n\t\t\t\t\t<input type=\"text\" id=\"swf-filter-regulator\" placeholder=\"e.g. FCA, ASIC\" \/>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"swf-bc-filter-actions\">\r\n\t\t\t\t\t<button class=\"swf-bc-btn swf-bc-btn-primary\" id=\"swf-bc-apply-filters\">\u062a\u0637\u0628\u064a\u0642<\/button>\r\n\t\t\t\t\t<button class=\"swf-bc-btn swf-bc-btn-outline\" id=\"swf-bc-clear-filters\" type=\"button\">\u0645\u0633\u062d<\/button>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/aside>\r\n\t\t<!-- Main content -->\r\n\t\t<div class=\"swf-bc-compare-main\">\r\n\t\t\t<!-- Pagination controls -->\r\n\t\t\t<div id=\"swf-bc-pagination-controls\" class=\"swf-bc-pagination-controls\">\r\n\t\t\t\t<button id=\"swf-bc-prev-page\" class=\"swf-bc-pagination-btn\">\u2192 \u0627\u0644\u0633\u0627\u0628\u0642<\/button>\r\n\t\t\t\t<span id=\"swf-bc-page-info\" class=\"swf-bc-page-info\"><\/span>\r\n\t\t\t\t<button id=\"swf-bc-next-page\" class=\"swf-bc-pagination-btn\">\u0627\u0644\u062a\u0627\u0644\u064a \u2190<\/button>\r\n\t\t\t<\/div>\r\n\t\t\t\r\n\t\t\t<!-- Loading state -->\r\n\t\t\t<div id=\"swf-bc-loading\" class=\"swf-bc-loading\" style=\"display: block;\">\r\n\t\t\t\t<div class=\"swf-bc-loading-spinner\"><\/div>\r\n\t\t\t\t<p>\u062c\u0627\u0631\u064a \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0648\u0633\u0637\u0627\u0621...<\/p>\r\n\t\t\t<\/div>\r\n\t\t\t\r\n\t\t\t<!-- Top broker cards (logo, name, score, metrics) -->\r\n\t\t\t<div class=\"swf-bc-compare-cards-container\" id=\"swf-bc-compare-cards\" style=\"display: none;\"><\/div>\r\n\r\n\t\t\t<!-- Section tables container: each section renders its own table -->\r\n\t\t\t<div class=\"swf-bc-compare-sections\" id=\"swf-bc-compare-sections\" style=\"display: none;\"><\/div>\r\n\t\t\t\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/div>\r\n\r\n<script type=\"text\/javascript\">\r\njQuery(document).ready(function($) {\r\n\t\/\/ Get data from data attributes\r\n\tconst $root = $('#swf-bc-compare-root');\r\n\tconst brokerIds = $root.data('broker-ids');\r\n\tconst brokerNames = $root.data('broker-names');\r\n\tconst country = $root.data('country');\r\n\tconst autoLoad = $root.data('auto-load') === 'true';\r\n\t\r\n\t\/\/ Pagination state\r\n\tlet allBrokers = [];\r\n\tlet currentPage = 1;\r\n\tconst brokersPerPage = 4;\r\n\r\n\t\/\/ Filters state\r\n\tlet filters = {\r\n\t\tratingMin: 0,\r\n\t\tminDepositMax: null,\r\n\t\tmt4: false,\r\n\t\tmt5: false,\r\n\t\tbank: false,\r\n\t\tcard: false,\r\n\t\tpaypal: false,\r\n\t\twise: false,\r\n\t\trevolut: false,\r\n\t\tregulator: ''\r\n\t};\r\n\t\r\n\t\r\n\t\r\n\t\r\n\t\r\n\t\/\/ Always load comparison data - either specific brokers or all brokers in user's country\r\n\tloadComparisonData(brokerIds, brokerNames, country);\r\n\t\r\n\tfunction loadComparisonData(ids, names, country) {\r\n\t\t\/\/ Parse IDs and names properly\r\n\t\tlet idsArray = [];\r\n\t\tlet namesArray = [];\r\n\t\t\r\n\t\tif (ids && typeof ids === 'string' && ids.trim() !== '') {\r\n\t\t\tidsArray = ids.split(',').map(function(id) { \r\n\t\t\t\treturn id.trim(); \r\n\t\t\t}).filter(function(id) { \r\n\t\t\t\treturn id !== '' && !isNaN(id); \r\n\t\t\t});\r\n\t\t}\r\n\t\t\r\n\t\tif (names && typeof names === 'string' && names.trim() !== '') {\r\n\t\t\tnamesArray = names.split(',').map(function(name) { \r\n\t\t\t\treturn name.trim(); \r\n\t\t\t}).filter(function(name) { \r\n\t\t\t\treturn name !== ''; \r\n\t\t\t});\r\n\t\t}\r\n\t\t\r\n\t\r\n\t\t\r\n\t\t\/\/ Show loading state\r\n\t\t$('#swf-bc-loading').show();\r\n\t\t\r\n\t\t\/\/ Make AJAX request to get comparison data\r\n\t\t$.ajax({\r\n\t\t\turl: swfBcPublic.ajax_url,\r\n\t\t\ttype: 'POST',\r\n\t\t\tdataType: 'json',\r\n\t\t\tdata: {\r\n\t\t\t\taction: 'swf_bc_get_comparison_data_compare_page',\r\n\t\t\t\tnonce: swfBcPublic.nonce,\r\n\t\t\t\tbroker_ids: idsArray.length > 0 ? idsArray : [],\r\n\t\t\t\tbroker_names: namesArray.length > 0 ? namesArray : [],\r\n\t\t\t\tcountry: country || ''\r\n\t\t\t},\r\n\t\t\tsuccess: function(res) {\r\n\t\t\t\t\r\n\t\t\t\t\/\/ Hide loading state\r\n\t\t\t\t$('#swf-bc-loading').hide();\r\n\t\t\t\t\r\n\t\t\t\tif (res.success && res.data.brokers && res.data.brokers.length > 0) {\r\n\t\t\t\t\tallBrokers = res.data.brokers;\r\n\t\t\t\t\tcurrentPage = 1;\r\n\t\t\t\t\t\r\n\t\t\t\t\t\/\/ Update count display\r\n            \tconst countText = allBrokers.length === 1\r\n                    ? swfBcPublic.text.comparing_single\r\n                    : swfBcPublic.text.comparing_multiple.replace('%d', allBrokers.length);\r\n                \r\n                $('#swf-bc-compare-count').text(countText);\r\n\t\t\t\t\t\r\n\t\t\t\t\t\/\/ Show content\r\n\t\t\t\t\t$('#swf-bc-compare-cards').show();\r\n\t\t\t\t\t$('#swf-bc-compare-sections').show();\r\n\t\t\t\t\t\r\n\t\t\t\t\trenderPage();\r\n\t\t\t\t} else {\r\n\t\t\t\t\t\/\/ Show empty state\r\n\t\t\t\tvar emptyHtml = '<div class=\"swf-bc-empty-state\">' +\r\n                    '<h3>' + swfBcPublic.text.no_brokers_found + '<\/h3>' +\r\n                    '<p>' + \r\n                        (country \r\n                            ? swfBcPublic.text.no_brokers_for_country.replace('%s', country) \r\n                            : swfBcPublic.text.no_brokers_generic\r\n                        ) + \r\n                    '<\/p>' +\r\n                    '<\/div>';\r\n                \r\n                $('#swf-bc-compare-cards').html(emptyHtml).show();\r\n                $('#swf-bc-compare-count').text(swfBcPublic.text.no_brokers_found);\r\n\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\terror: function(xhr, status, error) {\r\n\t\t\t\tconsole.error('AJAX error loading comparison data:', {\r\n\t\t\t\t\tstatus: status,\r\n\t\t\t\t\terror: error,\r\n\t\t\t\t\tresponse: xhr.responseText,\r\n\t\t\t\t\tstatusCode: xhr.status\r\n\t\t\t\t});\r\n\t\t\t\t\r\n\t\t\t\t\/\/ Hide loading state\r\n\t\t\t\t$('#swf-bc-loading').hide();\r\n\t\t\t\t\r\n\t\t\t\t\/\/ Show error state\r\n\t\t\t\tvar errorMessage = 'Unable to load broker data. Please refresh the page and try again.';\r\n\t\t\t\t\r\n\t\t\t\t\/\/ Try to parse error response\r\n\t\t\t\ttry {\r\n\t\t\t\t\tvar errorData = JSON.parse(xhr.responseText);\r\n\t\t\t\t\tif (errorData && errorData.data && errorData.data.message) {\r\n\t\t\t\t\t\terrorMessage = errorData.data.message;\r\n\t\t\t\t\t}\r\n\t\t\t\t} catch(e) {\r\n\t\t\t\t\t\/\/ Keep default error message\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\tvar errorHtml = '<div class=\"swf-bc-empty-state\">' +\r\n\t\t\t\t\t'<h3>Error Loading Data<\/h3>' +\r\n\t\t\t\t\t'<p>' + errorMessage + '<\/p>' +\r\n\t\t\t\t\t'<p style=\"font-size: 12px; color: #999; margin-top: 10px;\">Status: ' + xhr.status + ' - ' + error + '<\/p>' +\r\n\t\t\t\t\t'<\/div>';\r\n\t\t\t\t$('#swf-bc-compare-cards').html(errorHtml).show();\r\n\t\t\t\t$('#swf-bc-compare-count').text('Error');\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\t\r\n\tfunction renderPage() {\r\n\t\tconst filtered = getFilteredBrokers();\r\n\t\tconst totalPages = Math.ceil(filtered.length \/ brokersPerPage) || 1;\r\n\t\tif (currentPage > totalPages) currentPage = totalPages;\r\n\t\tconst startIndex = (currentPage - 1) * brokersPerPage;\r\n\t\tconst endIndex = startIndex + brokersPerPage;\r\n\t\tconst currentBrokers = filtered.slice(startIndex, endIndex);\r\n\t\t\r\n\t\t\/\/ Update pagination controls\r\n\t\tupdatePaginationControls(totalPages);\r\n\t\t\r\n\t\t\/\/ Update count\r\n\t\tconst countText = allBrokers.length === 1\r\n        ? swfBcPublic.text.comparing_single\r\n        : swfBcPublic.text.comparing_multiple.replace('%d', allBrokers.length);\r\n\r\n        $('#swf-bc-compare-count').text(countText);\r\n\t\t\r\n\t\t\/\/ Render current page brokers\r\n\t\trenderComparisonCards(currentBrokers);\r\n\t}\r\n\t\r\n\tfunction updatePaginationControls(totalPages) {\r\n\t\tconst $controls = $('#swf-bc-pagination-controls');\r\n\t\tconst $prevBtn = $('#swf-bc-prev-page');\r\n\t\tconst $nextBtn = $('#swf-bc-next-page');\r\n\t\tconst $pageInfo = $('#swf-bc-page-info');\r\n\t\t\r\n\t\tif (totalPages > 1) {\r\n\t\t\t$controls.show();\r\n\t\t\t$pageInfo.text('Page ' + currentPage + ' of ' + totalPages);\r\n\t\t\t\r\n\t\t\t\/\/ Enable\/disable buttons\r\n\t\t\t$prevBtn.prop('disabled', currentPage === 1);\r\n\t\t\t$nextBtn.prop('disabled', currentPage === totalPages);\r\n\t\t} else {\r\n\t\t\t$controls.hide();\r\n\t\t}\r\n\t}\r\n\t\r\n\t\/\/ Pagination button handlers\r\n\t$(document).on('click', '#swf-bc-prev-page', function() {\r\n\t\tif (currentPage > 1) {\r\n\t\t\tcurrentPage--;\r\n\t\t\trenderPage();\r\n\t\t\t$('html, body').animate({ scrollTop: $('#swf-bc-compare-root').offset().top - 20 }, 300);\r\n\t\t}\r\n\t});\r\n\t\r\n\t$(document).on('click', '#swf-bc-next-page', function() {\r\n\t\tconst totalPages = Math.ceil(getFilteredBrokers().length \/ brokersPerPage) || 1;\r\n\t\tif (currentPage < totalPages) {\r\n\t\t\tcurrentPage++;\r\n\t\t\trenderPage();\r\n\t\t\t$('html, body').animate({ scrollTop: $('#swf-bc-compare-root').offset().top - 20 }, 300);\r\n\t\t}\r\n\t});\r\n\r\n\t\/\/ Bind filters\r\n\t\/\/ Bind filters - all filters now reload data from server\r\n\t$('#swf-filter-country').on('change', function(){ \r\n\t\tcurrentPage = 1; \r\n\t\treloadFilteredData();\r\n\t});\r\n\r\n\t$('#swf-filter-rating').on('change', function(){ \r\n\t\tcurrentPage = 1; \r\n\t\treloadFilteredData();\r\n\t});\r\n\t\r\n\t$('#swf-filter-min-deposit').on('input', function(){ \r\n\t\t\/\/ Add debounce for input field to avoid too many requests\r\n\t\tclearTimeout(window.filterTimeout);\r\n\t\twindow.filterTimeout = setTimeout(function() {\r\n\t\t\tcurrentPage = 1; \r\n\t\t\treloadFilteredData();\r\n\t\t}, 500);\r\n\t});\r\n\t\r\n\t$('#swf-filter-mt4').on('change', function(){ \r\n\t\tcurrentPage = 1; \r\n\t\treloadFilteredData();\r\n\t});\r\n\t\r\n\t$('#swf-filter-mt5').on('change', function(){ \r\n\t\tcurrentPage = 1; \r\n\t\treloadFilteredData();\r\n\t});\r\n\t\r\n\t$('#swf-filter-bank').on('change', function(){ \r\n\t\tcurrentPage = 1; \r\n\t\treloadFilteredData();\r\n\t});\r\n\t\r\n\t$('#swf-filter-card').on('change', function(){ \r\n\t\tcurrentPage = 1; \r\n\t\treloadFilteredData();\r\n\t});\r\n\t\r\n\t$('#swf-filter-paypal').on('change', function(){ \r\n\t\tcurrentPage = 1; \r\n\t\treloadFilteredData();\r\n\t});\r\n\t\r\n\t$('#swf-filter-wise').on('change', function(){ \r\n\t\tcurrentPage = 1; \r\n\t\treloadFilteredData();\r\n\t});\r\n\t\r\n\t$('#swf-filter-revolut').on('change', function(){ \r\n\t\tcurrentPage = 1; \r\n\t\treloadFilteredData();\r\n\t});\r\n\t\r\n\t$('#swf-filter-regulator').on('input', function(){ \r\n\t\t\/\/ Add debounce for input field to avoid too many requests\r\n\t\tclearTimeout(window.filterTimeout);\r\n\t\twindow.filterTimeout = setTimeout(function() {\r\n\t\t\tcurrentPage = 1; \r\n\t\t\treloadFilteredData();\r\n\t\t}, 500);\r\n\t});\r\n\t\r\n\t\/\/ New function to handle filtered data reloading\r\n\tfunction reloadFilteredData() {\r\n\t\t$('#swf-bc-loading').show();\r\n\t\t$('#swf-bc-compare-cards').hide();\r\n\t\t$('#swf-bc-compare-sections').hide();\r\n\r\n\t\t$.ajax({\r\n\t\t\turl: swfBcPublic.ajax_url,\r\n\t\t\ttype: 'POST',\r\n\t\t\tdataType: 'json',\r\n\t\t\tdata: {\r\n\t\t\t\taction: 'swf_bc_get_filtered_brokers',\r\n\t\t\t\tnonce: swfBcPublic.nonce,\r\n\t\t\t\tcountry: $('#swf-filter-country').val(),\r\n\t\t\t\tmin_rating: $('#swf-filter-rating').val(),\r\n\t\t\t\tmax_min_deposit: $('#swf-filter-min-deposit').val(),\r\n\t\t\t\tmt4: $('#swf-filter-mt4').is(':checked'),\r\n\t\t\t\tmt5: $('#swf-filter-mt5').is(':checked'),\r\n\t\t\t\tbank_transfer: $('#swf-filter-bank').is(':checked'),\r\n\t\t\t\tcredit_card: $('#swf-filter-card').is(':checked'),\r\n\t\t\t\tpaypal: $('#swf-filter-paypal').is(':checked'),\r\n\t\t\t\twise: $('#swf-filter-wise').is(':checked'),\r\n\t\t\t\trevolut: $('#swf-filter-revolut').is(':checked'),\r\n\t\t\t\tregulator: $('#swf-filter-regulator').val()\r\n\t\t\t},\r\n\t\t\tsuccess: function(res) {\r\n\t\t\t\t$('#swf-bc-loading').hide();\r\n\r\n\t\t\t\tif (res.success && res.data.brokers && res.data.brokers.length > 0) {\r\n\t\t\t\t\tallBrokers = res.data.brokers;\r\n\r\n\t\t\t\t\t$('#swf-bc-compare-count').text('Comparing ' + allBrokers.length + ' brokers');\r\n\t\t\t\t\t$('#swf-bc-compare-cards').show();\r\n\t\t\t\t\t$('#swf-bc-compare-sections').show();\r\n\r\n\t\t\t\t\trenderPage();\r\n\t\t\t\t} else {\r\n\t\t\t\t\t$('#swf-bc-compare-cards').html('<div class=\"swf-bc-empty-state\"><h3>No brokers match your filters<\/h3><p>Try adjusting your filters to see more results.<\/p><\/div>').show();\r\n\t\t\t\t\t$('#swf-bc-compare-sections').html('');\r\n\t\t\t\t\t$('#swf-bc-compare-count').text('No brokers found');\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\terror: function() {\r\n\t\t\t\t$('#swf-bc-loading').hide();\r\n\t\t\t\t$('#swf-bc-compare-cards').html('<div class=\"swf-bc-empty-state\"><h3>Error loading filtered brokers<\/h3><\/div>').show();\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\t\r\n\t\/\/ Update clear filters to use the new reload function\r\n\t$('#swf-bc-clear-filters').on('click', function(){\r\n\t\t\/\/ Reset all filter DOM elements\r\n\t\t$('#swf-filter-country').val('');\r\n\t\t$('#swf-filter-rating').val('0');\r\n\t\t$('#swf-filter-min-deposit').val('');\r\n\t\t$('#swf-filter-mt4, #swf-filter-mt5, #swf-filter-bank, #swf-filter-card, #swf-filter-paypal, #swf-filter-wise, #swf-filter-revolut').prop('checked', false);\r\n\t\t$('#swf-filter-regulator').val('');\r\n\t\t\r\n\t\t\/\/ Reset current page\r\n\t\tcurrentPage = 1; \r\n\t\t\r\n\t\t\/\/ Reload with cleared filters\r\n\t\treloadFilteredData();\r\n\t});\r\n\r\n\tfunction getFilteredBrokers(){\r\n\t\tif (!allBrokers || allBrokers.length === 0) return [];\r\n\t\treturn allBrokers.filter(function(item){\r\n\t\t\tconst b = item.broker || {};\r\n\t\t\t\/\/ Rating to 0-5 scale\r\n\t\t\tconst score5 = item.score ? (parseFloat(item.score) \/ 20.0) : (parseFloat(b.rating || 0));\r\n\t\t\tif (filters.ratingMin && score5 < filters.ratingMin) return false;\r\n\t\t\tif (filters.minDepositMax !== null && b.min_deposit !== undefined && b.min_deposit !== null && b.min_deposit !== '' && parseFloat(b.min_deposit) > filters.minDepositMax) return false;\r\n\t\t\tif (filters.mt4 && parseInt(b.mt4_available || 0) !== 1) return false;\r\n\t\t\tif (filters.mt5 && parseInt(b.mt5_available || 0) !== 1) return false;\r\n\t\t\tif (filters.bank && parseInt(b.bank_transfer_deposit || 0) !== 1) return false;\r\n\t\t\tif (filters.card && parseInt(b.credit_debit_deposit || 0) !== 1) return false;\r\n\t\t\tif (filters.paypal && parseInt(b.paypal_deposit || 0) !== 1) return false;\r\n\t\t\tif (filters.wise && parseInt(b.wise_deposit || 0) !== 1) return false;\r\n\t\t\tif (filters.revolut && parseInt(b.revolut_deposit || 0) !== 1) return false;\r\n\t\t\tif (filters.regulator && (b.top_tier_regulators ? String(b.top_tier_regulators).toLowerCase().indexOf(filters.regulator) === -1 : true)) return false;\r\n\t\t\treturn true;\r\n\t\t});\r\n\t}\r\n\t\r\n\tfunction renderComparisonCards(brokers) {\r\n\t\tconst $cards = $('#swf-bc-compare-cards');\r\n\t\t\r\n\t\tif (brokers.length === 0) {\r\n\t\t\t$cards.html('<div class=\"swf-bc-empty-state\"><h3>No brokers found<\/h3><p>Try adjusting your filters to see more results.<\/p><\/div>');\r\n\t\t\t$('#swf-bc-compare-sections').html('');\r\n\t\t\treturn;\r\n\t\t}\r\n\t\t\r\n\t\tvar cardsHtml = '';\r\n\t\t\r\n\t\tbrokers.forEach(function(item, index) {\r\n\t\t\tconst broker = item.broker || {};\r\n\t\t\tconst logo = broker.logo_url || swfBcPublic.plugin_url + 'public\/img\/default-logo.png';\r\n\t\t\tconst name = broker.name || 'Unknown Broker';\r\n\t\t\tconst score = item.score || broker.rating || 0;\r\n\t\t\tconst url = broker.url || '#';\r\n\t\t\tconst rank = item.rank || (index + 1);\r\n\t\t\t\r\n\t\t\t\/\/ Get rating stars\r\n\t\t\tconst fullStars = Math.floor(score \/ 20); \/\/ Convert 0-100 to 0-5 stars\r\n\t\t\tconst hasHalfStar = (score % 20) >= 10;\r\n\t\t\tvar starsHtml = '';\r\n\t\t\t\r\n\t\t\tfor (var i = 0; i < 4; i++) {\r\n\t\t\t\tif (i < fullStars) {\r\n\t\t\t\t\tstarsHtml += '<span class=\"swf-bc-star swf-bc-star-full\">\u2605<\/span>';\r\n\t\t\t\t} else if (i === fullStars && hasHalfStar) {\r\n\t\t\t\t\tstarsHtml += '<span class=\"swf-bc-star swf-bc-star-half\">\u2be8<\/span>';\r\n\t\t\t\t} else {\r\n\t\t\t\t\tstarsHtml += '<span class=\"swf-bc-star swf-bc-star-empty\">\u2605<\/span>';\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tcardsHtml += '<div class=\"swf-bc-broker-card\">' +\r\n                '<div class=\"swf-bc-broker-rank\">#' + rank + '<\/div>' +\r\n                '<div style=\"flex-grow: 1; display: flex; flex-direction: column;\">' +\r\n                    '<div class=\"swf-bc-broker-logo\">' +\r\n                        '<img decoding=\"async\" src=\"' + logo + '\" alt=\"' + name + '\">' +\r\n                    '<\/div>' +\r\n                    '<div class=\"swf-bc-broker-name\">' + name + '<\/div>' +\r\n                    '<div class=\"swf-bc-broker-stars\">' + starsHtml + '<\/div>' +\r\n                    '<div class=\"swf-bc-broker-score\">' + score.toFixed(0) + '<\/div>' +\r\n                    '<div class=\"swf-bc-score-label\">' + swfBcPublic.text.overall_score + '<\/div>' +\r\n                '<\/div>' +\r\n                '<a href=\"' + url + '\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"swf-bc-visit-btn\">' +\r\n                    swfBcPublic.text.visit_broker +\r\n                '<\/a>' +\r\n            '<\/div>';\r\n\r\n\t\t});\r\n\t\t\r\n\t\t$cards.html(cardsHtml);\r\n\t\t\r\n\t\t\/\/ Render comparison tables\r\n\t\trenderComparisonTables(brokers);\r\n\t}\r\n\t\r\n\tfunction renderComparisonTables(brokers) {\r\n\t\tconst $container = $('#swf-bc-compare-sections');\r\n\t\tvar html = '';\r\n\t\t\r\n\t\t\/\/ Fees Section\r\n        \thtml += renderSection(swfBcPublic.text.fees_commissions, [\r\n            { label: swfBcPublic.text.fees_score, key: 'fees_score', format: 'score' },\r\n            { label: swfBcPublic.text.us_stock_fee, key: 'us_stock_fee', format: 'currency' },\r\n            { label: swfBcPublic.text.eurusd_spread, key: 'eurusd_spread', format: 'decimal' },\r\n            { label: swfBcPublic.text.sp500_cfd_spread, key: 'sp500_cfd_spread', format: 'decimal' },\r\n            { label: swfBcPublic.text.withdrawal_fee, key: 'withdrawal_fee', format: 'currency' },\r\n            { label: swfBcPublic.text.deposit_fee, key: 'deposit_fee', format: 'currency' },\r\n            { label: swfBcPublic.text.inactivity_fee, key: 'inactivity_fee', format: 'currency' }\r\n        ], brokers);\r\n\r\n\t\t\r\n\t\t\/\/ Safety Section\r\n        \thtml += renderSection(swfBcPublic.text.safety_regulation, [\r\n            { label: swfBcPublic.text.top_tier_regulators, key: 'top_tier_regulators', format: 'text' },\r\n            { label: swfBcPublic.text.foundation_date, key: 'foundation_date', format: 'year' },\r\n            { label: swfBcPublic.text.investor_protection, key: 'investor_protection_amount', format: 'currency' }\r\n        ], brokers);\r\n\r\n\t\t\r\n\t\t\/\/ Deposit & Withdrawal Section\r\n        \thtml += renderSection(swfBcPublic.text.deposit_withdrawal, [\r\n            { label: swfBcPublic.text.min_deposit, key: 'min_deposit', format: 'currency' },\r\n            { label: swfBcPublic.text.bank_transfer_deposit, key: 'bank_transfer_deposit', format: 'boolean' },\r\n            { label: swfBcPublic.text.bank_transfer_withdrawal, key: 'bank_transfer_withdrawal', format: 'boolean' },\r\n            { label: swfBcPublic.text.credit_debit_deposit, key: 'credit_debit_deposit', format: 'boolean' },\r\n            { label: swfBcPublic.text.credit_debit_withdrawal, key: 'credit_debit_withdrawal', format: 'boolean' },\r\n            { label: swfBcPublic.text.paypal_deposit, key: 'paypal_deposit', format: 'boolean' },\r\n            { label: swfBcPublic.text.wise_deposit, key: 'wise_deposit', format: 'boolean' },\r\n            { label: swfBcPublic.text.revolut_deposit, key: 'revolut_deposit', format: 'boolean' }\r\n        ], brokers);\r\n\r\n\t\t\r\n\t\t\/\/ Platform & Experience Section\r\n        \thtml += renderSection(swfBcPublic.text.platform_experience, [\r\n            { label: swfBcPublic.text.mobile_platform_score, key: 'mobile_platform_score', format: 'score' },\r\n            { label: swfBcPublic.text.web_platform_score, key: 'web_platform_score', format: 'score' },\r\n            { label: swfBcPublic.text.mt4_available, key: 'mt4_available', format: 'boolean' },\r\n            { label: swfBcPublic.text.mt5_available, key: 'mt5_available', format: 'boolean' },\r\n            { label: swfBcPublic.text.customer_service_score, key: 'customer_service_score', format: 'score' },\r\n            { label: swfBcPublic.text.account_opening_score, key: 'account_opening_score', format: 'score' }\r\n        ], brokers);\r\n\r\n\t\t\r\n\t\t$container.html(html);\r\n\t}\r\n\t\r\n\tfunction renderSection(title, fields, brokers) {\r\n\tvar html = '<div style=\"margin: 30px 0;\">' +\r\n    '<h3>' + title + '<\/h3>' +\r\n    '<div style=\"overflow-x: auto;\">' +\r\n        '<table class=\"swf-bc-section-table\">' +\r\n            '<thead>' +\r\n                '<tr>' +\r\n                    '<th style=\"min-width: 180px;\">' + swfBcPublic.text.attribute + '<\/th>';\r\n\r\n\t\tbrokers.forEach(function(item) {\r\n\t\t\tconst broker = item.broker || {};\r\n\t\t\tconst name = broker.name || 'Unknown';\r\n\t\t\thtml += '<th style=\"min-width: 150px; text-align: center;\">' + name + '<\/th>';\r\n\t\t});\r\n\t\t\r\n\t\thtml += '<\/tr><\/thead><tbody>';\r\n\t\t\r\n\t\tfields.forEach(function(field) {\r\n\t\t\thtml += '<tr>';\r\n\t\t\thtml += '<td style=\"font-weight: 500;\">' + field.label + '<\/td>';\r\n\t\t\t\r\n\t\t\tbrokers.forEach(function(item) {\r\n\t\t\t\tconst broker = item.broker || {};\r\n\t\t\t\tconst value = broker[field.key];\r\n\t\t\t\tconst formattedValue = formatValue(value, field.format);\r\n\t\t\t\thtml += '<td style=\"text-align: center;\">' + formattedValue + '<\/td>';\r\n\t\t\t});\r\n\t\t\t\r\n\t\t\thtml += '<\/tr>';\r\n\t\t});\r\n\t\t\r\n\t\thtml += '<\/tbody><\/table><\/div><\/div>';\r\n\t\t\r\n\t\treturn html;\r\n\t}\r\n\t\r\n\tfunction formatValue(value, format) {\r\n\t\tif (value === null || value === undefined || value === '') {\r\n\t\t\treturn '<span style=\"color: #999;\">-<\/span>';\r\n\t\t}\r\n\t\t\r\n\t\t switch(format) {\r\n        case 'currency':\r\n            return '$' + parseFloat(value).toFixed(2); \r\n        case 'decimal':\r\n            return parseFloat(value).toFixed(4);\r\n        case 'score':\r\n            return parseFloat(value).toFixed(1) + '\/10';\r\n        case 'boolean':\r\n            return value == 1 || value === true ? \r\n                '<span style=\"color: green;\">\u2713<\/span>' : \r\n                '<span style=\"color: red;\">\u2717<\/span>';\r\n\t\tcase 'year':\r\n            if (!isNaN(value) && String(value).length === 4) {\r\n                return value;\r\n            }\r\n            var date = new Date(value);\r\n            if (!isNaN(date.getFullYear())) {\r\n                return date.getFullYear();\r\n            }\r\n            return String(value).substring(0, 4);\r\n        case 'date':\r\n            return value;\r\n        case 'text':\r\n            return value;\r\n        default:\r\n            return value;\r\n    }\r\n\t}\r\n});\r\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1048","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/noblescapital.ae\/ar\/wp-json\/wp\/v2\/pages\/1048","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/noblescapital.ae\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/noblescapital.ae\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/noblescapital.ae\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/noblescapital.ae\/ar\/wp-json\/wp\/v2\/comments?post=1048"}],"version-history":[{"count":1,"href":"https:\/\/noblescapital.ae\/ar\/wp-json\/wp\/v2\/pages\/1048\/revisions"}],"predecessor-version":[{"id":1049,"href":"https:\/\/noblescapital.ae\/ar\/wp-json\/wp\/v2\/pages\/1048\/revisions\/1049"}],"wp:attachment":[{"href":"https:\/\/noblescapital.ae\/ar\/wp-json\/wp\/v2\/media?parent=1048"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}