{"id":1539,"date":"2025-10-01T15:17:16","date_gmt":"2025-10-01T12:17:16","guid":{"rendered":"https:\/\/onloi.com\/?page_id=1539"},"modified":"2026-04-10T09:44:10","modified_gmt":"2026-04-10T06:44:10","slug":"bayiler","status":"publish","type":"page","link":"https:\/\/onloi.com\/en\/bayiler\/","title":{"rendered":"Authorized Dealers"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1539\" class=\"elementor elementor-1539\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d637b26 e-con-full e-flex e-con e-parent\" data-id=\"d637b26\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c76732b elementor-widget elementor-widget-html\" data-id=\"c76732b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"dealers\">\r\n  <div class=\"container\">\r\n    <h2 class=\"dealers-title\">Our Dealers<\/h2>\r\n    <p class=\"dealers-subtitle\">You can find our authorized dealers serving throughout Turkey below.<\/p>\r\n  <\/div>\r\n<\/section>\r\n<style>\r\n    .dealers {\r\n  padding: 60px 20px;\r\n  background: linear-gradient(135deg, #f7f9fc, #eef3fb);\r\n  text-align: center;\r\n  font-family: \"Segoe UI\", sans-serif;\r\n}\r\n\r\n.dealers-title {\r\n  font-size: 32px;\r\n  font-weight: 700;\r\n  color: #24135F;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.dealers-subtitle {\r\n  color: #555;\r\n  margin-bottom: 40px;\r\n  font-size: 16px;\r\n}\r\n\r\n.dealers-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n  gap: 25px;\r\n  max-width: 1000px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.dealer-card {\r\n  background: #fff;\r\n  border-radius: 14px;\r\n  padding: 25px;\r\n  text-align: center;\r\n  box-shadow: 0 8px 20px rgba(0,0,0,0.08);\r\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n}\r\n\r\n.dealer-card:hover {\r\n  transform: translateY(-8px);\r\n  box-shadow: 0 12px 25px rgba(0,0,0,0.12);\r\n}\r\n\r\n.dealer-city {\r\n  font-size: 20px;\r\n  font-weight: 600;\r\n  color: #3d61ab;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.dealer-name {\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  margin-bottom: 10px;\r\n  color: #333;\r\n}\r\n\r\n.dealer-contact {\r\n  font-size: 14px;\r\n  color: #555;\r\n  line-height: 1.5;\r\n}\r\na{\r\n    color:#707070;\r\n}\r\n\r\n<\/style>\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const form = document.querySelector('.bayilik-form-wrapper');\r\n    if (!form) return;\r\n    \r\n    const bayilikRadios = form.querySelectorAll('input[name=\"bayilik-durumu\"]');\r\n    const bayilikDetayRow = document.getElementById('bayilikDetayRow');\r\n    \r\n    if (bayilikRadios && bayilikDetayRow) {\r\n        bayilikRadios.forEach(function(radio) {\r\n            radio.addEventListener('change', function() {\r\n                if (this.value === 'Evet') {\r\n                    bayilikDetayRow.classList.add('active');\r\n                } else {\r\n                    bayilikDetayRow.classList.remove('active');\r\n                }\r\n            });\r\n        });\r\n    }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-13d1a41 e-con-full e-flex e-con e-parent\" data-id=\"13d1a41\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-184f03d e-con-full e-flex e-con e-child\" data-id=\"184f03d\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-aafbd91 e-con-full e-flex e-con e-child\" data-id=\"aafbd91\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f625728 animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"f625728\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Become Our Dealer in Future Security Technologies!<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-671aa67 elementor-widget elementor-widget-text-editor\" data-id=\"671aa67\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"my-3 px-3\">Become one of the pioneers of the industry with Onloi's innovative access systems. A profitable business partnership awaits you with our wide product range, strong technical support team and sustainable business model.<br data-start=\"515\" data-end=\"518\" \/>Take your place in the growing security technologies market in your region as our dealer.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9e53841 elementor-widget elementor-widget-button\" data-id=\"9e53841\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#popmake-2151\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Apply for Franchise<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ef86fe5 elementor-widget elementor-widget-html\" data-id=\"ef86fe5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.bayilik-form-wrapper {\r\n  max-width: 800px;\r\n  margin: 0 auto;\r\n  padding: 40px;\r\n  background: white;\r\n  border-radius: 20px;\r\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);\r\n}\r\n.bayilik-form-wrapper * { box-sizing: border-box; }\r\n\r\n.form-row {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 20px;\r\n  margin-bottom: 20px;\r\n}\r\n.form-row2 {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr 1fr;\r\n  gap: 20px;\r\n  margin-bottom: 20px;\r\n}\r\n.form-col-1 { grid-column: 1 \/ -1; }\r\n.form-col-2 { grid-column: span 1; }\r\n\r\n.form-label {\r\n  display: block;\r\n  font-weight: 600;\r\n  color: #333;\r\n  margin-bottom: 8px;\r\n  font-size: 14px;\r\n}\r\n.form-label .required { color: #e74c3c; margin-left: 3px; }\r\n\r\n.bayilik-form-wrapper input[type=\"text\"],\r\n.bayilik-form-wrapper input[type=\"email\"],\r\n.bayilik-form-wrapper input[type=\"tel\"],\r\n.bayilik-form-wrapper textarea {\r\n  width: 100%;\r\n  padding: 12px 15px;\r\n  border: 2px solid #e0e0e0;\r\n  border-radius: 8px;\r\n  font-size: 14px;\r\n  transition: all 0.3s ease;\r\n  font-family: inherit;\r\n}\r\n.bayilik-form-wrapper input[type=\"text\"]:focus,\r\n.bayilik-form-wrapper input[type=\"email\"]:focus,\r\n.bayilik-form-wrapper input[type=\"tel\"]:focus,\r\n.bayilik-form-wrapper textarea:focus {\r\n  outline: none;\r\n  border-color: #79BE20;\r\n  box-shadow: 0 0 0 3px rgba(121, 190, 32, 0.15);\r\n}\r\n\r\n.bayilik-form-wrapper textarea { resize: vertical; min-height: 120px; }\r\n.bayilik-form-wrapper .wpcf7-form-control-wrap { display: block; width: 100%; }\r\n\r\n.bayilik-form-wrapper .wpcf7-radio {\r\n  display: flex;\r\n  gap: 30px;\r\n  margin-top: 10px;\r\n  flex-wrap: wrap;\r\n}\r\n.bayilik-form-wrapper .wpcf7-list-item { margin: 0 !important; }\r\n.bayilik-form-wrapper .wpcf7-list-item label {\r\n  display: flex; align-items: center; gap: 8px;\r\n  cursor: pointer; font-weight: normal;\r\n}\r\n.bayilik-form-wrapper .wpcf7-checkbox {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 15px;\r\n  margin-top: 10px;\r\n}\r\n\r\n.bayilik-form-wrapper input[type=\"radio\"],\r\n.bayilik-form-wrapper input[type=\"checkbox\"] {\r\n  width: 18px; height: 18px;\r\n  cursor: pointer;\r\n  accent-color: #79BE20;\r\n}\r\n\r\n.bayilik-detay-row {\r\n  display: none;\r\n  animation: fadeIn 0.3s ease-in;\r\n  padding: 20px;\r\n  background: #f8f9ff;\r\n  border-radius: 10px;\r\n  border-left: 4px solid #79BE20;\r\n  margin-top: 10px;\r\n}\r\n.bayilik-detay-row.active { display: grid; }\r\n@keyframes fadeIn {\r\n  from { opacity: 0; transform: translateY(-10px); }\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n.info-text {\r\n  font-size: 13px;\r\n  color: #666;\r\n  margin-bottom: 10px;\r\n  display: block;\r\n  font-style: italic;\r\n}\r\n\r\n.privacy-notice {\r\n  background: #f8f9fa;\r\n  padding: 15px;\r\n  border-radius: 8px;\r\n  margin-bottom: 20px;\r\n  font-size: 13px;\r\n  color: #666;\r\n  border-left: 3px solid #24135f;\r\n}\r\n.privacy-notice a { color: #667eea; text-decoration: none; font-weight: 600; }\r\n.privacy-notice a:hover { text-decoration: underline; }\r\n\r\n.recaptcha-wrapper {\r\n  margin: 20px 0;\r\n  display: flex;\r\n  justify-content: start;\r\n}\r\n\r\n.submit-btn {\r\n  background: linear-gradient(135deg, #79BE20 0%, #24135f 100%) !important;\r\n  color: white !important;\r\n  border: none !important;\r\n  padding: 15px 40px !important;\r\n  border-radius: 8px !important;\r\n  font-size: 16px !important;\r\n  font-weight: 600 !important;\r\n  cursor: pointer !important;\r\n  width: 100% !important;\r\n  transition: all 0.3s ease !important;\r\n  margin-top: 10px;\r\n}\r\n.submit-btn:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 10px 25px rgba(102, 126, 234, 0.3) !important;\r\n}\r\n.submit-btn:active { transform: translateY(0); }\r\n\r\n\/* \u2705 CF7 mesaj\u0131: butonun alt\u0131ndaki slot i\u00e7inde g\u00f6r\u00fcnecek *\/\r\n.cf7-msg-slot .wpcf7-response-output{\r\n  margin: 14px 0 0 0 !important;\r\n  padding: 14px 16px !important;\r\n  border-radius: 10px !important;\r\n  text-align: center !important;\r\n  font-weight: 800 !important;\r\n  font-size: 14px !important;\r\n  border-width: 2px !important;\r\n}\r\n\r\n\/* Ba\u015far\u0131l\u0131 *\/\r\n.cf7-msg-slot form.sent .wpcf7-response-output,\r\n.cf7-msg-slot .wpcf7-mail-sent-ok{\r\n  background: #e9f9ef !important;\r\n  border: 2px solid #2ecc71 !important;\r\n  color: #1e8449 !important;\r\n}\r\n\r\n\/* Hata *\/\r\n.cf7-msg-slot .wpcf7-validation-errors,\r\n.cf7-msg-slot .wpcf7-mail-sent-ng,\r\n.cf7-msg-slot .wpcf7-spam-blocked,\r\n.cf7-msg-slot .wpcf7-response-output.wpcf7-validation-errors{\r\n  background: #fdecea !important;\r\n  border: 2px solid #e74c3c !important;\r\n  color: #c0392b !important;\r\n}\r\n\r\n\/* \u274c Orijinal response-output\u2019u gizle (sayfan\u0131n en alt\u0131na bas\u0131lan) *\/\r\n.wpcf7 > form + .wpcf7-response-output { display:none !important; }\r\n\r\n@media (max-width: 768px) {\r\n  .form-row { grid-template-columns: 1fr; }\r\n  .form-row2 { grid-template-columns: 1fr; }\r\n  .bayilik-form-wrapper .wpcf7-checkbox { grid-template-columns: 1fr; }\r\n  .bayilik-form-wrapper { padding: 25px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  function moveCf7MessageToSlot(formEl){\r\n    var wrap = formEl.closest('.wpcf7');\r\n    if(!wrap) return;\r\n\r\n    var msg = wrap.querySelector('.wpcf7-response-output');\r\n    if(!msg) return;\r\n\r\n    var slot = formEl.querySelector('.cf7-msg-slot');\r\n    if(!slot) return;\r\n\r\n    \/\/ Mesaj\u0131 slot i\u00e7ine ta\u015f\u0131\r\n    slot.innerHTML = '';\r\n    slot.appendChild(msg);\r\n\r\n    \/\/ G\u00f6r\u00fcn\u00fcr yap (CF7 bazen inline style b\u0131rakabiliyor)\r\n    msg.style.display = 'block';\r\n  }\r\n\r\n  \/\/ CF7 olaylar\u0131\r\n  document.addEventListener('wpcf7mailsent', function(e){ moveCf7MessageToSlot(e.target); }, false);\r\n  document.addEventListener('wpcf7invalid', function(e){ moveCf7MessageToSlot(e.target); }, false);\r\n  document.addEventListener('wpcf7mailfailed', function(e){ moveCf7MessageToSlot(e.target); }, false);\r\n  document.addEventListener('wpcf7spam', function(e){ moveCf7MessageToSlot(e.target); }, false);\r\n\r\n  \/\/ Popup\/Elementor baz\u0131 durumlarda ilk render\u2019da da ta\u015f\u0131\r\n  document.addEventListener('DOMContentLoaded', function(){\r\n    document.querySelectorAll('.wpcf7 form').forEach(function(f){\r\n      \/\/ form g\u00f6nderildiyse veya mesaj olu\u015ftuysa yakala\r\n      moveCf7MessageToSlot(f);\r\n    });\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ac8d4c9 elementor-widget elementor-widget-sube_harita\" data-id=\"ac8d4c9\" data-element_type=\"widget\" data-widget_type=\"sube_harita.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"sube-harita-widget\">\n                        \n            <div class=\"sube-container\">\n                <div class=\"sube-form-column\">\n                    <div class=\"sube-form\">\n                        <div class=\"sube-form-fields\">\n                            <div class=\"form-group\">\n                                <label for=\"il-select-sube-map-6a3fbf3446144\">Choose Province<\/label>\n                                <select id=\"il-select-sube-map-6a3fbf3446144\" class=\"sube-select\" required>\n                                    <option value=\"\" disabled selected>Select Province<\/option>\n                                                                            <option value=\"Adana\">Adana<\/option>\n                                                                            <option value=\"Ankara\">Ankara<\/option>\n                                                                            <option value=\"Antalya\">Antalya<\/option>\n                                                                            <option value=\"Ayd\u0131n\">Aydin<\/option>\n                                                                            <option value=\"Denizli\">Denizli<\/option>\n                                                                            <option value=\"Diyarbak\u0131r\">Diyarbakir<\/option>\n                                                                            <option value=\"Eski\u015fehir\">Eskisehir<\/option>\n                                                                            <option value=\"Hatay\">Hatay<\/option>\n                                                                            <option value=\"Konya\">Konya<\/option>\n                                                                            <option value=\"Mardin\">Mardin<\/option>\n                                                                            <option value=\"Sakarya\">Sakarya<\/option>\n                                                                            <option value=\"Sivas\">Sivas<\/option>\n                                                                            <option value=\"Tekirda\u011f\">Tekirdag<\/option>\n                                                                            <option value=\"\u0130stanbul\">Istanbul<\/option>\n                                                                            <option value=\"\u015eanl\u0131urfa\">\u015eanl\u0131urfa<\/option>\n                                                                    <\/select>\n                            <\/div>\n                            \n                            <div class=\"form-group\">\n                                <label for=\"ilce-select-sube-map-6a3fbf3446144\">Select District<\/label>\n                                <select id=\"ilce-select-sube-map-6a3fbf3446144\" class=\"sube-select\" disabled required>\n                                    <option value=\"\" disabled selected>Choose province first<\/option>\n                                <\/select>\n                            <\/div>\n                            \n                            <div class=\"form-group\">\n                                <label for=\"sube-select-sube-map-6a3fbf3446144\">Select Dealer:<\/label>\n                                <select id=\"sube-select-sube-map-6a3fbf3446144\" class=\"sube-select\" disabled required>\n                                    <option value=\"\" disabled selected>Select district first<\/option>\n                                <\/select>\n                            <\/div>\n                        <\/div>\n                        \n                        <div id=\"sube-detay-sube-map-6a3fbf3446144\" class=\"sube-detay show\">\n                            <div class=\"sube-detay-content\">\n                                <h4 id=\"sube-adi-sube-map-6a3fbf3446144\">Select Dealer<\/h4>\n                                <pre id=\"sube-adres-sube-map-6a3fbf3446144\">Please select province, district and dealer above.<\/pre>\n                            <\/div>\n                            <div class=\"sube-detay-button\">\n                                <button id=\"yol-tarifi-btn-sube-map-6a3fbf3446144\" class=\"yol-tarifi-btn\" style=\"display: none;\">Directions<\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"sube-map-column\">\n                    <div id=\"sube-map-6a3fbf3446144\" style=\"height: 416px; width: 100%;\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <script>\n        jQuery(document).ready(function($) {\n            var mapId = 'sube-map-6a3fbf3446144';\n            var map;\n            var marker;\n            var allSubeLayer;\n            var allSubeMarkerByName = {};\n            \n            function escapeHtml(str) {\n                if (str === null || str === undefined) return '';\n                return String(str)\n                    .replace(\/&\/g, '&amp;')\n                    .replace(\/<\/g, '&lt;')\n                    .replace(\/>\/g, '&gt;')\n                    .replace(\/\"\/g, '&quot;')\n                    .replace(\/'\/g, '&#039;');\n            }\n            \n            function ensureAllSubeLayer() {\n                if (!allSubeLayer) {\n                    allSubeLayer = L.layerGroup().addTo(map);\n                }\n            }\n            \n            function renderAllSubeler(subeler) {\n                ensureAllSubeLayer();\n                allSubeLayer.clearLayers();\n                allSubeMarkerByName = {};\n                \n                if (!Array.isArray(subeler)) return;\n\n                var bounds = L.latLngBounds([]);\n                \n                subeler.forEach(function(sube) {\n                    if (!sube || sube.lat === undefined || sube.lng === undefined) return;\n\n                    var lat = parseFloat(String(sube.lat).replace(',', '.'));\n                    var lng = parseFloat(String(sube.lng).replace(',', '.'));\n                    if (!isFinite(lat) || !isFinite(lng)) return;\n                    \n                    var popupHtml =\n                        '<b>' + escapeHtml(sube.adi || '') + '<\/b>' +\n                        (sube.adres ? '<br>' + escapeHtml(sube.adres) : '') +\n                        (sube.telefon ? '<br><b>Tel:<\/b> ' + escapeHtml(sube.telefon) : '');\n                    \n                    var m = L.marker([lat, lng]).addTo(allSubeLayer).bindPopup(popupHtml);\n                    bounds.extend([lat, lng]);\n                    if (sube.adi) {\n                        allSubeMarkerByName[sube.adi] = m;\n                    }\n                });\n\n                \/\/ \u0130lk y\u00fcklemede t\u00fcm marker'lar g\u00f6r\u00fcn\u00fcr olsun\n                if (bounds.isValid && bounds.isValid()) {\n                    map.fitBounds(bounds, { padding: [30, 30], maxZoom: 10 });\n                }\n            }\n            \n            function loadAllSubeler() {\n                $.ajax({\n                    url: 'https:\/\/onloi.com\/wp-admin\/admin-ajax.php',\n                    type: 'POST',\n                    data: {\n                        action: 'get_all_subeler'\n                    },\n                    success: function(response) {\n                        if (response && response.success && response.data && response.data.subeler) {\n                            renderAllSubeler(response.data.subeler);\n                        }\n                    }\n                });\n            }\n            \n            \/\/ Haritay\u0131 ba\u015flat - T\u00fcrkiye geneli g\u00f6r\u00fcn\u00fcm\u00fc\n            function initMap() {\n                map = L.map(mapId).setView([39.0, 35.0], 6); \/\/ T\u00fcrkiye merkezi koordinatlar\u0131 ve zoom seviyesi\n                \n                L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\n                    attribution: '\u00a9 OpenStreetMap contributors'\n                }).addTo(map);\n                \n                \/\/ \u0130lk y\u00fcklemede t\u00fcm bayileri haritada g\u00f6ster\n                loadAllSubeler();\n            }\n            \n            \/\/ \u0130l de\u011fi\u015fti\u011finde il\u00e7eleri getir ve haritay\u0131 g\u00fcncelle\n            $('#il-select-' + mapId).change(function() {\n                var il = $(this).val();\n                $('#ilce-select-' + mapId).prop('disabled', true).html('<option value=\"\" disabled selected>Y\u00fckleniyor...<\/option>');\n                $('#sube-select-' + mapId).prop('disabled', true).html('<option value=\"\" disabled selected>\u00d6nce il\u00e7e se\u00e7in<\/option>');\n                $('#sube-detay-' + mapId).removeClass('show').addClass('hide');\n                $('#sube-adi-' + mapId).text('Bayi Se\u00e7in');\n                $('#sube-adres-' + mapId).text('L\u00fctfen yukar\u0131dan il, il\u00e7e ve bayi se\u00e7imi yap\u0131n.');\n                $('#yol-tarifi-btn-' + mapId).hide();\n                \n                if (il) {\n                    $('#' + mapId).addClass('map-loading');\n                    \n                    $.ajax({\n                        url: 'https:\/\/onloi.com\/wp-admin\/admin-ajax.php',\n                        type: 'POST',\n                        data: {\n                            action: 'get_ilceler',\n                            il: il\n                        },\n                        success: function(response) {\n                            if (response.success) {\n                                var options = '<option value=\"\" disabled selected>\u0130l\u00e7e Se\u00e7in<\/option>';\n                                \/\/ \u0130l\u00e7eleri alfabetik s\u0131rala\n                                var ilceler = response.data.ilceler.sort();\n                                $.each(ilceler, function(index, ilce) {\n                                    options += '<option value=\"' + ilce + '\">' + ilce + '<\/option>';\n                                });\n                                $('#ilce-select-' + mapId).html(options).prop('disabled', false);\n                                \n                                if (response.data.coordinates && response.data.coordinates.lat && response.data.coordinates.lng) {\n                                    if (marker) {\n                                        map.removeLayer(marker);\n                                    }\n                                    \n                                    map.setView([response.data.coordinates.lat, response.data.coordinates.lng], 10);\n                                    \n                                    marker = L.marker([response.data.coordinates.lat, response.data.coordinates.lng]).addTo(map)\n                                        .bindPopup('<b>' + il + '<\/b><br>\u0130l merkezi')\n                                        .openPopup();\n                                }\n                            }\n                            \n                            $('#' + mapId).removeClass('map-loading');\n                        },\n                        error: function() {\n                            $('#' + mapId).removeClass('map-loading');\n                        }\n                    });\n                } else {\n                    $('#ilce-select-' + mapId).html('<option value=\"\" disabled selected>\u00d6nce il se\u00e7in<\/option>');\n                }\n            });\n            \n            \/\/ \u0130l\u00e7e de\u011fi\u015fti\u011finde \u015fubeleri getir ve haritay\u0131 g\u00fcncelle\n            $('#ilce-select-' + mapId).change(function() {\n                var il = $('#il-select-' + mapId).val();\n                var ilce = $(this).val();\n                $('#sube-select-' + mapId).prop('disabled', true).html('<option value=\"\" disabled selected>Y\u00fckleniyor...<\/option>');\n                $('#sube-detay-' + mapId).removeClass('show').addClass('hide');\n                $('#sube-adi-' + mapId).text('Bayi Se\u00e7in');\n                $('#sube-adres-' + mapId).text('L\u00fctfen yukar\u0131dan il, il\u00e7e ve bayi se\u00e7imi yap\u0131n.');\n                $('#yol-tarifi-btn-' + mapId).hide();\n                \n                if (il && ilce) {\n                    $('#' + mapId).addClass('map-loading');\n                    \n                    $.ajax({\n                        url: 'https:\/\/onloi.com\/wp-admin\/admin-ajax.php',\n                        type: 'POST',\n                        data: {\n                            action: 'get_subeler',\n                            il: il,\n                            ilce: ilce\n                        },\n                        success: function(response) {\n                            if (response.success) {\n                                var options = '<option value=\"\" disabled selected>Bayi Se\u00e7in<\/option>';\n                                \/\/ Bayileri alfabetik s\u0131rala\n                                var subeler = response.data.subeler.sort(function(a, b) {\n                                    return a.adi.localeCompare(b.adi, 'tr');\n                                });\n                                $.each(subeler, function(index, sube) {\n                                    options += '<option value=\"' + sube.adi + '\">' + sube.adi + '<\/option>';\n                                });\n                                $('#sube-select-' + mapId).html(options).prop('disabled', false);\n                                \n                                if (response.data.coordinates && response.data.coordinates.lat && response.data.coordinates.lng) {\n                                    if (marker) {\n                                        map.removeLayer(marker);\n                                    }\n                                    \n                                    map.setView([response.data.coordinates.lat, response.data.coordinates.lng], 12);\n                                    \n                                    marker = L.marker([response.data.coordinates.lat, response.data.coordinates.lng]).addTo(map)\n                                        .bindPopup('<b>' + ilce + ', ' + il + '<\/b><br>\u0130l\u00e7e merkezi')\n                                        .openPopup();\n                                }\n                            }\n                            \n                            $('#' + mapId).removeClass('map-loading');\n                        },\n                        error: function() {\n                            $('#' + mapId).removeClass('map-loading');\n                        }\n                    });\n                } else {\n                    $('#sube-select-' + mapId).html('<option value=\"\" disabled selected>\u00d6nce il\u00e7e se\u00e7in<\/option>');\n                }\n            });\n            \n            \/\/ Bayi de\u011fi\u015fti\u011finde haritay\u0131 g\u00fcncelle\n            $('#sube-select-' + mapId).change(function() {\n                var sube_adi = $(this).val();\n                \n                if (sube_adi) {\n                    $.ajax({\n                        url: 'https:\/\/onloi.com\/wp-admin\/admin-ajax.php',\n                        type: 'POST',\n                        data: {\n                            action: 'get_sube_detay',\n                            sube_adi: sube_adi\n                        },\n                        success: function(response) {\n                            if (response.success) {\n                                var sube = response.data;\n                                \n                                $('#sube-adi-' + mapId).text(sube.adi);\n                                $('#sube-adres-' + mapId).text(sube.adres);\n                                if (sube.telefon) {\n    $('#sube-adres-' + mapId).append('<br><strong>Telefon:<\/strong> ' + sube.telefon);\n}\n\n                                $('#sube-detay-' + mapId).removeClass('hide').addClass('show');\n                                $('#yol-tarifi-btn-' + mapId).show().data('lat', sube.lat).data('lng', sube.lng);\n                                \n                                if (marker) {\n                                    map.removeLayer(marker);\n                                    marker = null;\n                                }\n                                \n                                map.setView([sube.lat, sube.lng], 16);\n                                \n                                \/\/ E\u011fer t\u00fcm bayiler katman\u0131nda bu bayi marker'\u0131 varsa onu kullan (\u00e7ift marker olmas\u0131n)\n                                if (allSubeMarkerByName[sube.adi]) {\n                                    allSubeMarkerByName[sube.adi].openPopup();\n                                } else {\n                                    marker = L.marker([sube.lat, sube.lng]).addTo(map)\n                                        .bindPopup('<b>' + escapeHtml(sube.adi) + '<\/b><br>' + escapeHtml(sube.adres || '') + (sube.telefon ? '<br><b>Tel:<\/b> ' + escapeHtml(sube.telefon) : ''))\n                                        .openPopup();\n                                }\n                            }\n                        }\n                    });\n                } else {\n                    $('#sube-detay-' + mapId).removeClass('show').addClass('hide');\n                    $('#sube-adi-' + mapId).text('Bayi Se\u00e7in');\n                    $('#sube-adres-' + mapId).text('L\u00fctfen yukar\u0131dan il, il\u00e7e ve bayi se\u00e7imi yap\u0131n.');\n                    $('#yol-tarifi-btn-' + mapId).hide();\n                }\n            });\n            \n            \/\/ Yol tarifi butonu t\u0131klama\n            $('#yol-tarifi-btn-' + mapId).click(function() {\n                var lat = $(this).data('lat');\n                var lng = $(this).data('lng');\n                \n                if (lat && lng) {\n                    var googleMapsUrl = 'https:\/\/www.google.com\/maps\/dir\/?api=1&destination=' + lat + ',' + lng;\n                    window.open(googleMapsUrl, '_blank');\n                }\n            });\n            \n            \/\/ Leaflet CSS ve JS y\u00fckle\n            if (typeof L === 'undefined') {\n                $('<link>')\n                    .attr('rel', 'stylesheet')\n                    .attr('href', 'https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css')\n                    .appendTo('head');\n                \n                $.getScript('https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js', function() {\n                    initMap();\n                });\n            } else {\n                initMap();\n            }\n        });\n        <\/script>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div>","protected":false},"excerpt":{"rendered":"<p>Bayilerimiz T\u00fcrkiye genelinde hizmet veren yetkili bayilerimizi a\u015fa\u011f\u0131da bulabilirsiniz. Gelece\u011fin G\u00fcvenlik Teknolojilerinde Bayimiz Olun! Onloi\u2019nin yenilik\u00e7i eri\u015fim sistemleriyle sekt\u00f6r\u00fcn \u00f6nc\u00fclerinden biri olun. Geni\u015f \u00fcr\u00fcn yelpazemiz, g\u00fc\u00e7l\u00fc teknik destek ekibimiz ve s\u00fcrd\u00fcr\u00fclebilir i\u015f modeliyle kazan\u00e7l\u0131 bir i\u015f ortakl\u0131\u011f\u0131 sizi bekliyor.Siz de bayimiz olarak kendi b\u00f6lgenizde b\u00fcy\u00fcyen g\u00fcvenlik teknolojileri pazar\u0131nda yerinizi hemen al\u0131n. Bayilik Ba\u015fvurusu Yap \u0130l [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"footnotes":""},"class_list":["post-1539","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Ak\u0131ll\u0131 Kilit Bayisi Olun \u2013 Bayi A\u011f\u0131 | Onloi<\/title>\n<meta name=\"description\" content=\"Onloi bayileri ile size en yak\u0131n sat\u0131\u015f ve destek noktalar\u0131na ula\u015f\u0131n. Profesyonel g\u00fcvenlik \u00e7\u00f6z\u00fcmleri ve destek hizmetlerini ke\u015ffedin.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/onloi.com\/en\/bayiler\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ak\u0131ll\u0131 Kilit Bayisi Olun \u2013 Bayi A\u011f\u0131 | Onloi\" \/>\n<meta property=\"og:description\" content=\"Onloi bayileri ile size en yak\u0131n sat\u0131\u015f ve destek noktalar\u0131na ula\u015f\u0131n. Profesyonel g\u00fcvenlik \u00e7\u00f6z\u00fcmleri ve destek hizmetlerini ke\u015ffedin.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/onloi.com\/en\/bayiler\/\" \/>\n<meta property=\"og:site_name\" content=\"Onloi\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-10T06:44:10+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/onloi.com\/bayiler\/\",\"url\":\"https:\/\/onloi.com\/bayiler\/\",\"name\":\"Ak\u0131ll\u0131 Kilit Bayisi Olun \u2013 Bayi A\u011f\u0131 | Onloi\",\"isPartOf\":{\"@id\":\"https:\/\/onloi.com\/#website\"},\"datePublished\":\"2025-10-01T12:17:16+00:00\",\"dateModified\":\"2026-04-10T06:44:10+00:00\",\"description\":\"Onloi bayileri ile size en yak\u0131n sat\u0131\u015f ve destek noktalar\u0131na ula\u015f\u0131n. Profesyonel g\u00fcvenlik \u00e7\u00f6z\u00fcmleri ve destek hizmetlerini ke\u015ffedin.\",\"breadcrumb\":{\"@id\":\"https:\/\/onloi.com\/bayiler\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/onloi.com\/bayiler\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/onloi.com\/bayiler\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/onloi.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Yetkili Bayilerimiz\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/onloi.com\/#website\",\"url\":\"https:\/\/onloi.com\/\",\"name\":\"Onloi\",\"description\":\"Onloi ile Ak\u0131ll\u0131 Ya\u015fam\u0131n Kilidini A\u00e7\u0131n\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/onloi.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Ak\u0131ll\u0131 Kilit Bayisi Olun \u2013 Bayi A\u011f\u0131 | Onloi","description":"Onloi bayileri ile size en yak\u0131n sat\u0131\u015f ve destek noktalar\u0131na ula\u015f\u0131n. Profesyonel g\u00fcvenlik \u00e7\u00f6z\u00fcmleri ve destek hizmetlerini ke\u015ffedin.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/onloi.com\/en\/bayiler\/","og_locale":"en_US","og_type":"article","og_title":"Ak\u0131ll\u0131 Kilit Bayisi Olun \u2013 Bayi A\u011f\u0131 | Onloi","og_description":"Onloi bayileri ile size en yak\u0131n sat\u0131\u015f ve destek noktalar\u0131na ula\u015f\u0131n. Profesyonel g\u00fcvenlik \u00e7\u00f6z\u00fcmleri ve destek hizmetlerini ke\u015ffedin.","og_url":"https:\/\/onloi.com\/en\/bayiler\/","og_site_name":"Onloi","article_modified_time":"2026-04-10T06:44:10+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/onloi.com\/bayiler\/","url":"https:\/\/onloi.com\/bayiler\/","name":"Ak\u0131ll\u0131 Kilit Bayisi Olun \u2013 Bayi A\u011f\u0131 | Onloi","isPartOf":{"@id":"https:\/\/onloi.com\/#website"},"datePublished":"2025-10-01T12:17:16+00:00","dateModified":"2026-04-10T06:44:10+00:00","description":"Onloi bayileri ile size en yak\u0131n sat\u0131\u015f ve destek noktalar\u0131na ula\u015f\u0131n. Profesyonel g\u00fcvenlik \u00e7\u00f6z\u00fcmleri ve destek hizmetlerini ke\u015ffedin.","breadcrumb":{"@id":"https:\/\/onloi.com\/bayiler\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/onloi.com\/bayiler\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/onloi.com\/bayiler\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/onloi.com\/"},{"@type":"ListItem","position":2,"name":"Yetkili Bayilerimiz"}]},{"@type":"WebSite","@id":"https:\/\/onloi.com\/#website","url":"https:\/\/onloi.com\/","name":"Onloi","description":"Unlock Smart Living with Onloi","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/onloi.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/onloi.com\/en\/wp-json\/wp\/v2\/pages\/1539","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/onloi.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/onloi.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/onloi.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/onloi.com\/en\/wp-json\/wp\/v2\/comments?post=1539"}],"version-history":[{"count":20,"href":"https:\/\/onloi.com\/en\/wp-json\/wp\/v2\/pages\/1539\/revisions"}],"predecessor-version":[{"id":3407,"href":"https:\/\/onloi.com\/en\/wp-json\/wp\/v2\/pages\/1539\/revisions\/3407"}],"wp:attachment":[{"href":"https:\/\/onloi.com\/en\/wp-json\/wp\/v2\/media?parent=1539"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}