{"id":6288,"date":"2025-12-08T12:45:03","date_gmt":"2025-12-08T12:45:03","guid":{"rendered":"https:\/\/onlinedersatolyem.com\/?page_id=6288"},"modified":"2025-12-08T12:45:13","modified_gmt":"2025-12-08T12:45:13","slug":"giris-yap","status":"publish","type":"page","link":"https:\/\/www.onlinedersatolyem.com\/?page_id=6288","title":{"rendered":"Giri\u015f"},"content":{"rendered":"\r\n    <style>\r\n        .custom-login-wrapper {\r\n            max-width: 400px;\r\n            margin: 40px auto;\r\n            padding: 30px;\r\n            background: #ffffff;\r\n            border-radius: 16px;\r\n            box-shadow: 0px 4px 20px rgba(0,0,0,0.08);\r\n            font-family: \"Inter\", sans-serif;\r\n        }\r\n        .custom-login-wrapper h2 {\r\n            text-align: center;\r\n            margin-bottom: 25px;\r\n            font-size: 26px;\r\n            font-weight: 600;\r\n        }\r\n        .custom-login-wrapper label {\r\n            font-weight: 500;\r\n            display: block;\r\n            margin-bottom: 8px;\r\n        }\r\n        .custom-login-wrapper input[type=\"text\"],\r\n        .custom-login-wrapper input[type=\"password\"] {\r\n            width: 100%;\r\n            padding: 12px;\r\n            border-radius: 10px;\r\n            border: 1px solid #ddd;\r\n            margin-bottom: 18px;\r\n            transition: 0.3s;\r\n            box-sizing: border-box;\r\n        }\r\n        .custom-login-wrapper input:focus {\r\n            border-color: #8266ff;\r\n            box-shadow: 0 0 0 2px rgba(130,102,255,0.2);\r\n            outline: none;\r\n        }\r\n        .custom-login-wrapper button {\r\n            width: 100%;\r\n            padding: 12px;\r\n            background: #7c5fff;\r\n            border: none;\r\n            color: #fff;\r\n            font-size: 16px;\r\n            font-weight: 600;\r\n            border-radius: 10px;\r\n            cursor: pointer;\r\n        }\r\n        .custom-login-wrapper button:disabled {\r\n            opacity: 0.7;\r\n            cursor: not-allowed;\r\n        }\r\n        .custom-login-wrapper .error-msg {\r\n            background: #ffebeb;\r\n            padding: 10px;\r\n            border-radius: 8px;\r\n            color: #c20000;\r\n            margin-bottom: 15px;\r\n            text-align: center;\r\n            display: none;\r\n        }\r\n        .custom-login-wrapper .success-msg {\r\n            background: #ebfff1;\r\n            padding: 10px;\r\n            border-radius: 8px;\r\n            color: #0a7a2f;\r\n            margin-bottom: 15px;\r\n            text-align: center;\r\n            display: none;\r\n        }\r\n        .custom-login-wrapper .link-wrapper {\r\n            margin-top: 18px;\r\n            text-align: center;\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"custom-login-wrapper\">\r\n        <h2>Giri\u015f Yap<\/h2>\r\n\r\n        <div id=\"login-error\" class=\"error-msg\"><\/div>\r\n        <div id=\"login-success\" class=\"success-msg\"><\/div>\r\n\r\n        <form id=\"custom-login-form\">\r\n            <label>Kullan\u0131c\u0131 Ad\u0131<\/label>\r\n            <input type=\"text\" id=\"login_user\" name=\"login_user\" required>\r\n\r\n            <label>\u015eifre<\/label>\r\n            <input type=\"password\" id=\"login_pass\" name=\"login_pass\" required>\r\n\r\n            <button type=\"submit\" id=\"login-submit-btn\">Giri\u015f Yap<\/button>\r\n        <\/form>\r\n\r\n        <div class=\"link-wrapper\">\r\n            <a href=\"\/sifre-sifirla\">\u015eifremi Unuttum<\/a><br><br>\r\n            <a href=\"\/kayit-ol\">Hesab\u0131n yok mu? Kay\u0131t Ol<\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n    document.addEventListener(\"DOMContentLoaded\", function () {\r\n        const form = document.getElementById(\"custom-login-form\");\r\n        if (!form) return;\r\n\r\n        const errorBox = document.getElementById(\"login-error\");\r\n        const successBox = document.getElementById(\"login-success\");\r\n        const submitBtn = document.getElementById(\"login-submit-btn\");\r\n\r\n        \/\/ Zaten token varsa do\u011frudan hesab\u0131m'a at\r\n        const existingToken = localStorage.getItem(\"access_token\");\r\n        if (existingToken) {\r\n            window.location.href = \"\/hesabim\";\r\n            return;\r\n        }\r\n\r\n        form.addEventListener(\"submit\", async function (e) {\r\n            e.preventDefault();\r\n\r\n            errorBox.style.display = \"none\";\r\n            successBox.style.display = \"none\";\r\n            errorBox.textContent = \"\";\r\n            successBox.textContent = \"\";\r\n\r\n            const username = document.getElementById(\"login_user\").value.trim();\r\n            const password = document.getElementById(\"login_pass\").value;\r\n\r\n            if (!username || !password) {\r\n                errorBox.textContent = \"L\u00fctfen t\u00fcm alanlar\u0131 doldurun.\";\r\n                errorBox.style.display = \"block\";\r\n                return;\r\n            }\r\n\r\n            submitBtn.disabled = true;\r\n            submitBtn.textContent = \"Giri\u015f yap\u0131l\u0131yor...\";\r\n\r\n            try {\r\n                const body = new URLSearchParams();\r\n                body.append(\"username\", username);\r\n                body.append(\"password\", password);\r\n\r\n                const response = await fetch(\"https:\/\/api.onlinedersatolyem.com\/auth\/login\", {\r\n                    method: \"POST\",\r\n                    headers: {\r\n                        \"Content-Type\": \"application\/x-www-form-urlencoded\"\r\n                    },\r\n                    body: body.toString()\r\n                });\r\n\r\n                let data = {};\r\n                try {\r\n                    data = await response.json();\r\n                } catch (jsonErr) {\r\n                    data = {};\r\n                }\r\n\r\n                if (!response.ok) {\r\n                    errorBox.textContent = data.detail || \"Giri\u015f ba\u015far\u0131s\u0131z.\";\r\n                    errorBox.style.display = \"block\";\r\n                    submitBtn.disabled = false;\r\n                    submitBtn.textContent = \"Giri\u015f Yap\";\r\n                    return;\r\n                }\r\n\r\n                if (!data.access_token) {\r\n                    errorBox.textContent = \"Token al\u0131namad\u0131.\";\r\n                    errorBox.style.display = \"block\";\r\n                    submitBtn.disabled = false;\r\n                    submitBtn.textContent = \"Giri\u015f Yap\";\r\n                    return;\r\n                }\r\n\r\n                localStorage.setItem(\"access_token\", data.access_token);\r\n                localStorage.setItem(\"token_type\", data.token_type || \"bearer\");\r\n\r\n                successBox.textContent = \"Giri\u015f ba\u015far\u0131l\u0131, y\u00f6nlendiriliyorsunuz...\";\r\n                successBox.style.display = \"block\";\r\n\r\n                window.location.href = \"\/hesabim\";\r\n\r\n            } catch (err) {\r\n                console.error(\"Login error:\", err);\r\n                errorBox.textContent = \"Sunucu ba\u011flant\u0131 hatas\u0131 olu\u015ftu.\";\r\n                errorBox.style.display = \"block\";\r\n                submitBtn.disabled = false;\r\n                submitBtn.textContent = \"Giri\u015f Yap\";\r\n            }\r\n        });\r\n    });\r\n    <\/script>\r\n\r\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":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-6288","page","type-page","status-publish","hentry"],"acf":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/www.onlinedersatolyem.com\/index.php?rest_route=\/wp\/v2\/pages\/6288","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.onlinedersatolyem.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.onlinedersatolyem.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.onlinedersatolyem.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.onlinedersatolyem.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6288"}],"version-history":[{"count":1,"href":"https:\/\/www.onlinedersatolyem.com\/index.php?rest_route=\/wp\/v2\/pages\/6288\/revisions"}],"predecessor-version":[{"id":6289,"href":"https:\/\/www.onlinedersatolyem.com\/index.php?rest_route=\/wp\/v2\/pages\/6288\/revisions\/6289"}],"wp:attachment":[{"href":"https:\/\/www.onlinedersatolyem.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6288"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}