{"id":5290,"date":"2026-08-12T09:26:52","date_gmt":"2026-08-12T09:26:52","guid":{"rendered":"https:\/\/grandstrap.com\/tr\/?page_id=5290"},"modified":"2026-08-13T08:30:17","modified_gmt":"2026-08-13T08:30:17","slug":"online-tahsilat","status":"publish","type":"page","link":"https:\/\/grandstrap.com\/tr\/online-tahsilat\/","title":{"rendered":"Online Tahsilat"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5290\" class=\"elementor elementor-5290\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d1fa843 e-flex e-con-boxed e-con e-parent\" data-id=\"d1fa843\" 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-26f6998 elementor-widget elementor-widget-shortcode\" data-id=\"26f6998\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <style>\n\n    .grandstrap-payment-box {\n        max-width: 760px;\n        margin: 0 auto;\n        padding: 45px;\n        background: #fff;\n        border: 1px solid #e8e8e8;\n        box-shadow: 0 15px 45px rgba(0, 0, 0, .07);\n        box-sizing: border-box;\n    }\n\n\n    .grandstrap-payment-title {\n        margin-bottom: 32px;\n        padding-bottom: 20px;\n        border-bottom: 1px solid #e8e8e8;\n    }\n\n\n    .grandstrap-payment-title h3 {\n        margin: 0 0 8px;\n        font-size: 22px;\n        font-weight: 700;\n        color: #171717;\n    }\n\n\n    .grandstrap-payment-title p {\n        margin: 0;\n        font-size: 14px;\n        color: #777;\n    }\n\n\n    .grandstrap-payment-field {\n        margin-bottom: 24px;\n    }\n\n\n    .grandstrap-payment-field label {\n        display: block;\n        margin-bottom: 9px;\n        font-size: 13px;\n        font-weight: 600;\n        color: #222;\n    }\n\n\n    .grandstrap-payment-field input {\n        width: 100%;\n        height: 56px;\n        padding: 0 17px;\n        border: 1px solid #dedede;\n        background: #fff;\n        font-family: inherit;\n        font-size: 15px;\n        color: #222;\n        outline: none;\n        box-sizing: border-box;\n        transition: border-color .2s ease;\n    }\n\n\n    .grandstrap-payment-field input:focus {\n        border-color: #c91f26;\n    }\n\n\n    \/* =====================================================\n       AMOUNT\n    ===================================================== *\/\n\n    .grandstrap-payment-amount {\n        position: relative;\n        width: 100%;\n    }\n\n\n    .grandstrap-payment-amount input {\n        width: 100%;\n        height: 56px;\n        padding: 0 65px 0 17px;\n        text-align: right;\n        font-size: 17px;\n        font-weight: 600;\n        box-sizing: border-box;\n    }\n\n\n    .grandstrap-payment-currency {\n        position: absolute;\n        right: 17px;\n        top: 50%;\n        transform: translateY(-50%);\n        font-size: 14px;\n        font-weight: 700;\n        color: #777;\n        pointer-events: none;\n        user-select: none;\n    }\n\n\n    \/* =====================================================\n       BUTTON\n    ===================================================== *\/\n\n    .grandstrap-payment-action {\n        margin-top: 32px;\n    }\n\n\n    .grandstrap-payment-button {\n        width: 100%;\n        min-height: 58px;\n        border: 0;\n        background: #c91f26;\n        color: #fff;\n        font-family: inherit;\n        font-size: 14px;\n        font-weight: 700;\n        letter-spacing: .5px;\n        text-transform: uppercase;\n        cursor: pointer;\n        transition: background .2s ease;\n    }\n\n\n    .grandstrap-payment-button:hover {\n        background: #a9181f;\n    }\n\n\n    \/* =====================================================\n       SECURITY\n    ===================================================== *\/\n\n    .grandstrap-payment-security {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 10px;\n        margin-top: 28px;\n        padding-top: 24px;\n        border-top: 1px solid #e8e8e8;\n        font-size: 13px;\n        color: #777;\n        text-align: center;\n    }\n\n\n    .grandstrap-payment-security strong {\n        color: #333;\n    }\n\n\n    \/* =====================================================\n       MOBILE\n    ===================================================== *\/\n\n    @media (max-width: 767px) {\n\n        .grandstrap-payment-box {\n            padding: 30px 22px;\n        }\n\n\n        .grandstrap-payment-security {\n            display: block;\n            line-height: 1.7;\n        }\n\n    }\n\n    <\/style>\n\n\n    <div class=\"grandstrap-payment-box\">\n\n\n        <div class=\"grandstrap-payment-title\">\n\n            <h3>\n                \u00d6deme Bilgileri\n            <\/h3>\n\n            <p>\n                L\u00fctfen \u00f6deme bilgilerinizi giriniz.\n            <\/p>\n\n        <\/div>\n\n\n        <form\n            method=\"post\"\n            action=\"https:\/\/grandstrap.com\/tr\/wp-admin\/admin-post.php\"\n        >\n\n\n            <input\n                type=\"hidden\"\n                name=\"action\"\n                value=\"grandstrap_start_payment\"\n            >\n\n\n            <input type=\"hidden\" id=\"grandstrap_payment_nonce\" name=\"grandstrap_payment_nonce\" value=\"5a5d165c0b\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/tr\/wp-json\/wp\/v2\/pages\/5290\" \/>\n\n            <!-- =========================================\n                 AD SOYAD\n            ========================================== -->\n\n            <div class=\"grandstrap-payment-field\">\n\n                <label for=\"payment-name\">\n                    Ad Soyad\n                <\/label>\n\n                <input\n                    type=\"text\"\n                    id=\"payment-name\"\n                    name=\"payment_name\"\n                    autocomplete=\"name\"\n                    required\n                >\n\n            <\/div>\n\n\n            <!-- =========================================\n                 FIRMA ADI\n            ========================================== -->\n\n            <div class=\"grandstrap-payment-field\">\n\n                <label for=\"payment-company\">\n                    Firma Ad\u0131\n                <\/label>\n\n                <input\n                    type=\"text\"\n                    id=\"payment-company\"\n                    name=\"payment_company\"\n                    autocomplete=\"organization\"\n                >\n\n            <\/div>\n\n\n            <!-- =========================================\n                 TUTAR\n            ========================================== -->\n\n            <div class=\"grandstrap-payment-field\">\n\n                <label for=\"payment-amount\">\n                    Tutar\n                <\/label>\n\n\n                <div class=\"grandstrap-payment-amount\">\n\n                    <input\n                        type=\"text\"\n                        id=\"payment-amount\"\n                        name=\"payment_amount\"\n                        inputmode=\"decimal\"\n                        autocomplete=\"off\"\n                        required\n                    >\n\n\n                    <span class=\"grandstrap-payment-currency\">\n                        TRY\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- =========================================\n                 BUTON\n            ========================================== -->\n\n            <div class=\"grandstrap-payment-action\">\n\n                <button\n                    type=\"submit\"\n                    class=\"grandstrap-payment-button\"\n                >\n                    \u00d6demeye Devam Et\n                <\/button>\n\n            <\/div>\n\n\n            <!-- =========================================\n                 G\u00dcVENL\u0130K\n            ========================================== -->\n\n            <div class=\"grandstrap-payment-security\">\n\n                <span>\n                    G\u00fcvenli \u00f6deme i\u015flemi\n                <\/span>\n\n                <strong>\n                    Korunan \u00f6deme ortam\u0131\n                <\/strong>\n\n            <\/div>\n\n\n        <\/form>\n\n    <\/div>\n\n\n    <!-- =================================================\n         TUTAR FORMAT SCRIPT\n    ================================================== -->\n\n    <script>\n\n    document.addEventListener(\n        'DOMContentLoaded',\n        function () {\n\n            var amountField =\n                document.getElementById(\n                    'payment-amount'\n                );\n\n\n            if (!amountField) {\n                return;\n            }\n\n\n            amountField.addEventListener(\n                'input',\n                function () {\n\n                    var input = this;\n\n                    var original =\n                        input.value;\n\n\n                    \/*\n                     * Cursor pozisyonu.\n                     *\/\n\n                    var cursor =\n                        input.selectionStart;\n\n\n                    \/*\n                     * Cursor'un solundaki\n                     * rakam say\u0131s\u0131n\u0131 bul.\n                     *\/\n\n                    var beforeCursor =\n                        original.substring(\n                            0,\n                            cursor\n                        );\n\n\n                    var digitsBeforeCursor =\n                        (\n                            beforeCursor.match(\n                                \/\\d\/g\n                            ) || []\n                        ).length;\n\n\n                    \/*\n                     * Decimal virg\u00fcl\u00fcn\u00fcn\n                     * konumunu bul.\n                     *\/\n\n                    var originalComma =\n                        original.indexOf(',');\n\n\n                    \/*\n                     * Cursor decimal k\u0131sm\u0131nda m\u0131?\n                     *\/\n\n                    var cursorInDecimal =\n                        (\n                            originalComma !== -1 &&\n                            cursor > originalComma\n                        );\n\n\n                    var decimalDigitsBeforeCursor =\n                        0;\n\n\n                    if (\n                        cursorInDecimal\n                    ) {\n\n                        decimalDigitsBeforeCursor =\n                            (\n                                original\n                                    .substring(\n                                        originalComma + 1,\n                                        cursor\n                                    )\n                                    .match(\n                                        \/\\d\/g\n                                    ) || []\n                            ).length;\n                    }\n\n\n                    \/*\n                     * Sadece rakam ve virg\u00fcl.\n                     *\n                     * Nokta kullan\u0131c\u0131 taraf\u0131ndan\n                     * girilirse kald\u0131r\u0131l\u0131r.\n                     *\/\n\n                    var value =\n                        original.replace(\n                            \/[^\\d,]\/g,\n                            ''\n                        );\n\n\n                    \/*\n                     * \u0130lk virg\u00fcl decimal ayra\u00e7t\u0131r.\n                     *\/\n\n                    var commaIndex =\n                        value.indexOf(',');\n\n\n                    var integerPart;\n                    var decimalPart = '';\n\n\n                    if (\n                        commaIndex !== -1\n                    ) {\n\n                        integerPart =\n                            value.substring(\n                                0,\n                                commaIndex\n                            );\n\n\n                        decimalPart =\n                            value.substring(\n                                commaIndex + 1\n                            );\n\n\n                        \/*\n                         * \u0130kinci virg\u00fclleri kald\u0131r.\n                         *\/\n\n                        decimalPart =\n                            decimalPart.replace(\n                                \/,\/g,\n                                ''\n                            );\n\n\n                        \/*\n                         * Maksimum 2 kuru\u015f hanesi.\n                         *\/\n\n                        decimalPart =\n                            decimalPart.substring(\n                                0,\n                                2\n                            );\n\n                    } else {\n\n                        integerPart =\n                            value;\n                    }\n\n\n                    \/*\n                     * Ba\u015ftaki gereksiz s\u0131f\u0131rlar.\n                     *\n                     * 0001250\n                     * ->\n                     * 1250\n                     *\/\n\n                    integerPart =\n                        integerPart.replace(\n                            \/^0+(?=\\d)\/,\n                            ''\n                        );\n\n\n                    \/*\n                     * Binlik noktalar\u0131.\n                     *\n                     * 1000\n                     * ->\n                     * 1.000\n                     *\n                     * 1250\n                     * ->\n                     * 1.250\n                     *\n                     * 125000\n                     * ->\n                     * 125.000\n                     *\/\n\n                    var formattedInteger =\n                        integerPart.replace(\n                            \/\\B(?=(\\d{3})+(?!\\d))\/g,\n                            '.'\n                        );\n\n\n                    var newValue;\n\n\n                    if (\n                        commaIndex !== -1\n                    ) {\n\n                        newValue =\n                            formattedInteger +\n                            ',' +\n                            decimalPart;\n\n                    } else {\n\n                        newValue =\n                            formattedInteger;\n                    }\n\n\n                    input.value =\n                        newValue;\n\n\n                    \/*\n                     * Cursor pozisyonunu\n                     * yeniden hesapla.\n                     *\/\n\n                    var newCursor = 0;\n\n                    var countedDigits = 0;\n\n\n                    while (\n                        newCursor <\n                            newValue.length\n                        &&\n                        countedDigits <\n                            digitsBeforeCursor\n                    ) {\n\n                        if (\n                            \/\\d\/.test(\n                                newValue.charAt(\n                                    newCursor\n                                )\n                            )\n                        ) {\n\n                            countedDigits++;\n                        }\n\n\n                        newCursor++;\n                    }\n\n\n                    \/*\n                     * Decimal k\u0131sm\u0131nda yaz\u0131yorsak\n                     * virg\u00fcl sonras\u0131ndaki pozisyonu\n                     * koru.\n                     *\/\n\n                    if (\n                        cursorInDecimal\n                    ) {\n\n                        var newComma =\n                            newValue.indexOf(',');\n\n\n                        if (\n                            newComma !== -1\n                        ) {\n\n                            newCursor =\n                                newComma +\n                                1 +\n                                decimalDigitsBeforeCursor;\n\n\n                            newCursor =\n                                Math.min(\n                                    newCursor,\n                                    newValue.length\n                                );\n                        }\n                    }\n\n\n                    try {\n\n                        input.setSelectionRange(\n                            newCursor,\n                            newCursor\n                        );\n\n                    } catch (e) {}\n\n                }\n            );\n\n        }\n    );\n\n    <\/script>\n\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\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":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-5290","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/grandstrap.com\/tr\/wp-json\/wp\/v2\/pages\/5290","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/grandstrap.com\/tr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/grandstrap.com\/tr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/grandstrap.com\/tr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/grandstrap.com\/tr\/wp-json\/wp\/v2\/comments?post=5290"}],"version-history":[{"count":13,"href":"https:\/\/grandstrap.com\/tr\/wp-json\/wp\/v2\/pages\/5290\/revisions"}],"predecessor-version":[{"id":5306,"href":"https:\/\/grandstrap.com\/tr\/wp-json\/wp\/v2\/pages\/5290\/revisions\/5306"}],"wp:attachment":[{"href":"https:\/\/grandstrap.com\/tr\/wp-json\/wp\/v2\/media?parent=5290"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}