{"id":7,"date":"2026-05-19T13:15:29","date_gmt":"2026-05-19T13:15:29","guid":{"rendered":"https:\/\/deneme.medyaket.com\/?page_id=7"},"modified":"2026-05-19T13:15:29","modified_gmt":"2026-05-19T13:15:29","slug":"sorun-bildir","status":"publish","type":"page","link":"https:\/\/deneme.medyaket.com\/?page_id=7","title":{"rendered":"Sorun Bildir"},"content":{"rendered":"\n<div id=\"ep-form-success\" class=\"success-msg hidden\">\n    <span class=\"icon\">\u2713<\/span>\n    <p id=\"ep-success-text\">Bildiriminiz al\u0131nd\u0131! Moderat\u00f6rlerimiz inceledikten sonra yay\u0131nlanacak.<\/p>\n<\/div>\n\n<div id=\"ep-form-error\" class=\"error-msg hidden\"><\/div>\n\n<div class=\"form-section\">\n    <h2>Sorun Bildirimi G\u00f6nder<\/h2>\n    \n    <form id=\"ep-issue-form\" enctype=\"multipart\/form-data\" onsubmit=\"return epSubmitForm(event);\">\n        <div class=\"form-group\">\n            <label>Ad Soyad <span style=\"color:#E24B4A\">*<\/span><\/label>\n            <input type=\"text\" name=\"name\" id=\"f-name\" placeholder=\"Ad\u0131n\u0131z ve soyad\u0131n\u0131z\" required minlength=\"3\" maxlength=\"80\">\n        <\/div>\n        \n        <div class=\"form-row\">\n            <div class=\"form-group\">\n                <label>E-posta <small style=\"color:#999\">(\u00f6nerilir)<\/small><\/label>\n                <input type=\"email\" name=\"email\" id=\"f-email\" placeholder=\"ornek@email.com\" maxlength=\"100\">\n                <small style=\"color:#666;font-size:11px\">E-posta ile bildirim takip mailleri al\u0131rs\u0131n\u0131z.<\/small>\n            <\/div>\n            <div class=\"form-group\">\n                <label>Telefon <small style=\"color:#999\">(opsiyonel)<\/small><\/label>\n                <input type=\"tel\" name=\"phone\" id=\"f-phone\" placeholder=\"05xx xxx xx xx\" maxlength=\"20\">\n            <\/div>\n        <\/div>\n        \n        <div class=\"form-row\">\n            <div class=\"form-group\">\n                <label>Kategori <span style=\"color:#E24B4A\">*<\/span><\/label>\n                <select name=\"category\" id=\"f-cat\" required>\n                    <option value=\"\">Se\u00e7iniz...<\/option>\n                                            <option value=\"altyapi\">Altyap\u0131 (Su, Kanalizasyon, Elektrik)<\/option>\n                                            <option value=\"ulasim\">Ula\u015f\u0131m &amp; Yollar<\/option>\n                                            <option value=\"cevre\">\u00c7evre &amp; Ye\u015fil Alan<\/option>\n                                            <option value=\"guvenlik\">G\u00fcvenlik &amp; Ayd\u0131nlatma<\/option>\n                                            <option value=\"diger\">Di\u011fer<\/option>\n                                    <\/select>\n            <\/div>\n            <div class=\"form-group\">\n                <label>Mahalle \/ Sokak <span style=\"color:#E24B4A\">*<\/span><\/label>\n                <input type=\"text\" name=\"location\" id=\"f-location\" placeholder=\"\u00f6rn. Bat\u0131kent Mah., Atat\u00fcrk Cad.\" required maxlength=\"200\">\n            <\/div>\n        <\/div>\n        \n        <!-- HAR\u0130TA KONUM SE\u00c7\u0130C\u0130 -->\n        <div class=\"form-group\">\n            <label>\ud83d\udccd Haritada Konumu \u0130\u015faretleyin <small style=\"color:#999\">(\u00f6nerilir)<\/small><\/label>\n            <div style=\"background:#E1F5EE;border:1px solid #B8E8D8;border-radius:6px;padding:10px;margin-bottom:8px;font-size:13px;color:#085041\">\n                \ud83d\udca1 Sorunun oldu\u011fu noktay\u0131 haritaya t\u0131klayarak veya pini s\u00fcr\u00fckleyerek se\u00e7in.\n            <\/div>\n            \n            <div style=\"display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap\">\n                <button type=\"button\" class=\"btn-outline\" onclick=\"epUseMyLocation()\" style=\"padding:8px 16px;font-size:13px\">\n                    \ud83d\udccd Konumumu Kullan\n                <\/button>\n                <button type=\"button\" class=\"btn-outline\" onclick=\"epSearchLocation()\" style=\"padding:8px 16px;font-size:13px\">\n                    \ud83d\udd0d Adresten Bul\n                <\/button>\n                <span id=\"ep-map-status\" style=\"font-size:12px;color:#666;align-self:center;flex:1\">Hen\u00fcz konum se\u00e7ilmedi<\/span>\n            <\/div>\n            \n            <div id=\"ep-form-map\" style=\"height:300px;border-radius:8px;border:1px solid #e0e0e0\"><\/div>\n            <input type=\"hidden\" name=\"lat\" id=\"f-lat\">\n            <input type=\"hidden\" name=\"lng\" id=\"f-lng\">\n        <\/div>\n        \n        <div class=\"form-group\">\n            <label>Sorun Ba\u015fl\u0131\u011f\u0131 <span style=\"color:#E24B4A\">*<\/span><\/label>\n            <input type=\"text\" name=\"title\" id=\"f-title\" placeholder=\"Sorunu k\u0131saca \u00f6zetleyin\" maxlength=\"100\" required minlength=\"5\">\n            <div class=\"char-count\"><span id=\"title-char\">0<\/span>\/100<\/div>\n        <\/div>\n        \n        <div class=\"form-group\">\n            <label>A\u00e7\u0131klama <span style=\"color:#E24B4A\">*<\/span><\/label>\n            <textarea name=\"description\" id=\"f-desc\" placeholder=\"Sorunu detayl\u0131 a\u00e7\u0131klay\u0131n. Ne zamandan beri var? Nas\u0131l etkileniyor?\" maxlength=\"1000\" required minlength=\"20\"><\/textarea>\n            <div class=\"char-count\"><span id=\"desc-char\">0<\/span>\/1000<\/div>\n        <\/div>\n        \n        <div class=\"form-group\">\n            <label>Foto\u011fraf Ekle <small style=\"color:#999\">(opsiyonel ama \u00f6nerilir)<\/small><\/label>\n            <div class=\"upload-zone\" onclick=\"document.getElementById('f-photo').click()\">\n                <div style=\"font-size:24px\">\ud83d\udcf7<\/div>\n                <p>Foto\u011fraf y\u00fcklemek i\u00e7in t\u0131klay\u0131n<\/p>\n                <p style=\"font-size:11px;margin-top:4px\">JPG, PNG, WebP \u2014 Maks. 5MB<\/p>\n                <input type=\"file\" name=\"photo\" id=\"f-photo\" accept=\"image\/jpeg,image\/jpg,image\/png,image\/webp\" style=\"display:none\">\n            <\/div>\n            <div id=\"photo-preview\" style=\"margin-top:8px\"><\/div>\n        <\/div>\n        \n        <!-- HONEYPOT - Bot tuza\u011f\u0131 -->\n            <div style=\"position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden\" aria-hidden=\"true\">\n        <label>Website (bo\u015f b\u0131rak\u0131n)<\/label>\n        <input type=\"text\" name=\"ep_website_hp\" value=\"\" tabindex=\"-1\" autocomplete=\"off\">\n    <\/div>\n            \n        <!-- KVKK ONAYI -->\n        <div style=\"background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:1rem;margin-bottom:1rem\">\n            <div style=\"display:flex;align-items:flex-start;gap:8px\">\n                <input type=\"checkbox\" id=\"f-kvkk\" name=\"kvkk_consent\" required style=\"width:auto;margin:4px 0 0;flex-shrink:0\">\n                <label for=\"f-kvkk\" style=\"margin:0;cursor:pointer;font-size:13px;color:#444;line-height:1.5\">\n                    <strong>KVKK Ayd\u0131nlatma Metni:<\/strong> Verilerimin platform \u00fczerinde i\u015flenmesini, ilgili kurumlara iletilmesini ve bildirim takip e-postalar\u0131 almay\u0131 kabul ediyorum.\n                                        <span style=\"color:#E24B4A\">*<\/span>\n                <\/label>\n            <\/div>\n        <\/div>\n        \n        <div style=\"background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:1rem;margin-bottom:1rem\">\n            <div style=\"display:flex;align-items:flex-start;gap:8px\">\n                <input type=\"checkbox\" id=\"f-agree\" required style=\"width:auto;margin:4px 0 0;flex-shrink:0\">\n                <label for=\"f-agree\" style=\"margin:0;cursor:pointer;font-size:13px;color:#444;line-height:1.5\">\n                    Bilgilerimin do\u011fru oldu\u011funu, k\u00fcf\u00fcr\/hakaret i\u00e7ermedi\u011fini ve\n                                        kabul ediyorum. <span style=\"color:#E24B4A\">*<\/span>\n                <\/label>\n            <\/div>\n        <\/div>\n        \n        <input type=\"hidden\" id=\"ep_form_nonce\" name=\"ep_form_nonce\" value=\"3963b9258d\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F7\" \/>        \n        <button type=\"submit\" class=\"btn-primary\" id=\"ep-submit-btn\" style=\"width:100%;padding:12px;font-size:15px\">\n            Bildirimi G\u00f6nder\n        <\/button>\n    <\/form>\n<\/div>\n\n<script>\n\/\/ Harita formunu ba\u015flat\ndocument.addEventListener('DOMContentLoaded', function() {\n    if (typeof L === 'undefined') return;\n    if (!document.getElementById('ep-form-map')) return;\n    \n    const map = L.map('ep-form-map').setView([ep_map.center_lat, ep_map.center_lng], ep_map.zoom);\n    \n    L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\n        attribution: '\u00a9 OpenStreetMap',\n        maxZoom: 19\n    }).addTo(map);\n    \n    let marker = null;\n    \n    function setMarker(lat, lng) {\n        if (marker) map.removeLayer(marker);\n        marker = L.marker([lat, lng], {draggable: true}).addTo(map);\n        marker.on('dragend', function(e) {\n            const pos = e.target.getLatLng();\n            updateCoords(pos.lat, pos.lng);\n        });\n        updateCoords(lat, lng);\n    }\n    \n    function updateCoords(lat, lng) {\n        document.getElementById('f-lat').value = lat.toFixed(6);\n        document.getElementById('f-lng').value = lng.toFixed(6);\n        document.getElementById('ep-map-status').innerHTML = '\u2713 <span style=\"color:#1D9E75\">Konum se\u00e7ildi:<\/span> ' + lat.toFixed(4) + ', ' + lng.toFixed(4);\n    }\n    \n    map.on('click', function(e) {\n        setMarker(e.latlng.lat, e.latlng.lng);\n    });\n    \n    window.epFormMap = map;\n    window.epSetMarker = setMarker;\n});\n\n\/\/ Taray\u0131c\u0131 konumu kullan\nfunction epUseMyLocation() {\n    if (!navigator.geolocation) {\n        alert('Taray\u0131c\u0131n\u0131z konum servislerini desteklemiyor.');\n        return;\n    }\n    \n    document.getElementById('ep-map-status').textContent = '\u23f3 Konum al\u0131n\u0131yor...';\n    \n    navigator.geolocation.getCurrentPosition(\n        function(pos) {\n            const lat = pos.coords.latitude;\n            const lng = pos.coords.longitude;\n            \n            if (window.epFormMap && window.epSetMarker) {\n                window.epFormMap.setView([lat, lng], 16);\n                window.epSetMarker(lat, lng);\n            }\n        },\n        function(err) {\n            alert('Konum al\u0131namad\u0131. L\u00fctfen haritadan manuel se\u00e7in.');\n            document.getElementById('ep-map-status').textContent = 'Konum al\u0131namad\u0131';\n        }\n    );\n}\n\n\/\/ Adresten konum bul\nfunction epSearchLocation() {\n    const address = document.getElementById('f-location').value.trim();\n    if (!address) {\n        alert('L\u00fctfen \u00f6nce mahalle\/sokak alan\u0131n\u0131 doldurun.');\n        return;\n    }\n    \n    document.getElementById('ep-map-status').textContent = '\ud83d\udd0d Adres aran\u0131yor...';\n    \n    const data = new FormData();\n    data.append('action', 'ep_geocode');\n    data.append('nonce', ep_ajax.nonce);\n    data.append('address', address);\n    \n    fetch(ep_ajax.ajax_url, {method: 'POST', body: data})\n        .then(r => r.json())\n        .then(d => {\n            if (d.success) {\n                if (window.epFormMap && window.epSetMarker) {\n                    window.epFormMap.setView([d.data.lat, d.data.lng], 16);\n                    window.epSetMarker(d.data.lat, d.data.lng);\n                }\n            } else {\n                alert((d.data && d.data.message) || 'Adres bulunamad\u0131. L\u00fctfen haritadan manuel se\u00e7in.');\n                document.getElementById('ep-map-status').textContent = 'Adres bulunamad\u0131';\n            }\n        });\n}\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/deneme.medyaket.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/deneme.medyaket.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/deneme.medyaket.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/deneme.medyaket.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/deneme.medyaket.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":0,"href":"https:\/\/deneme.medyaket.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"wp:attachment":[{"href":"https:\/\/deneme.medyaket.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}