{"id":764,"date":"2026-05-06T16:43:40","date_gmt":"2026-05-06T16:43:40","guid":{"rendered":"https:\/\/elasragrealestate.com\/?page_id=764"},"modified":"2026-05-06T16:43:42","modified_gmt":"2026-05-06T16:43:42","slug":"join-techs","status":"publish","type":"page","link":"https:\/\/elasragrealestate.com\/ar\/join-techs\/","title":{"rendered":"\u0625\u0646\u0636\u0645 \u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0641\u0646\u064a\u064a\u0646 \u0639\u0644\u064a \u0645\u0648\u0642\u0639\u0646\u0627"},"content":{"rendered":"\n<div class=\"register-card\" style=\"max-width:600px;margin:40px auto;background:white;border-radius:20px;box-shadow:0 25px 50px rgba(0,0,0,0.3);overflow:hidden;font-family:'Cairo',sans-serif;\">\n\n    <div style=\"background:linear-gradient(135deg, #1e3a5f 0%, #2c5282 100%);padding:40px 30px;text-align:center;color:white;\">\n        <i class=\"fas fa-user-plus\" style=\"font-size:50px;color:#d4af37;margin-bottom:15px;display:block;\"><\/i>\n        <h1 style=\"font-size:28px;font-weight:800;margin-bottom:10px;\">\u0633\u062c\u0644 \u0643\u0641\u0646\u064a \u062c\u062f\u064a\u062f<\/h1>\n        <p style=\"color:rgba(255,255,255,0.9);font-size:15px;\">\u0627\u0646\u0636\u0645 \u0644\u0634\u0628\u0643\u0629 \u0641\u0646\u064a\u064a\u0646 \u0645\u062f\u064a\u0646\u0629 \u0627\u0644\u0633\u0627\u062f\u0627\u062a \u0648\u0648\u0635\u0644 \u0644\u0622\u0644\u0627\u0641 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/p>\n    <\/div>\n\n    <div style=\"padding:40px;\">\n        <div style=\"display:grid;grid-template-columns:repeat(3, 1fr);gap:15px;margin-bottom:30px;\">\n            <div style=\"text-align:center;padding:20px 10px;background:#f7fafc;border-radius:12px;\">\n                <i class=\"fas fa-users\" style=\"font-size:28px;color:#1e3a5f;margin-bottom:10px;display:block;\"><\/i>\n                <span style=\"font-size:13px;font-weight:700;color:#2d3748;\">\u0648\u0635\u0648\u0644 \u0644\u0644\u0639\u0645\u0644\u0627\u0621<\/span>\n            <\/div>\n            <div style=\"text-align:center;padding:20px 10px;background:#f7fafc;border-radius:12px;\">\n                <i class=\"fas fa-star\" style=\"font-size:28px;color:#1e3a5f;margin-bottom:10px;display:block;\"><\/i>\n                <span style=\"font-size:13px;font-weight:700;color:#2d3748;\">\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u062d\u0642\u064a\u0642\u064a\u0629<\/span>\n            <\/div>\n            <div style=\"text-align:center;padding:20px 10px;background:#f7fafc;border-radius:12px;\">\n                <i class=\"fas fa-mobile-alt\" style=\"font-size:28px;color:#1e3a5f;margin-bottom:10px;display:block;\"><\/i>\n                <span style=\"font-size:13px;font-weight:700;color:#2d3748;\">\u0627\u062a\u0635\u0627\u0644 \u0645\u0628\u0627\u0634\u0631<\/span>\n            <\/div>\n        <\/div>\n\n        <form id=\"registerForm\" onsubmit=\"return handleRegister(event)\" enctype=\"multipart\/form-data\">\n            <div style=\"margin-bottom:22px;\">\n                <label style=\"display:block;font-weight:700;margin-bottom:10px;color:#1a202c;font-size:15px;\">\n                    \u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644 <span style=\"color:#e53e3e;\">*<\/span>\n                <\/label>\n                <input type=\"text\" id=\"regName\" required style=\"width:100%;padding:16px 18px;border:2px solid #e2e8f0;border-radius:12px;font-family:'Cairo',sans-serif;font-size:16px;\" placeholder=\"\u0645\u062b\u0627\u0644: \u0623\u062d\u0645\u062f \u0645\u062d\u0645\u062f \u0639\u0628\u062f\u0627\u0644\u0644\u0647\">\n            <\/div>\n\n            <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:22px;\">\n                <div>\n                    <label style=\"display:block;font-weight:700;margin-bottom:10px;color:#1a202c;font-size:15px;\">\n                        \u0627\u0644\u0645\u0647\u0646\u0629 <span style=\"color:#e53e3e;\">*<\/span>\n                    <\/label>\n                    <select id=\"regJob\" required style=\"width:100%;padding:16px 18px;border:2px solid #e2e8f0;border-radius:12px;font-family:'Cairo',sans-serif;font-size:16px;background:white;\">\n                        <option value=\"\">-- \u0627\u062e\u062a\u0631 \u0627\u0644\u0645\u0647\u0646\u0629 --<\/option>\n                    <\/select>\n                <\/div>\n                <div>\n                    <label style=\"display:block;font-weight:700;margin-bottom:10px;color:#1a202c;font-size:15px;\">\n                        \u0627\u0644\u0645\u0646\u0637\u0642\u0629 <span style=\"color:#e53e3e;\">*<\/span>\n                    <\/label>\n                    <select id=\"regArea\" required style=\"width:100%;padding:16px 18px;border:2px solid #e2e8f0;border-radius:12px;font-family:'Cairo',sans-serif;font-size:16px;background:white;\">\n                        <option value=\"\">-- \u0627\u062e\u062a\u0631 \u0627\u0644\u0645\u0646\u0637\u0642\u0629 --<\/option>\n                    <\/select>\n                <\/div>\n            <\/div>\n\n            <div style=\"margin-bottom:22px;\">\n                <label style=\"display:block;font-weight:700;margin-bottom:10px;color:#1a202c;font-size:15px;\">\n                    \u0631\u0642\u0645 \u0627\u0644\u062a\u0644\u064a\u0641\u0648\u0646 <span style=\"color:#e53e3e;\">*<\/span>\n                <\/label>\n                <input type=\"tel\" id=\"regPhone\" required pattern=\"[0-9]{11}\" style=\"width:100%;padding:16px 18px;border:2px solid #e2e8f0;border-radius:12px;font-family:'Cairo',sans-serif;font-size:16px;\" placeholder=\"\u0645\u062b\u0627\u0644: 01234567890\">\n            <\/div>\n\n            <div style=\"margin-bottom:22px;\">\n                <label style=\"display:block;font-weight:700;margin-bottom:10px;color:#1a202c;font-size:15px;\">\n                    \u0635\u0648\u0631\u062a\u0643 \u0627\u0644\u0634\u062e\u0635\u064a\u0629\n                <\/label>\n                <div style=\"border:2px dashed #e2e8f0;border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:border-color 0.3s;\" id=\"imageUploadArea\" onclick=\"document.getElementById('regImage').click()\">\n                    <i class=\"fas fa-camera\" style=\"font-size:32px;color:#a0aec0;margin-bottom:10px;display:block;\"><\/i>\n                    <p style=\"color:#718096;margin:0;font-size:14px;\">\u0627\u0636\u063a\u0637 \u0647\u0646\u0627 \u0644\u0631\u0641\u0639 \u0635\u0648\u0631\u062a\u0643<\/p>\n                    <p style=\"color:#a0aec0;margin:5px 0 0;font-size:12px;\">PNG, JPG - \u0623\u0642\u0635\u0649 \u062d\u062c\u0645 2MB<\/p>\n                    <img id=\"imagePreview\" style=\"max-width:150px;max-height:150px;border-radius:8px;margin-top:10px;display:none;object-fit:cover;\">\n                <\/div>\n                <input type=\"file\" id=\"regImage\" name=\"tech_image\" accept=\"image\/*\" style=\"display:none;\" onchange=\"previewImage(this)\">\n            <\/div>\n\n            <div style=\"margin-bottom:22px;\">\n                <label style=\"display:block;font-weight:700;margin-bottom:10px;color:#1a202c;font-size:15px;\">\u0646\u0628\u0630\u0629 \u0639\u0646 \u062e\u0628\u0631\u0627\u062a\u0643<\/label>\n                <textarea id=\"regDesc\" rows=\"4\" style=\"width:100%;padding:16px 18px;border:2px solid #e2e8f0;border-radius:12px;font-family:'Cairo',sans-serif;font-size:16px;resize:vertical;min-height:120px;\" placeholder=\"\u0627\u0643\u062a\u0628 \u0646\u0628\u0630\u0629 \u0642\u0635\u064a\u0631\u0629 \u0639\u0646 \u062e\u0628\u0631\u0627\u062a\u0643 \u0648\u0645\u0647\u0627\u0631\u0627\u062a\u0643...\"><\/textarea>\n            <\/div>\n\n            <button type=\"submit\" style=\"width:100%;padding:18px;background:linear-gradient(135deg, #1e3a5f 0%, #2c5282 100%);color:white;border:none;border-radius:12px;font-family:'Cairo',sans-serif;font-size:18px;font-weight:800;cursor:pointer;transition:transform 0.2s,box-shadow 0.2s;\">\n                <i class=\"fas fa-check-circle\"><\/i> \u062a\u0633\u062c\u064a\u0644 \u0643\u0641\u0646\u064a\n            <\/button>\n        <\/form>\n\n        <div style=\"text-align:center;margin-top:25px;padding-top:25px;border-top:2px solid #e2e8f0;\">\n            <a href=\"https:\/\/elasragrealestate.com\/ar\/sadat-techs\/\" style=\"color:#1e3a5f;text-decoration:none;font-weight:700;font-size:16px;\">\n                <i class=\"fas fa-arrow-right\"><\/i> \u0627\u0644\u0631\u062c\u0648\u0639 \u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0641\u0646\u064a\u064a\u0646\n            <\/a>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div id=\"toast\" style=\"position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(100px);background:#38a169;color:white;padding:18px 35px;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,0.2);z-index:9999;opacity:0;transition:all 0.4s;font-weight:700;\"><\/div>\n\n<style>\n#imageUploadArea:hover { border-color:#1e3a5f !important; }\nbutton[type=\"submit\"]:hover { transform:translateY(-2px);box-shadow:0 8px 20px rgba(30,58,95,0.3); }\n<\/style>\n\n<script>\nconst AJAX_URL = 'https:\/\/elasragrealestate.com\/wp-admin\/admin-ajax.php';\nconst REGISTER_NONCE = '441e69afc7';\nconst JOBS_URL = 'https:\/\/elasragrealestate.com\/ar\/wp-json\/ere-tech\/v1\/jobs';\nconst AREAS_URL = 'https:\/\/elasragrealestate.com\/ar\/wp-json\/ere-tech\/v1\/areas';\n\nasync function loadFormData() {\n    try {\n        const [jobsResponse, areasResponse] = await Promise.all([\n            fetch(JOBS_URL),\n            fetch(AREAS_URL)\n        ]);\n        const jobs = await jobsResponse.json();\n        const areas = await areasResponse.json();\n        document.getElementById('regJob').innerHTML = '<option value=\"\">-- \u0627\u062e\u062a\u0631 \u0627\u0644\u0645\u0647\u0646\u0629 --<\/option>' + jobs.map(j => `<option value=\"${j.name}\">${j.name}<\/option>`).join('');\n        document.getElementById('regArea').innerHTML = '<option value=\"\">-- \u0627\u062e\u062a\u0631 \u0627\u0644\u0645\u0646\u0637\u0642\u0629 --<\/option>' + areas.map(a => `<option value=\"${a.name}\">${a.name}<\/option>`).join('');\n    } catch (error) {\n        console.error('Error loading form data:', error);\n    }\n}\n\nfunction previewImage(input) {\n    let preview = document.getElementById('imagePreview');\n    let uploadArea = document.getElementById('imageUploadArea');\n    if (input.files && input.files[0]) {\n        let reader = new FileReader();\n        reader.onload = function(e) {\n            preview.src = e.target.result;\n            preview.style.display = 'block';\n            uploadArea.querySelector('i').style.display = 'none';\n            uploadArea.querySelectorAll('p').forEach(p => p.style.display = 'none');\n        };\n        reader.readAsDataURL(input.files[0]);\n    }\n}\n\nfunction handleRegister(e) {\n    e.preventDefault();\n    let name = document.getElementById('regName').value.trim();\n    let job = document.getElementById('regJob').value.trim();\n    let phone = document.getElementById('regPhone').value.trim();\n    let area = document.getElementById('regArea').value.trim();\n    let desc = document.getElementById('regDesc').value.trim();\n    let imageFile = document.getElementById('regImage').files[0];\n\n    if (!name || !job || !phone || !area) {\n        showToast('\u274c \u064a\u0631\u062c\u0649 \u0645\u0644\u0621 \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0644 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629');\n        return false;\n    }\n    if (!\/^01[0-9]{9}$\/.test(phone)) {\n        showToast('\u274c \u0631\u0642\u0645 \u062a\u0644\u064a\u0641\u0648\u0646 \u063a\u064a\u0631 \u0635\u062d\u064a\u062d');\n        return false;\n    }\n    if (imageFile && imageFile.size > 2 * 1024 * 1024) {\n        showToast('\u274c \u062d\u062c\u0645 \u0627\u0644\u0635\u0648\u0631\u0629 \u0643\u0628\u064a\u0631 \u062c\u062f\u0627\u064b. \u0623\u0642\u0635\u0649 \u062d\u062c\u0645 2MB');\n        return false;\n    }\n\n    let btn = e.target.querySelector('button[type=\"submit\"]');\n    btn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> \u062c\u0627\u0631\u064a \u0627\u0644\u062a\u0633\u062c\u064a\u0644...';\n    btn.disabled = true;\n\n    let formData = new FormData();\n    formData.append('action', 'ere_register_tech');\n    formData.append('nonce', REGISTER_NONCE);\n    formData.append('name', name);\n    formData.append('job', job);\n    formData.append('phone', phone);\n    formData.append('area', area);\n    formData.append('description', desc);\n    if (imageFile) formData.append('tech_image', imageFile);\n\n    fetch(AJAX_URL, { method: 'POST', body: formData })\n    .then(r => r.json())\n    .then(data => {\n        btn.innerHTML = '<i class=\"fas fa-check-circle\"><\/i> \u062a\u0633\u062c\u064a\u0644 \u0643\u0641\u0646\u064a';\n        btn.disabled = false;\n        if (data.success) {\n            showToast('\u2705 ' + data.data.message);\n            document.getElementById('registerForm').reset();\n            document.getElementById('imagePreview').style.display = 'none';\n            document.getElementById('imageUploadArea').querySelector('i').style.display = 'block';\n            document.getElementById('imageUploadArea').querySelectorAll('p').forEach(p => p.style.display = 'block');\n            setTimeout(() => { window.location.href = 'https:\/\/elasragrealestate.com\/ar\/sadat-techs\/'; }, 3000);\n        } else {\n            showToast('\u274c ' + (data.data?.message || '\u062d\u062f\u062b \u062e\u0637\u0623'));\n        }\n    })\n    .catch(err => {\n        btn.innerHTML = '<i class=\"fas fa-check-circle\"><\/i> \u062a\u0633\u062c\u064a\u0644 \u0643\u0641\u0646\u064a';\n        btn.disabled = false;\n        showToast('\u274c \u062e\u0637\u0623 \u0641\u064a \u0627\u0644\u0627\u062a\u0635\u0627\u0644');\n    });\n    return false;\n}\n\nfunction showToast(msg) {\n    let t = document.getElementById('toast');\n    t.textContent = msg;\n    t.style.opacity = '1';\n    t.style.transform = 'translateX(-50%) translateY(0)';\n    setTimeout(() => { t.style.opacity = '0'; t.style.transform = 'translateX(-50%) translateY(100px)'; }, 3000);\n}\n\ndocument.addEventListener('DOMContentLoaded', loadFormData);\n<\/script>\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":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"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-764","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/elasragrealestate.com\/ar\/wp-json\/wp\/v2\/pages\/764","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elasragrealestate.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elasragrealestate.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elasragrealestate.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elasragrealestate.com\/ar\/wp-json\/wp\/v2\/comments?post=764"}],"version-history":[{"count":1,"href":"https:\/\/elasragrealestate.com\/ar\/wp-json\/wp\/v2\/pages\/764\/revisions"}],"predecessor-version":[{"id":765,"href":"https:\/\/elasragrealestate.com\/ar\/wp-json\/wp\/v2\/pages\/764\/revisions\/765"}],"wp:attachment":[{"href":"https:\/\/elasragrealestate.com\/ar\/wp-json\/wp\/v2\/media?parent=764"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}