{"id":10,"date":"2026-05-31T20:59:22","date_gmt":"2026-05-31T17:59:22","guid":{"rendered":"https:\/\/car.hill.sa\/?page_id=10"},"modified":"2026-05-31T21:14:07","modified_gmt":"2026-05-31T18:14:07","slug":"%d8%a7%d8%b7%d9%84%d8%a8","status":"publish","type":"page","link":"https:\/\/car.hill.sa\/?page_id=10","title":{"rendered":"\u0627\u0637\u0644\u0628"},"content":{"rendered":"        <div id=\"aur-app\" dir=\"rtl\">\n\n            <!-- \u2550\u2550 SCREEN 0: Login (email + 4-digit OTP) \u2550\u2550 -->\n            <div id=\"aur-screen-login\" class=\"aur-screen\">\n                <div class=\"aur-login\">\n                    <div class=\"aur-login__brand\">\n                        <div class=\"aur-brand-logo\">aUR<\/div>\n                        <div class=\"aur-brand-subtitle\">\u2014 \u0622\u0648\u0631 \u2014<\/div>\n                    <\/div>\n\n                    <!-- Step A: email -->\n                    <div id=\"aur-login-email-step\" class=\"aur-login__step\">\n                        <h2 class=\"aur-login__title\">\u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u062f\u062e\u0648\u0644<\/h2>\n                        <p class=\"aur-login__sub\">\u0623\u062f\u062e\u0644 \u0628\u0631\u064a\u062f\u0643 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0644\u0625\u0631\u0633\u0627\u0644 \u0631\u0645\u0632 \u0627\u0644\u062a\u062d\u0642\u0642<\/p>\n                        <input type=\"email\" id=\"aur-login-email\" class=\"aur-input aur-login__email\"\n                               placeholder=\"example@email.com\" dir=\"ltr\"\n                               inputmode=\"email\" autocomplete=\"email\">\n                        <p class=\"aur-login__error\" id=\"aur-login-email-error\"><\/p>\n                        <button class=\"aur-btn-primary aur-btn-full\" id=\"aur-login-send\">\u0625\u0631\u0633\u0627\u0644 \u0631\u0645\u0632 \u0627\u0644\u062a\u062d\u0642\u0642<\/button>\n                        <div class=\"aur-login__actions\">\n                            <button class=\"aur-link-btn\" id=\"aur-login-back\">\u21b5 \u0627\u0644\u0639\u0648\u062f\u0629 \u0644\u0644\u0642\u0627\u0626\u0645\u0629<\/button>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Step B: 4-digit code -->\n                    <div id=\"aur-login-code-step\" class=\"aur-login__step\" style=\"display:none\">\n                        <h2 class=\"aur-login__title\">\u0631\u0645\u0632 \u0627\u0644\u062a\u062d\u0642\u0642<\/h2>\n                        <p class=\"aur-login__sub\">\u0623\u062f\u062e\u0644 \u0627\u0644\u0631\u0645\u0632 \u0627\u0644\u0645\u0643\u0648\u0651\u0646 \u0645\u0646 4 \u0623\u0631\u0642\u0627\u0645 \u0627\u0644\u0645\u064f\u0631\u0633\u0644 \u0625\u0644\u0649<br><strong id=\"aur-login-email-echo\" dir=\"ltr\"><\/strong><\/p>\n                        <div class=\"aur-otp-boxes\" id=\"aur-otp-boxes\" dir=\"ltr\">\n                            <input type=\"text\" class=\"aur-otp-box\" maxlength=\"1\" inputmode=\"numeric\" pattern=\"[0-9]*\" autocomplete=\"one-time-code\">\n                            <input type=\"text\" class=\"aur-otp-box\" maxlength=\"1\" inputmode=\"numeric\" pattern=\"[0-9]*\">\n                            <input type=\"text\" class=\"aur-otp-box\" maxlength=\"1\" inputmode=\"numeric\" pattern=\"[0-9]*\">\n                            <input type=\"text\" class=\"aur-otp-box\" maxlength=\"1\" inputmode=\"numeric\" pattern=\"[0-9]*\">\n                        <\/div>\n                        <p class=\"aur-login__error\" id=\"aur-login-code-error\"><\/p>\n                        <p class=\"aur-login__devcode\" id=\"aur-login-devcode\" style=\"display:none\"><\/p>\n                        <button class=\"aur-btn-primary aur-btn-full\" id=\"aur-login-verify\">\u062a\u0623\u0643\u064a\u062f \u0648\u062f\u062e\u0648\u0644<\/button>\n                        <div class=\"aur-login__actions\">\n                            <button class=\"aur-link-btn\" id=\"aur-login-resend\">\u0625\u0639\u0627\u062f\u0629 \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0631\u0645\u0632<\/button>\n                            <button class=\"aur-link-btn\" id=\"aur-login-change-email\">\u062a\u063a\u064a\u064a\u0631 \u0627\u0644\u0628\u0631\u064a\u062f<\/button>\n                            <button class=\"aur-link-btn\" id=\"aur-login-back-otp\">\u21b5 \u0627\u0644\u0639\u0648\u062f\u0629 \u0644\u0644\u0642\u0627\u0626\u0645\u0629<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- \u2550\u2550 SCREEN 1: Branch Selection \u2550\u2550 -->\n            <div id=\"aur-screen-branch\" class=\"aur-screen\">\n                <div class=\"aur-pickup-tabs\">\n                    <button class=\"aur-tab aur-tab--active\" id=\"aur-tab-curbside\">\u0645\u0646 \u0627\u0644\u0633\u064a\u0627\u0631\u0629<\/button>\n                    <button class=\"aur-tab\" id=\"aur-tab-pickup\">\u0627\u0633\u062a\u0644\u0627\u0645<\/button>\n                <\/div>\n\n                <!-- Car chooser pill -->\n                <div class=\"aur-car-pill\" id=\"aur-car-pill-btn\">\n                    <div class=\"aur-car-pill__icon\">\ud83d\ude97<\/div>\n                    <div class=\"aur-car-pill__text\">\n                        <span id=\"aur-car-pill-label\">\u0627\u0644\u0631\u062c\u0627\u0621 \u0627\u062e\u062a\u064a\u0627\u0631 \u0633\u064a\u0627\u0631\u0629<\/span>\n                        <span id=\"aur-car-pill-plate\" class=\"aur-car-pill__plate\"><\/span>\n                    <\/div>\n                    <button class=\"aur-btn-choose-car\">\u0627\u062e\u062a\u0631<\/button>\n                <\/div>\n\n                <!-- Branch cards -->\n                <div id=\"aur-branch-list\" class=\"aur-branch-list\"><\/div>\n\n                <div class=\"aur-bottom-bar\">\n                    <button class=\"aur-btn-primary aur-btn-full\" id=\"aur-confirm-branch\">\u2190 \u0627\u0633\u062a\u0644\u0627\u0645 \u0645\u0646 \u0647\u0630\u0627 \u0627\u0644\u0641\u0631\u0639<\/button>\n                <\/div>\n            <\/div>\n\n            <!-- \u2550\u2550 SCREEN 2: Menu \u2550\u2550 -->\n            <div id=\"aur-screen-menu\" class=\"aur-screen\">\n                <!-- Top bar -->\n                <div class=\"aur-topbar\">\n                    <button class=\"aur-topbar__icon\" id=\"aur-cart-btn\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" width=\"22\" height=\"22\"><path d=\"M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z\"\/><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/><path d=\"M16 10a4 4 0 01-8 0\"\/><\/svg>\n                        <span class=\"aur-cart-badge\" id=\"aur-cart-badge\">0<\/span>\n                    <\/button>\n                    <div class=\"aur-topbar__center\">\n                        <span class=\"aur-topbar__method\">\u0627\u0633\u062a\u0644\u0627\u0645 \u0645\u0646 \u0627\u0644\u0633\u064a\u0627\u0631\u0629<\/span>\n                        <span class=\"aur-topbar__detail\" id=\"aur-topbar-plate\"><\/span>\n                    <\/div>\n                    <button class=\"aur-topbar__icon\" id=\"aur-menu-btn\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"22\" height=\"22\"><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/><line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"\/><line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"\/><\/svg>\n                    <\/button>\n                <\/div>\n\n                <!-- Brand logo -->\n                <div class=\"aur-brand-header\">\n                    <div class=\"aur-brand-logo\">aUR<\/div>\n                    <div class=\"aur-brand-subtitle\">\u2014 \u0622\u0648\u0631 \u2014<\/div>\n                <\/div>\n\n                <!-- Category tabs -->\n                <div class=\"aur-category-bar\" id=\"aur-category-bar\"><\/div>\n\n                <!-- Product grid -->\n                <div class=\"aur-product-grid\" id=\"aur-product-grid\"><\/div>\n\n                <!-- Checkout float -->\n                <div class=\"aur-checkout-bar\" id=\"aur-checkout-bar\" style=\"display:none\">\n                    <span id=\"aur-checkout-count\"><\/span>\n                    <button class=\"aur-btn-primary\" id=\"aur-goto-checkout\">\u0625\u062a\u0645\u0627\u0645 \u0627\u0644\u0637\u0644\u0628 \u2190<\/button>\n                <\/div>\n            <\/div>\n\n            <!-- \u2550\u2550 SCREEN 3: Thank You \u2550\u2550 -->\n            <div id=\"aur-screen-thankyou\" class=\"aur-screen\">\n                <div class=\"aur-thankyou\">\n                    <div class=\"aur-thankyou__icon\">\u2705<\/div>\n                    <h2>\u062a\u0645 \u0627\u0633\u062a\u0644\u0627\u0645 \u0637\u0644\u0628\u0643!<\/h2>\n                    <div class=\"aur-thankyou__order\" id=\"aur-ty-order-number\"><\/div>\n                    <p class=\"aur-thankyou__sub\">\u062a\u0648\u062c\u0651\u0647 \u0625\u0644\u0649 \u0627\u0644\u0641\u0631\u0639 \u0648\u0627\u0646\u062a\u0638\u0631 \u0641\u064a \u0633\u064a\u0627\u0631\u062a\u0643\u060c \u062b\u0645 \u0627\u0636\u063a\u0637 \u0627\u0644\u0632\u0631 \u0623\u062f\u0646\u0627\u0647 \u0639\u0646\u062f \u0648\u0635\u0648\u0644\u0643.<\/p>\n                    <button class=\"aur-btn-arrived\" id=\"aur-arrived-btn\">\n                        \ud83d\ude97 \u0623\u0646\u0627 \u0648\u0635\u0644\u062a \u0628\u0627\u0644\u062e\u0627\u0631\u062c!<br>\n                        <small>\u0627\u0636\u063a\u0637 \u0647\u0646\u0627 \u0644\u062a\u0646\u0628\u064a\u0647 \u0627\u0644\u0645\u0648\u0638\u0641<\/small>\n                    <\/button>\n                    <p id=\"aur-arrived-msg\" class=\"aur-arrived-msg\"><\/p>\n                    <button class=\"aur-btn-outline\" id=\"aur-new-order-btn\" style=\"margin-top:20px\">\u0637\u0644\u0628 \u062c\u062f\u064a\u062f<\/button>\n                <\/div>\n            <\/div>\n\n            <!-- \u2550\u2550 MODAL: Car Selection \u2550\u2550 -->\n            <div id=\"aur-modal-car\" class=\"aur-modal\" role=\"dialog\" aria-modal=\"true\">\n                <div class=\"aur-modal__backdrop\" id=\"aur-car-backdrop\"><\/div>\n                <div class=\"aur-modal__sheet\" id=\"aur-car-sheet\">\n                    <div class=\"aur-modal__header\">\n                        <button class=\"aur-modal__close\" id=\"aur-car-modal-close\">\u2715<\/button>\n                        <h3 id=\"aur-car-modal-title\">\u0627\u062e\u062a\u0631 \u0627\u0644\u0633\u064a\u0627\u0631\u0629<\/h3>\n                    <\/div>\n                    <div class=\"aur-modal__body\" id=\"aur-car-modal-body\">\n                        <!-- Saved cars list or add-car form injected by JS -->\n                    <\/div>\n                    <div class=\"aur-modal__footer\">\n                        <button class=\"aur-btn-primary aur-btn-full\" id=\"aur-save-car\">\u062d\u0641\u0638<\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- \u2550\u2550 MODAL: Car Brand Picker \u2550\u2550 -->\n            <div id=\"aur-modal-brand\" class=\"aur-modal\" role=\"dialog\" aria-modal=\"true\">\n                <div class=\"aur-modal__backdrop\" id=\"aur-brand-backdrop\"><\/div>\n                <div class=\"aur-modal__sheet aur-modal__sheet--full\" id=\"aur-brand-sheet\">\n                    <div class=\"aur-modal__header\">\n                        <button class=\"aur-modal__close\" id=\"aur-brand-modal-close\">\u2715<\/button>\n                        <h3>\u0623\u0636\u0641 \u0633\u064a\u0627\u0631\u0629 \u062c\u062f\u064a\u062f\u0629<\/h3>\n                    <\/div>\n                    <div class=\"aur-modal__body\">\n                        <p class=\"aur-brand-step-label\" id=\"aur-brand-step-label\">\u062d\u062f\u062f \u0627\u0644\u0645\u0627\u0631\u0643\u0629<\/p>\n                        <div class=\"aur-brand-grid\" id=\"aur-brand-grid\"><\/div>\n                        <!-- Step 2: color + plate -->\n                        <div id=\"aur-car-details-form\" style=\"display:none\">\n                            <p class=\"aur-brand-step-label\">\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0633\u064a\u0627\u0631\u0629<\/p>\n                            <div class=\"aur-color-row\">\n                                <label class=\"aur-label\">\u0644\u0648\u0646 \u0627\u0644\u0633\u064a\u0627\u0631\u0629<\/label>\n                                <div class=\"aur-color-swatches\" id=\"aur-color-swatches\"><\/div>\n                                <input type=\"text\" id=\"aur-car-color-custom\" placeholder=\"\u0623\u0648 \u0627\u0643\u062a\u0628 \u0627\u0644\u0644\u0648\u0646\" class=\"aur-input\">\n                            <\/div>\n                            <div class=\"aur-plate-row\">\n                                <label class=\"aur-label\">\u0631\u0642\u0645 \u0627\u0644\u0644\u0648\u062d\u0629<\/label>\n                                <input type=\"text\" id=\"aur-plate-input\" placeholder=\"\u0645\u062b\u0627\u0644: \u062f \u0639 \u0648 2441\" class=\"aur-input aur-plate-input\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"aur-modal__footer\">\n                        <button class=\"aur-btn-primary aur-btn-full\" id=\"aur-brand-next\">\u0627\u0644\u062a\u0627\u0644\u064a<\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- \u2550\u2550 MODAL: Checkout \u2550\u2550 -->\n            <div id=\"aur-modal-checkout\" class=\"aur-modal\" role=\"dialog\" aria-modal=\"true\">\n                <div class=\"aur-modal__backdrop\" id=\"aur-checkout-backdrop\"><\/div>\n                <div class=\"aur-modal__sheet\" id=\"aur-checkout-sheet\">\n                    <div class=\"aur-modal__header\">\n                        <button class=\"aur-modal__close\" id=\"aur-checkout-close\">\u2715<\/button>\n                        <h3>\u062a\u0623\u0643\u064a\u062f \u0627\u0644\u0637\u0644\u0628<\/h3>\n                    <\/div>\n                    <div class=\"aur-modal__body\">\n                        <div id=\"aur-checkout-summary\"><\/div>\n                        <div class=\"aur-co-field\">\n                            <label class=\"aur-label\">\u0627\u0644\u0627\u0633\u0645 (\u0627\u062e\u062a\u064a\u0627\u0631\u064a)<\/label>\n                            <input type=\"text\" id=\"aur-co-name\" class=\"aur-input\" placeholder=\"\u0627\u0633\u0645\u0643\">\n                        <\/div>\n                        <div class=\"aur-co-field\">\n                            <label class=\"aur-label\">\u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644 (\u0627\u062e\u062a\u064a\u0627\u0631\u064a)<\/label>\n                            <input type=\"tel\" id=\"aur-co-phone\" class=\"aur-input\" placeholder=\"05xxxxxxxx\" dir=\"ltr\">\n                        <\/div>\n                        <div class=\"aur-co-payment\">\n                            <span class=\"aur-badge-payment\">\ud83d\udcb5 \u0627\u0644\u062f\u0641\u0639 \u0639\u0646\u062f \u0627\u0644\u0627\u0633\u062a\u0644\u0627\u0645 \u0645\u0646 \u0627\u0644\u0633\u064a\u0627\u0631\u0629<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"aur-modal__footer\">\n                        <button class=\"aur-btn-primary aur-btn-full\" id=\"aur-place-order\">\u062a\u0623\u0643\u064a\u062f \u0627\u0644\u0637\u0644\u0628 \u2713<\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div><!-- #aur-app -->\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-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/car.hill.sa\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/car.hill.sa\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/car.hill.sa\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/car.hill.sa\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/car.hill.sa\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":2,"href":"https:\/\/car.hill.sa\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":17,"href":"https:\/\/car.hill.sa\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/17"}],"wp:attachment":[{"href":"https:\/\/car.hill.sa\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}