{"id":1204,"date":"2025-08-21T10:47:30","date_gmt":"2025-08-21T10:47:30","guid":{"rendered":"https:\/\/wassiljo.com\/?page_id=1204"},"modified":"2025-09-11T01:20:36","modified_gmt":"2025-09-11T01:20:36","slug":"my-account","status":"publish","type":"page","link":"https:\/\/wassiljo.com\/en\/my-account\/","title":{"rendered":"My Account"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1204\" class=\"elementor elementor-1204\">\n\t\t\t\t<div class=\"elementor-element elementor-element-95814c0 e-flex e-con-boxed e-con e-parent\" data-id=\"95814c0\" 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-7386ae3 elementor-widget elementor-widget-shortcode\" data-id=\"7386ae3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">        <div class=\"auth-container auth-container--forms\">\n            <h2 class=\"auth-title\">Login or Create Account<\/h2>\n\n            \n            <!-- Login Form -->\n            <form class=\"auth-form active\" id=\"loginForm\" method=\"post\" onsubmit=\"handleAuthSubmit(this)\">\n                <input type=\"hidden\" name=\"action\" value=\"login\">\n                <input type=\"hidden\" id=\"custom_account_nonce\" name=\"custom_account_nonce\" value=\"6ba90a7e4b\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/1204\" \/>\n                <div class=\"form-group\">\n                    <label class=\"form-label\">Mobile Number<\/label>\n                    <div class=\"mobile-group\">\n                        <img decoding=\"async\" src=\"https:\/\/wassiljo.com\/wp-content\/uploads\/2025\/09\/jordan-flag.png\" class=\"country-flag\" alt=\"Jordan Flag\">\n                        <span class=\"country-code\">+962<\/span>\n                        <input type=\"tel\" class=\"mobile-input\" name=\"mobile\" placeholder=\"7XXXXXXXX\"\n                               value=\"\" required>\n                    <\/div>\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label class=\"form-label\">Password<\/label>\n                    <input type=\"password\" class=\"form-input\" name=\"password\" placeholder=\"Enter your password\" required>\n                <\/div>\n\n                <button type=\"submit\" class=\"auth-button\">Login<\/button>\n\n                <div class=\"auth-toggle\">\n                    Don't have an account? <a onclick=\"toggleForm()\">Create Account<\/a>\n                <\/div>\n            <\/form>\n\n            <!-- Register Form -->\n            <form class=\"auth-form \" id=\"registerForm\" method=\"post\" onsubmit=\"handleAuthSubmit(this)\">\n                <input type=\"hidden\" name=\"action\" value=\"register\">\n                <input type=\"hidden\" id=\"custom_account_nonce\" name=\"custom_account_nonce\" value=\"40379b57d0\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/1204\" \/>\n                <div class=\"form-group\">\n                    <label class=\"form-label\">Username (English only)<\/label>\n                    <input type=\"text\" class=\"form-input\" name=\"username\" placeholder=\"username\"\n                           value=\"\" required>\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label class=\"form-label\">Enter Your Name<\/label>\n                    <div class=\"name-group\">\n                        <input type=\"text\" class=\"form-input\" name=\"first_name\" placeholder=\"First Name\"\n                               value=\"\" required>\n                        <!-- Middle name removed -->\n                        <input type=\"text\" class=\"form-input\" name=\"last_name\" placeholder=\"Last Name\"\n                               value=\"\" required>\n                    <\/div>\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label class=\"form-label\">Delivery Address<\/label>\n                    <div class=\"location-wrapper\" style=\"display: flex; gap: 8px;\">\n                        <input type=\"text\" class=\"form-input\" name=\"delivery_address\" id=\"reg_delivery_address\" placeholder=\"Enter your delivery address\"\n                               value=\"\" required style=\"flex-grow: 1;\">\n                        <button type=\"button\" class=\"location-btn\" onclick=\"fetchCurrentLocation('reg_delivery_address')\" title=\"Get Current Location\" style=\"cursor: pointer; background: #eee; border: 1px solid #ddd; border-radius: 8px; padding: 0 12px; font-size: 18px;\">\n                            \ud83d\udccd\n                        <\/button>\n                    <\/div>\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label class=\"form-label\">Email<\/label>\n                    <input type=\"email\" class=\"form-input\" name=\"email\" placeholder=\"your.email@example.com\"\n                           value=\"\" required>\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label class=\"form-label\">Mobile Number<\/label>\n                    <div class=\"mobile-group\">\n                        <img decoding=\"async\" src=\"https:\/\/wassiljo.com\/wp-content\/uploads\/2025\/09\/jordan-flag.png\" class=\"country-flag\" alt=\"Jordan Flag\">\n                        <span class=\"country-code\">+962<\/span>\n                        <input type=\"tel\" class=\"mobile-input\" name=\"mobile\" placeholder=\"7XXXXXXXX\"\n                               value=\"\" required>\n                    <\/div>\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label class=\"form-label\">Password<\/label>\n                    <input type=\"password\" class=\"form-input\" name=\"password\" placeholder=\"Choose a strong password\" required>\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label class=\"form-label\">Re-Enter Password<\/label>\n                    <input type=\"password\" class=\"form-input\" name=\"confirm_password\" placeholder=\"Confirm your password\" required>\n                <\/div>\n\n                <button type=\"submit\" class=\"auth-button\">Create Account<\/button>\n\n                <div class=\"auth-toggle\">\n                    Already have an account? <a onclick=\"toggleForm()\">Login<\/a>\n                <\/div>\n            <\/form>\n        <\/div>\n\n        <script>\n        function toggleForm() {\n            const loginForm = document.getElementById('loginForm');\n            const registerForm = document.getElementById('registerForm');\n\n            loginForm.classList.toggle('active');\n            registerForm.classList.toggle('active');\n        }\n\n        function handleAuthSubmit(form) {\n            const btn = form.querySelector('button[type=\"submit\"]');\n            if (btn) {\n                btn.disabled = true;\n                btn.innerHTML = 'Processing...';\n                btn.style.opacity = '0.7';\n                btn.style.cursor = 'wait';\n            }\n        }\n\n        function fetchCurrentLocation(inputId) {\n            const input = document.getElementById(inputId);\n            if (!navigator.geolocation) {\n                alert('Geolocation is not supported by your browser.');\n                return;\n            }\n\n            const originalPlaceholder = input.placeholder;\n            input.value = '';\n            input.placeholder = 'Locating...';\n\n            navigator.geolocation.getCurrentPosition(\n                (position) => {\n                    const lat = position.coords.latitude;\n                    const lng = position.coords.longitude;\n                    \n                    const mapLink = 'https:\/\/maps.google.com\/?q=' + lat + ',' + lng;\n                    \n                    input.placeholder = 'Fetching address...';\n\n                    fetch(`https:\/\/nominatim.openstreetmap.org\/reverse?format=json&lat=${lat}&lon=${lng}&accept-language=en`, {\n                        headers: {\n                            'User-Agent': 'CustomLoginFlow\/1.0 (WordPress)'\n                        }\n                    })\n                    .then(response => {\n                        if (!response.ok) throw new Error('Network response was not ok');\n                        return response.json();\n                    })\n                    .then(data => {\n                        if (data && data.address) {\n                            const addr = data.address;\n                            let parts = [];\n                            \n                            if (addr.road) parts.push(addr.road);\n                            if (addr.suburb) parts.push(addr.suburb);\n                            if (addr.neighbourhood) parts.push(addr.neighbourhood);\n                            if (addr.city || addr.town || addr.village) parts.push(addr.city || addr.town || addr.village);\n                            if (addr.country) parts.push(addr.country);\n                            \n                            if (parts.length > 0) {\n                                input.value = parts.join(', ');\n                            } else {\n                                input.value = data.display_name || mapLink;\n                            }\n                        } else {\n                            input.value = mapLink;\n                        }\n                        input.placeholder = originalPlaceholder;\n                    })\n                    .catch(error => {\n                        console.error('Address lookup failed, using coordinates', error);\n                        input.value = mapLink;\n                        input.placeholder = originalPlaceholder;\n                    });\n                },\n                (error) => {\n                    input.placeholder = originalPlaceholder;\n                    let msg = 'Unable to retrieve location.';\n                    if (error.code === 1) msg = 'Please allow location access to use this feature.';\n                    alert(msg);\n                },\n                {\n                    enableHighAccuracy: true,\n                    timeout: 10000,\n                    maximumAge: 0\n                }\n            );\n        }\n        <\/script>\n        <\/div>\n\t\t\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":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_eb_attr":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1204","page","type-page","status-publish","hentry"],"acf":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/wassiljo.com\/en\/wp-json\/wp\/v2\/pages\/1204","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wassiljo.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wassiljo.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wassiljo.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wassiljo.com\/en\/wp-json\/wp\/v2\/comments?post=1204"}],"version-history":[{"count":13,"href":"https:\/\/wassiljo.com\/en\/wp-json\/wp\/v2\/pages\/1204\/revisions"}],"predecessor-version":[{"id":2221,"href":"https:\/\/wassiljo.com\/en\/wp-json\/wp\/v2\/pages\/1204\/revisions\/2221"}],"wp:attachment":[{"href":"https:\/\/wassiljo.com\/en\/wp-json\/wp\/v2\/media?parent=1204"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}