{"id":249,"date":"2026-06-05T20:45:21","date_gmt":"2026-06-05T17:45:21","guid":{"rendered":"https:\/\/servato.co.il\/?page_id=249"},"modified":"2026-06-05T20:45:21","modified_gmt":"2026-06-05T17:45:21","slug":"%d7%94%d7%aa%d7%97%d7%91%d7%a8%d7%95%d7%aa-%d7%90%d7%99%d7%96%d7%95%d7%a8-%d7%90%d7%99%d7%a9%d7%99","status":"publish","type":"page","link":"https:\/\/servato.co.il\/?page_id=249","title":{"rendered":"\u05d4\u05ea\u05d7\u05d1\u05e8\u05d5\u05ea- \u05d0\u05d9\u05d6\u05d5\u05e8 \u05d0\u05d9\u05e9\u05d9"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\nbody {\n    margin: 0;\n    padding: 0;\n    font-family: \"Heebo\", sans-serif;\n    background: #f4f6f9;\n}\n\n.auth-wrapper {\n    min-height: 100vh;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.auth-box {\n    background: #fff;\n    padding: 35px 30px;\n    border-radius: 18px;\n    box-shadow: 0 8px 30px rgba(0,0,0,0.08);\n    width: 100%;\n    max-width: 420px;\n}\n\n.auth-title {\n    margin: 0 0 5px;\n    font-size: 28px;\n    text-align: center;\n}\n\n.auth-subtitle {\n    margin: 0 0 20px;\n    text-align: center;\n    color: #777;\n    font-size: 14px;\n}\n\n.tabs {\n    display: flex;\n    gap: 10px;\n    margin-bottom: 20px;\n}\n\n.tab-btn {\n    flex: 1;\n    padding: 10px;\n    border-radius: 999px;\n    border: 1px solid #ddd;\n    background: #f5f5f5;\n    cursor: pointer;\n    font-weight: 500;\n}\n\n.tab-btn.active {\n    background: #0073e6;\n    color: #fff;\n    border-color: #0073e6;\n}\n\n.auth-form {\n    display: none;\n    display: none;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.auth-form.active {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.auth-form label {\n    font-size: 14px;\n    margin-top: 5px;\n}\n\n.auth-form input {\n    padding: 10px 12px;\n    border-radius: 10px;\n    border: 1px solid #ccc;\n    font-size: 14px;\n}\n\n.primary-btn {\n    margin-top: 15px;\n    padding: 12px;\n    border-radius: 10px;\n    border: none;\n    background: linear-gradient(135deg, #0073e6, #005bb5);\n    color: #fff;\n    font-size: 16px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: 0.2s;\n}\n\n.primary-btn:hover {\n    transform: translateY(-1px);\n    box-shadow: 0 6px 15px rgba(0,0,0,0.15);\n}\n\n.message {\n    margin-top: 15px;\n    font-size: 14px;\n    text-align: center;\n}\n\n.message.success {\n    color: #1a8f3a;\n}\n\n.message.error {\n    color: #d93025;\n}\n\n<\/style>\n\n<script data-wp-block-html=\"js\">\n\/\/ \u05d4\u05d7\u05dc\u05e4\u05ea \u05d8\u05d0\u05d1\u05d9\u05dd\nconst tabButtons = document.querySelectorAll('.tab-btn');\nconst forms = document.querySelectorAll('.auth-form');\nconst messageBox = document.getElementById('message');\n\ntabButtons.forEach(btn => {\n    btn.addEventListener('click', () => {\n        tabButtons.forEach(b => b.classList.remove('active'));\n        forms.forEach(f => f.classList.remove('active'));\n\n        btn.classList.add('active');\n        const target = btn.getAttribute('data-tab');\n        document.getElementById(target + '-form').classList.add('active');\n        messageBox.textContent = '';\n        messageBox.className = 'message';\n    });\n});\n\n\/\/ \u05d8\u05d9\u05e4\u05d5\u05dc \u05d1\u05d8\u05d5\u05e4\u05e1 \u05d4\u05e8\u05e9\u05de\u05d4\ndocument.getElementById('register-form').addEventListener('submit', async (e) => {\n    e.preventDefault();\n    messageBox.textContent = '\u05d9\u05d5\u05e6\u05e8 \u05de\u05e9\u05ea\u05de\u05e9...';\n    messageBox.className = 'message';\n\n    const name = document.getElementById('reg-name').value.trim();\n    const email = document.getElementById('reg-email').value.trim();\n    const password = document.getElementById('reg-password').value.trim();\n\n    if (!name || !email || !password) {\n        messageBox.textContent = '\u05e0\u05d0 \u05dc\u05de\u05dc\u05d0 \u05d0\u05ea \u05db\u05dc \u05d4\u05e9\u05d3\u05d5\u05ea.';\n        messageBox.className = 'message error';\n        return;\n    }\n\n    try {\n        \/\/ \u05db\u05d0\u05df \u05d0\u05ea\u05d4 \u05de\u05d7\u05dc\u05d9\u05e3 \u05dc\u05beURL \u05e9\u05dc \u05d4\u05beAPI \u05e9\u05dc\u05da \u05d1\u05e6\u05d3 \u05e9\u05e8\u05ea\n        const res = await fetch('https:\/\/YOUR-DOMAIN.com\/api\/register', {\n            method: 'POST',\n            headers: { 'Content-Type': 'application\/json' },\n            body: JSON.stringify({ name, email, password })\n        });\n\n        if (!res.ok) throw new Error('Registration failed');\n\n        messageBox.textContent = '\u05d4\u05de\u05e9\u05ea\u05de\u05e9 \u05e0\u05d5\u05e6\u05e8 \u05d1\u05d4\u05e6\u05dc\u05d7\u05d4! \u05e0\u05d9\u05ea\u05df \u05dc\u05d4\u05ea\u05d7\u05d1\u05e8 \u05db\u05e2\u05ea.';\n        messageBox.className = 'message success';\n    } catch (err) {\n        messageBox.textContent = '\u05e9\u05d2\u05d9\u05d0\u05d4 \u05d1\u05d9\u05e6\u05d9\u05e8\u05ea \u05de\u05e9\u05ea\u05de\u05e9. \u05d1\u05d3\u05d5\u05e7 \u05d0\u05ea \u05d4\u05e4\u05e8\u05d8\u05d9\u05dd \u05d0\u05d5 \u05e0\u05e1\u05d4 \u05e9\u05d5\u05d1.';\n        messageBox.className = 'message error';\n    }\n});\n\n\/\/ \u05d8\u05d9\u05e4\u05d5\u05dc \u05d1\u05d8\u05d5\u05e4\u05e1 \u05d4\u05ea\u05d7\u05d1\u05e8\u05d5\u05ea\ndocument.getElementById('login-form').addEventListener('submit', async (e) => {\n    e.preventDefault();\n    messageBox.textContent = '\u05de\u05ea\u05d7\u05d1\u05e8...';\n    messageBox.className = 'message';\n\n    const email = document.getElementById('login-email').value.trim();\n    const password = document.getElementById('login-password').value.trim();\n\n    if (!email || !password) {\n        messageBox.textContent = '\u05e0\u05d0 \u05dc\u05de\u05dc\u05d0 \u05d0\u05d9\u05de\u05d9\u05d9\u05dc \u05d5\u05e1\u05d9\u05e1\u05de\u05d4.';\n        messageBox.className = 'message error';\n        return;\n    }\n\n    try {\n        \/\/ \u05db\u05d0\u05df \u05d0\u05ea\u05d4 \u05de\u05d7\u05dc\u05d9\u05e3 \u05dc\u05beURL \u05e9\u05dc \u05d4\u05beAPI \u05e9\u05dc\u05da \u05d1\u05e6\u05d3 \u05e9\u05e8\u05ea\n        const res = await fetch('https:\/\/YOUR-DOMAIN.com\/api\/login', {\n            method: 'POST',\n            headers: { 'Content-Type': 'application\/json' },\n            body: JSON.stringify({ email, password })\n        });\n\n        if (!res.ok) throw new Error('Login failed');\n\n        messageBox.textContent = '\u05d4\u05ea\u05d7\u05d1\u05e8\u05ea \u05d1\u05d4\u05e6\u05dc\u05d7\u05d4! \u05de\u05e2\u05d1\u05d9\u05e8 \u05dc\u05d0\u05d6\u05d5\u05e8 \u05d4\u05d0\u05d9\u05e9\u05d9...';\n        messageBox.className = 'message success';\n\n        \/\/ \u05d4\u05e4\u05e0\u05d9\u05d4 \u05d0\u05d7\u05e8\u05d9 \u05d4\u05ea\u05d7\u05d1\u05e8\u05d5\u05ea\n        setTimeout(() => {\n            window.location.href = '\/my-account.html';\n        }, 1200);\n    } catch (err) {\n        messageBox.textContent = '\u05e9\u05d2\u05d9\u05d0\u05d4 \u05d1\u05d4\u05ea\u05d7\u05d1\u05e8\u05d5\u05ea. \u05d1\u05d3\u05d5\u05e7 \u05d0\u05ea \u05d4\u05e4\u05e8\u05d8\u05d9\u05dd.';\n        messageBox.className = 'message error';\n    }\n});\n\n<\/script>\n\n<!DOCTYPE html>\n<html lang=\"he\" dir=\"rtl\">\n<head>\n    <meta charset=\"UTF-8\">\n    <title>\u05d4\u05ea\u05d7\u05d1\u05e8\u05d5\u05ea \/ \u05d4\u05e8\u05e9\u05de\u05d4<\/title>\n    <link rel=\"stylesheet\" href=\"style.css\">\n<\/head>\n<body>\n\n<div class=\"auth-wrapper\">\n    <div class=\"auth-box\">\n        <h2 class=\"auth-title\">\u05d0\u05d6\u05d5\u05e8 \u05d0\u05d9\u05e9\u05d9<\/h2>\n        <p class=\"auth-subtitle\">\u05d4\u05ea\u05d7\u05d1\u05e8\u05d5\u05ea \u05d0\u05d5 \u05d9\u05e6\u05d9\u05e8\u05ea \u05de\u05e9\u05ea\u05de\u05e9 \u05d7\u05d3\u05e9 \u05d1\u05de\u05e2\u05e8\u05db\u05ea<\/p>\n\n        <div class=\"tabs\">\n            <button class=\"tab-btn active\" data-tab=\"login\">\u05d4\u05ea\u05d7\u05d1\u05e8\u05d5\u05ea<\/button>\n            <button class=\"tab-btn\" data-tab=\"register\">\u05d4\u05e8\u05e9\u05de\u05d4<\/button>\n        <\/div>\n\n        <!-- \u05d8\u05d5\u05e4\u05e1 \u05d4\u05ea\u05d7\u05d1\u05e8\u05d5\u05ea -->\n        <form id=\"login-form\" class=\"auth-form active\">\n            <label>\u05d0\u05d9\u05de\u05d9\u05d9\u05dc<\/label>\n            <input type=\"email\" id=\"login-email\" placeholder=\"name@example.com\" required>\n\n            <label>\u05e1\u05d9\u05e1\u05de\u05d4<\/label>\n            <input type=\"password\" id=\"login-password\" placeholder=\"\u05d4\u05db\u05e0\u05e1 \u05e1\u05d9\u05e1\u05de\u05d4\" required>\n\n            <button type=\"submit\" class=\"primary-btn\">\u05d4\u05ea\u05d7\u05d1\u05e8\u05d5\u05ea<\/button>\n        <\/form>\n\n        <!-- \u05d8\u05d5\u05e4\u05e1 \u05d4\u05e8\u05e9\u05de\u05d4 -->\n        <form id=\"register-form\" class=\"auth-form\">\n            <label>\u05e9\u05dd \u05de\u05dc\u05d0<\/label>\n            <input type=\"text\" id=\"reg-name\" placeholder=\"\u05d4\u05e9\u05dd \u05e9\u05dc\u05da\" required>\n\n            <label>\u05d0\u05d9\u05de\u05d9\u05d9\u05dc<\/label>\n            <input type=\"email\" id=\"reg-email\" placeholder=\"name@example.com\" required>\n\n            <label>\u05e1\u05d9\u05e1\u05de\u05d4<\/label>\n            <input type=\"password\" id=\"reg-password\" placeholder=\"\u05d1\u05d7\u05e8 \u05e1\u05d9\u05e1\u05de\u05d4\" required>\n\n            <button type=\"submit\" class=\"primary-btn\">\u05e6\u05d5\u05e8 \u05de\u05e9\u05ea\u05de\u05e9<\/button>\n        <\/form>\n\n        <div id=\"message\" class=\"message\"><\/div>\n    <\/div>\n<\/div>\n\n<script src=\"app.js\"><\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>\u05d4\u05ea\u05d7\u05d1\u05e8\u05d5\u05ea \/ \u05d4\u05e8\u05e9\u05de\u05d4 \u05d0\u05d6\u05d5\u05e8 \u05d0\u05d9\u05e9\u05d9 \u05d4\u05ea\u05d7\u05d1\u05e8\u05d5\u05ea \u05d0\u05d5 \u05d9\u05e6\u05d9\u05e8\u05ea \u05de\u05e9\u05ea\u05de\u05e9 \u05d7\u05d3\u05e9 \u05d1\u05de\u05e2\u05e8\u05db\u05ea \u05d4\u05ea\u05d7\u05d1\u05e8\u05d5\u05ea \u05d4\u05e8\u05e9\u05de\u05d4 \u05d0\u05d9\u05de\u05d9\u05d9\u05dc \u05e1\u05d9\u05e1\u05de\u05d4 \u05d4\u05ea\u05d7\u05d1\u05e8\u05d5\u05ea \u05e9\u05dd \u05de\u05dc\u05d0 \u05d0\u05d9\u05de\u05d9\u05d9\u05dc \u05e1\u05d9\u05e1\u05de\u05d4 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_angie_page":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":"","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-249","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/servato.co.il\/index.php?rest_route=\/wp\/v2\/pages\/249","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/servato.co.il\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/servato.co.il\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/servato.co.il\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/servato.co.il\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=249"}],"version-history":[{"count":1,"href":"https:\/\/servato.co.il\/index.php?rest_route=\/wp\/v2\/pages\/249\/revisions"}],"predecessor-version":[{"id":250,"href":"https:\/\/servato.co.il\/index.php?rest_route=\/wp\/v2\/pages\/249\/revisions\/250"}],"wp:attachment":[{"href":"https:\/\/servato.co.il\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=249"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}