{"id":46126,"date":"2018-02-05T12:24:37","date_gmt":"2018-02-05T10:24:37","guid":{"rendered":"https:\/\/caep.ro\/work-and-travel\/?page_id=46126"},"modified":"2023-02-16T18:02:31","modified_gmt":"2023-02-16T16:02:31","slug":"payment","status":"publish","type":"page","link":"https:\/\/caep.ro\/work-and-travel\/payment","title":{"rendered":"PAY ONLINE"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_row el_class=&#8221;section1&#8243;][vc_column][rev_slider_vc alias=&#8221;95usd&#8221;][\/vc_column][\/vc_row][vc_row el_class=&#8221;section2&#8243;][vc_column]<div class=\"payment-form\" id=\"pay\">\r\n    <form method=\"post\" action=\"https:\/\/caep.ro\/work-and-travel\/stripe-intent#pay\" id=\"payment-form\">\r\n        <input type=\"hidden\" name=\"__payment__[currency]\" value=\"usd\"\/>\r\n        <input type=\"hidden\" name=\"__payment__[order]\" value=\"0\"\/>\r\n        <input type=\"hidden\" name=\"__payment__[invoice]\" value=\"0\"\/>\r\n                <div class=\"grid grid_6 percentage\">\r\n            <div class=\"form-input form-input-name\">\r\n                <input type=\"text\" name=\"__payment__[name]\"\r\n                       value=\" \"\r\n                       placeholder=\"name\"\/>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"grid grid_6 percentage\">\r\n            <div class=\"form-input form-input-phone\">\r\n                        <div class=\"phone-input\">\r\n            <input id=\"phone_69d089f572bcd\" placeholder=\"mobile\"                    type=\"tel\"\r\n                   name=\"__payment__[phone]\"\r\n                   value=\"\"\/>\r\n        <\/div>\r\n        <script>\r\n            jQuery(document).ready(function ($) {\r\n                $(\"#phone_69d089f572bcd\").CcPicker({\r\n                    countryID: '0',\r\n                    countryCode: 'RO',\r\n                    dataUrl: 'https:\/\/caep.ro\/work-and-travel\/countries\/json',\r\n                    countryIDFieldName: '__payment__[country]',\r\n                    dialCodeFieldName: 'phone_code',\r\n                    countryCodeFieldName: 'country_code',\r\n                    searchPlaceHolder: 'Search ...'\r\n                });\r\n            });\r\n        <\/script>\r\n                    <\/div>\r\n        <\/div>\r\n                    <input type=\"hidden\" name=\"__payment__[amount]\" value=\"99.17\"\/>\r\n                <div class=\"grid grid_12 percentage\">\r\n            <div id=\"card-element\" class=\"form-input StripeElement\">\r\n                <!-- Elements will create input elements here -->\r\n            <\/div>\r\n        <\/div>\r\n        <br class=\"clear\"\/>\r\n        <div class=\"grid grid_12 percentage grid-submit\">\r\n            <button class=\"card wt-button\" type=\"submit\">\r\n                Pay by Card\r\n            <\/button>\r\n            <span class=\"note\">Visa, Maestro, Master Card                    <span>(+4.17 USD fee)<\/span>\r\n                <\/span>\r\n        <\/div>\r\n    <\/form>\r\n<\/div>\r\n<script>\r\n    jQuery(document).ready(function ($) {\r\n\r\n        var clientSecret = false;\r\n        var form = $('#payment-form');\r\n        var submitBtn = form.find('[type=\"submit\"]');\r\n        var isCardValid = false;\r\n        var stripe = Stripe('pk_live_51LaJCTCnGbQf65CwLBgh055LQAKTjpPUUFUoshxkgOEINbrBvkl6LEeV5Yx3Oga1UpYtCL3L1gGIrSYzn2plawgS00LSXVe1a1');\r\n        var elements = stripe.elements({\r\n            fonts: [\r\n                {\r\n                    \/\/ integrate your font into stripe\r\n                    cssSrc: 'https:\/\/fonts.googleapis.com\/css?family=Work+Sans:400,500,600,700&subset=latin-ext',\r\n                }\r\n            ]\r\n        });\r\n        var style = {\r\n            base: {\r\n                color: '#2e2e2e',\r\n                fontFamily: '\"Work Sans\"',\r\n                fontSmoothing: 'antialiased',\r\n                fontSize: '18px',\r\n                textTransform: 'lowercase',\r\n                '::placeholder': {\r\n                    color: '#8F8F8F',\r\n                    fontFamily: '\"Work Sans\"',\r\n                    fontSize: '18px',\r\n                }\r\n            },\r\n            invalid: {\r\n                color: '#fa755a',\r\n                iconColor: '#fa755a'\r\n            }\r\n        };\r\n\r\n        var card = elements.create(\"card\", {style: style});\r\n        card.mount(\"#card-element\");\r\n\r\n        card.on('change', function (result) {\r\n            if (result.error) {\r\n                isCardValid = false;\r\n                ACCOUNT.showNotification(result.error.message, true);\r\n                return;\r\n            }\r\n            isCardValid = true;\r\n        });\r\n\r\n        var confirmCardPayment = function () {\r\n            submitBtn.attr('disabled', true);\r\n            stripe.confirmCardPayment(clientSecret, {\r\n                payment_method: {\r\n                    card: card\r\n                }\r\n            }).then(function (result) {\r\n                console.log(result);\r\n                submitBtn.attr('disabled', false);\r\n                if (result.error) {\r\n                    \/\/ Show error to your customer (e.g., insufficient funds)\r\n                    ACCOUNT.showNotification(result.error.message, true);\r\n                    return;\r\n                }\r\n                \/\/ The payment has been processed!\r\n                if (result.paymentIntent.status === 'succeeded') {\r\n                    clientSecret = false;\r\n                    card.clear();\r\n                    form.trigger(\"reset\");\r\n                    ACCOUNT.showNotification('Plat\u0103 efectut\u0103 cu success, \u00een cur\u00e2nd te va contacta un Manager!', false);\r\n                }\r\n            });\r\n        }\r\n\r\n        form.submit(function () {\r\n            if (!isCardValid) {\r\n                ACCOUNT.showNotification('Enter Card details', true);\r\n                return false;\r\n            }\r\n\r\n            if (clientSecret) {\r\n                confirmCardPayment();\r\n                return false;\r\n            }\r\n            submitBtn.attr('disabled', true);\r\n            $.ajax({\r\n                type: 'POST',\r\n                url: form.attr('action'),\r\n                data: form.serialize(),\r\n                dataType: 'json',\r\n                success: function (data) {\r\n                    submitBtn.attr('disabled', false);\r\n                    if (!data || !data.success) {\r\n                        ACCOUNT.showNotification(data.message, true);\r\n                        return;\r\n                    }\r\n                    clientSecret = data.client_secret;\r\n                    confirmCardPayment();\r\n                }\r\n            });\r\n            return false;\r\n        });\r\n    });\r\n<\/script>[\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>[vc_row el_class=&#8221;section1&#8243;][vc_column][rev_slider_vc alias=&#8221;95usd&#8221;][\/vc_column][\/vc_row][vc_row el_class=&#8221;section2&#8243;][vc_column][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":48408,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"custom-pages\/templates\/caep.ro\/payment-page-template.php","meta":{"footnotes":""},"class_list":["post-46126","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/caep.ro\/work-and-travel\/wp-json\/wp\/v2\/pages\/46126","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/caep.ro\/work-and-travel\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/caep.ro\/work-and-travel\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/caep.ro\/work-and-travel\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/caep.ro\/work-and-travel\/wp-json\/wp\/v2\/comments?post=46126"}],"version-history":[{"count":5,"href":"https:\/\/caep.ro\/work-and-travel\/wp-json\/wp\/v2\/pages\/46126\/revisions"}],"predecessor-version":[{"id":48518,"href":"https:\/\/caep.ro\/work-and-travel\/wp-json\/wp\/v2\/pages\/46126\/revisions\/48518"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/caep.ro\/work-and-travel\/wp-json\/wp\/v2\/media\/48408"}],"wp:attachment":[{"href":"https:\/\/caep.ro\/work-and-travel\/wp-json\/wp\/v2\/media?parent=46126"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}