{"id":26129,"date":"2025-11-25T13:24:09","date_gmt":"2025-11-25T12:24:09","guid":{"rendered":"https:\/\/jobsdz.com\/?page_id=26129"},"modified":"2025-11-25T13:35:56","modified_gmt":"2025-11-25T12:35:56","slug":"job-alert","status":"publish","type":"page","link":"https:\/\/jobsdz.com\/ar\/job-alert\/","title":{"rendered":"job alert"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"26129\" class=\"elementor elementor-26129\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d1bf6d e-flex e-con-boxed e-con e-parent\" data-id=\"7d1bf6d\" 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-76f1afc elementor-widget elementor-widget-shortcode\" data-id=\"76f1afc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\r\n\/* ============================================================\r\n   ROOT VARIABLES (\u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u062e\u0635\u064a\u0635 \u0628\u0633\u0647\u0648\u0644\u0629)\r\n   ============================================================ *\/\r\n:root {\r\n    --sjb-primary: #4f46e5;\r\n    --sjb-primary-hover: #4338ca;\r\n    --sjb-primary-light: #eef2ff;\r\n    --sjb-primary-gradient: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);\r\n    --sjb-success: #10b981;\r\n    --sjb-danger: #ef4444;\r\n    --sjb-warning: #f59e0b;\r\n    --sjb-text: #0f172a;\r\n    --sjb-text-secondary: #475569;\r\n    --sjb-text-muted: #94a3b8;\r\n    --sjb-bg: #f1f5f9;\r\n    --sjb-border: #e2e8f0;\r\n    --sjb-radius: 16px;\r\n    --sjb-shadow: 0 4px 6px -1px rgba(0,0,0,0.05), 0 2px 4px -2px rgba(0,0,0,0.03);\r\n    --sjb-shadow-hover: 0 20px 25px -5px rgba(0,0,0,0.08), 0 10px 10px -5px rgba(0,0,0,0.02);\r\n    --sjb-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n\/* ============================================================\r\n   BASE CONTAINER\r\n   ============================================================ *\/\r\n.sjb-ultimate {\r\n    max-width: 1200px;\r\n    margin: 2.5rem auto;\r\n    padding: 0 1.5rem;\r\n    direction: rtl;\r\n    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;\r\n    color: var(--sjb-text);\r\n}\r\n\r\n\/* ============================================================\r\n   SECTION 1: SUBSCRIPTION FORM (\u0645\u0639 \u062a\u062d\u0633\u064a\u0646\u0627\u062a \u062a\u0641\u0627\u0639\u0644\u064a\u0629)\r\n   ============================================================ *\/\r\n.sjb-subscribe-card {\r\n    background: #ffffff;\r\n    border-radius: var(--sjb-radius);\r\n    padding: 2.5rem 2.5rem 2rem;\r\n    box-shadow: var(--sjb-shadow);\r\n    border: 1px solid var(--sjb-border);\r\n    transition: var(--sjb-transition);\r\n    position: relative;\r\n    overflow: hidden;\r\n    margin-bottom: 2.5rem;\r\n}\r\n\r\n.sjb-subscribe-card:hover {\r\n    box-shadow: var(--sjb-shadow-hover);\r\n    border-color: var(--sjb-primary);\r\n}\r\n\r\n\/* \u062e\u0644\u0641\u064a\u0629 \u0645\u062a\u062d\u0631\u0643\u0629 *\/\r\n.sjb-subscribe-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -50%;\r\n    right: -50%;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: radial-gradient(circle at 70% 30%, var(--sjb-primary-light) 0%, transparent 60%);\r\n    opacity: 0.3;\r\n    pointer-events: none;\r\n    animation: pulseGlow 6s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes pulseGlow {\r\n    0% { transform: scale(1) translate(0, 0); }\r\n    100% { transform: scale(1.2) translate(-20px, 20px); }\r\n}\r\n\r\n.sjb-header {\r\n    text-align: center;\r\n    margin-bottom: 2rem;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.sjb-header h3 {\r\n    font-size: 2rem;\r\n    font-weight: 800;\r\n    margin: 0 0 0.5rem;\r\n    background: var(--sjb-primary-gradient);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n}\r\n\r\n.sjb-header p {\r\n    font-size: 1.05rem;\r\n    color: var(--sjb-text-secondary);\r\n    margin: 0;\r\n}\r\n\r\n\/* \u0646\u0645\u0648\u0630\u062c \u0628\u0634\u0628\u0643\u0629 \u0645\u0631\u0646\u0629 *\/\r\n.sjb-form {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 1.5rem;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.sjb-form-group {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0.4rem;\r\n}\r\n\r\n.sjb-form-group.full-width {\r\n    grid-column: 1 \/ -1;\r\n}\r\n\r\n.sjb-label {\r\n    font-weight: 600;\r\n    font-size: 0.9rem;\r\n    color: var(--sjb-text-secondary);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.3rem;\r\n}\r\n\r\n.sjb-label .required {\r\n    color: var(--sjb-danger);\r\n    font-size: 1.2rem;\r\n}\r\n\r\n.sjb-input,\r\n.sjb-select {\r\n    padding: 0.8rem 1rem;\r\n    border: 2px solid var(--sjb-border);\r\n    border-radius: 12px;\r\n    font-size: 1rem;\r\n    background: #fafbfc;\r\n    transition: var(--sjb-transition);\r\n    width: 100%;\r\n    color: var(--sjb-text);\r\n}\r\n\r\n.sjb-input:focus,\r\n.sjb-select:focus {\r\n    outline: none;\r\n    border-color: var(--sjb-primary);\r\n    background: #ffffff;\r\n    box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.15);\r\n}\r\n\r\n.sjb-input.is-valid {\r\n    border-color: var(--sjb-success);\r\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2310b981' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'\/%3E%3C\/svg%3E\");\r\n    background-repeat: no-repeat;\r\n    background-position: left 0.8rem center;\r\n    background-size: 1.2rem;\r\n    padding-left: 2.8rem;\r\n}\r\n\r\n.sjb-input.is-invalid {\r\n    border-color: var(--sjb-danger);\r\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ef4444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'\/%3E%3Cline x1='12' y1='8' x2='12' y2='12'\/%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'\/%3E%3C\/svg%3E\");\r\n    background-repeat: no-repeat;\r\n    background-position: left 0.8rem center;\r\n    background-size: 1.2rem;\r\n    padding-left: 2.8rem;\r\n}\r\n\r\n\/* \u0632\u0631 \u0627\u0644\u0625\u0631\u0633\u0627\u0644 \u0645\u0639 \u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0645\u062a\u0642\u062f\u0645\u0629 *\/\r\n.sjb-btn {\r\n    grid-column: 1 \/ -1;\r\n    padding: 1rem 2rem;\r\n    border: none;\r\n    border-radius: 12px;\r\n    background: var(--sjb-primary-gradient);\r\n    color: #fff;\r\n    font-size: 1.1rem;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 0.8rem;\r\n    transition: var(--sjb-transition);\r\n    min-height: 60px;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.sjb-btn::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(135deg, rgba(255,255,255,0.2) 0%, transparent 50%);\r\n    opacity: 0;\r\n    transition: var(--sjb-transition);\r\n}\r\n\r\n.sjb-btn:hover:not(:disabled)::after {\r\n    opacity: 1;\r\n}\r\n\r\n.sjb-btn:hover:not(:disabled) {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 12px 25px -8px rgba(79, 70, 229, 0.4);\r\n}\r\n\r\n.sjb-btn:active:not(:disabled) {\r\n    transform: translateY(0);\r\n}\r\n\r\n.sjb-btn:disabled {\r\n    opacity: 0.7;\r\n    cursor: not-allowed;\r\n    filter: grayscale(0.3);\r\n}\r\n\r\n.sjb-btn .spinner {\r\n    width: 24px;\r\n    height: 24px;\r\n    border: 3px solid rgba(255,255,255,0.3);\r\n    border-top-color: #fff;\r\n    border-radius: 50%;\r\n    display: none;\r\n    animation: spin 0.8s linear infinite;\r\n}\r\n\r\n.sjb-btn.loading .spinner {\r\n    display: inline-block;\r\n}\r\n\r\n.sjb-btn.loading .btn-text {\r\n    opacity: 0.8;\r\n}\r\n\r\n@keyframes spin {\r\n    to { transform: rotate(360deg); }\r\n}\r\n\r\n\/* \u0631\u0633\u0627\u0626\u0644 \u0627\u0644\u0646\u0645\u0648\u0630\u062c *\/\r\n#sjbFormMessage {\r\n    grid-column: 1 \/ -1;\r\n    padding: 0.9rem 1.2rem;\r\n    border-radius: 10px;\r\n    font-size: 0.95rem;\r\n    display: none;\r\n    animation: slideDown 0.3s ease;\r\n}\r\n\r\n@keyframes slideDown {\r\n    from { opacity: 0; transform: translateY(-10px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n.msg-success {\r\n    background: #ecfdf5;\r\n    border: 1px solid #a7f3d0;\r\n    color: #065f46;\r\n}\r\n\r\n.msg-error {\r\n    background: #fef2f2;\r\n    border: 1px solid #fecaca;\r\n    color: #991b1b;\r\n}\r\n\r\n\/* ============================================================\r\n   SECTION 2: NOTICE (\u0645\u0639 \u0623\u064a\u0642\u0648\u0646\u0629 \u0645\u062a\u062d\u0631\u0643\u0629)\r\n   ============================================================ *\/\r\n.sjb-notice {\r\n    display: flex;\r\n    gap: 1.2rem;\r\n    align-items: flex-start;\r\n    background: var(--sjb-primary-light);\r\n    border-radius: var(--sjb-radius);\r\n    padding: 1.5rem 2rem;\r\n    border-right: 5px solid var(--sjb-primary);\r\n    margin-bottom: 2.5rem;\r\n    transition: var(--sjb-transition);\r\n}\r\n\r\n.sjb-notice:hover {\r\n    background: #e0e7ff;\r\n    transform: scale(1.01);\r\n}\r\n\r\n.sjb-notice-icon {\r\n    flex-shrink: 0;\r\n    width: 32px;\r\n    height: 32px;\r\n    color: var(--sjb-primary);\r\n    animation: gentleBounce 2s infinite;\r\n}\r\n\r\n@keyframes gentleBounce {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(-4px); }\r\n}\r\n\r\n.sjb-notice-content h4 {\r\n    margin: 0 0 0.3rem;\r\n    font-size: 1.1rem;\r\n    font-weight: 700;\r\n    color: var(--sjb-text);\r\n}\r\n\r\n.sjb-notice-content p {\r\n    margin: 0;\r\n    color: var(--sjb-text-secondary);\r\n    line-height: 1.7;\r\n    font-size: 0.95rem;\r\n}\r\n\r\n\/* ============================================================\r\n   SECTION 3: QUICK LINKS (\u0628\u0637\u0627\u0642\u0627\u062a \u0623\u0646\u064a\u0642\u0629 \u0645\u0639 \u062a\u0623\u062b\u064a\u0631\u0627\u062a)\r\n   ============================================================ *\/\r\n.sjb-links-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n    gap: 1.5rem;\r\n}\r\n\r\n.sjb-link-card {\r\n    background: #ffffff;\r\n    border: 1px solid var(--sjb-border);\r\n    border-radius: var(--sjb-radius);\r\n    padding: 1.5rem 1.2rem;\r\n    text-decoration: none !important;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 1rem;\r\n    transition: var(--sjb-transition);\r\n    box-shadow: var(--sjb-shadow);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.sjb-link-card::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    width: 4px;\r\n    background: var(--sjb-primary-gradient);\r\n    opacity: 0;\r\n    transition: var(--sjb-transition);\r\n}\r\n\r\n.sjb-link-card:hover {\r\n    transform: translateY(-6px) scale(1.02);\r\n    box-shadow: var(--sjb-shadow-hover);\r\n    border-color: var(--sjb-primary);\r\n}\r\n\r\n.sjb-link-card:hover::after {\r\n    opacity: 1;\r\n}\r\n\r\n.sjb-link-icon {\r\n    width: 52px;\r\n    height: 52px;\r\n    background: var(--sjb-primary-light);\r\n    border-radius: 14px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: var(--sjb-primary);\r\n    flex-shrink: 0;\r\n    transition: var(--sjb-transition);\r\n}\r\n\r\n.sjb-link-card:hover .sjb-link-icon {\r\n    background: var(--sjb-primary);\r\n    color: #fff;\r\n    transform: rotate(-5deg) scale(1.05);\r\n}\r\n\r\n.sjb-link-icon svg {\r\n    width: 26px;\r\n    height: 26px;\r\n}\r\n\r\n.sjb-link-text h5 {\r\n    margin: 0 0 0.15rem;\r\n    font-size: 1rem;\r\n    font-weight: 700;\r\n    color: var(--sjb-text);\r\n}\r\n\r\n.sjb-link-text p {\r\n    margin: 0;\r\n    font-size: 0.85rem;\r\n    color: var(--sjb-text-muted);\r\n}\r\n\r\n\/* ============================================================\r\n   RESPONSIVENESS & ACCESSIBILITY\r\n   ============================================================ *\/\r\n@media (max-width: 768px) {\r\n    .sjb-ultimate { padding: 0 1rem; margin: 1.5rem auto; }\r\n    .sjb-subscribe-card { padding: 1.5rem; }\r\n    .sjb-form { grid-template-columns: 1fr; gap: 1rem; }\r\n    .sjb-header h3 { font-size: 1.6rem; }\r\n    .sjb-notice { flex-direction: column; align-items: center; text-align: center; padding: 1.2rem; }\r\n    .sjb-notice-icon { margin-bottom: 0.5rem; }\r\n    .sjb-links-grid { grid-template-columns: 1fr; }\r\n    .sjb-link-card { padding: 1rem; }\r\n}\r\n\r\n\/* \u062a\u0641\u0636\u064a\u0644\u0627\u062a \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062d\u0631\u0643\u0629 *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n    * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }\r\n}\r\n\r\n\/* \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 *\/\r\n.sjb-input:focus-visible,\r\n.sjb-select:focus-visible,\r\n.sjb-btn:focus-visible {\r\n    outline: 3px solid var(--sjb-primary);\r\n    outline-offset: 2px;\r\n}\r\n\r\n\/* \u0641\u0626\u0629 \u0645\u0633\u0627\u0639\u062f\u0629 \u0644\u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0628\u0635\u0631\u064a\u0627\u064b \u0645\u0639 \u0628\u0642\u0627\u0626\u0647\u0627 \u0644\u0644\u0645\u0633\u0627\u0639\u062f\u0627\u062a *\/\r\n.sr-only {\r\n    position: absolute;\r\n    width: 1px;\r\n    height: 1px;\r\n    padding: 0;\r\n    margin: -1px;\r\n    overflow: hidden;\r\n    clip: rect(0, 0, 0, 0);\r\n    border: 0;\r\n}\r\n<\/style><div class=\"sjb-ultimate\" role=\"region\" aria-label=\"\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u0648\u0638\u064a\u0641\u0629\">\r\n\r\n    <!-- ===== \u0628\u0637\u0627\u0642\u0629 \u0627\u0644\u0627\u0634\u062a\u0631\u0627\u0643 ===== -->\r\n    <section class=\"sjb-subscribe-card\" aria-labelledby=\"subscribe-title\">\r\n        <div class=\"sjb-header\">\r\n            <h3 id=\"subscribe-title\">\ud83d\udd14 \u0644\u0627 \u062a\u0641\u0648\u062a \u0623\u064a \u0641\u0631\u0635\u0629!<\/h3>\r\n            <p>\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u062a\u0646\u0628\u064a\u0647\u0627\u062a \u0641\u0648\u0631\u064a\u0629 \u0639\u0646\u062f \u0646\u0634\u0631 \u0648\u0638\u0627\u0626\u0641 \u062c\u062f\u064a\u062f\u0629 \u0641\u064a \u0648\u0644\u0627\u064a\u062a\u0643.<\/p>\r\n        <\/div>\r\n\r\n        <form id=\"sjbAlertForm\" class=\"sjb-form\" novalidate aria-label=\"\u0646\u0645\u0648\u0630\u062c \u0627\u0644\u062a\u0646\u0628\u064a\u0647\u0627\u062a\">\r\n            <div class=\"sjb-form-group\">\r\n                <label for=\"sjbName\" class=\"sjb-label\">\r\n                    \u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644 <span class=\"required\" aria-hidden=\"true\">*<\/span>\r\n                <\/label>\r\n                <input type=\"text\" id=\"sjbName\" name=\"name\" class=\"sjb-input\"\r\n                       placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0633\u0645\u0643 \u0647\u0646\u0627\" required\r\n                       autocomplete=\"name\" aria-required=\"true\"\r\n                       aria-describedby=\"nameHelp\">\r\n                <span id=\"nameHelp\" class=\"sr-only\">\u0645\u062b\u0627\u0644: \u0645\u062d\u0645\u062f \u0623\u062d\u0645\u062f \u0639\u0644\u064a<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"sjb-form-group\">\r\n                <label for=\"sjbEmail\" class=\"sjb-label\">\r\n                    \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a <span class=\"required\" aria-hidden=\"true\">*<\/span>\r\n                <\/label>\r\n                <input type=\"email\" id=\"sjbEmail\" name=\"email\" class=\"sjb-input\"\r\n                       placeholder=\"you@example.com\" required\r\n                       autocomplete=\"email\" aria-required=\"true\"\r\n                       aria-describedby=\"emailHelp\">\r\n                <span id=\"emailHelp\" class=\"sr-only\">\u0623\u062f\u062e\u0644 \u0628\u0631\u064a\u062f\u0627\u064b \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0627\u064b \u0635\u062d\u064a\u062d\u0627\u064b<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"sjb-form-group full-width\">\r\n                <label for=\"sjbState\" class=\"sjb-label\">\r\n                    \u0627\u0644\u0648\u0644\u0627\u064a\u0629 <span class=\"required\" aria-hidden=\"true\">*<\/span>\r\n                <\/label>\r\n                <select id=\"sjbState\" name=\"state\" class=\"sjb-select\" required aria-required=\"true\">\r\n                    <option value=\"\" disabled selected>-- \u0627\u062e\u062a\u0631 \u0648\u0644\u0627\u064a\u062a\u0643 --<\/option>\r\n                    <option value=\"\u0623\u062f\u0631\u0627\u0631\">01 - \u0623\u062f\u0631\u0627\u0631<\/option>\r\n                    <option value=\"\u0627\u0644\u0634\u0644\u0641\">02 - \u0627\u0644\u0634\u0644\u0641<\/option>\r\n                    <option value=\"\u0627\u0644\u0623\u063a\u0648\u0627\u0637\">03 - \u0627\u0644\u0623\u063a\u0648\u0627\u0637<\/option>\r\n                    <option value=\"\u0623\u0645 \u0627\u0644\u0628\u0648\u0627\u0642\u064a\">04 - \u0623\u0645 \u0627\u0644\u0628\u0648\u0627\u0642\u064a<\/option>\r\n                    <option value=\"\u0628\u0627\u062a\u0646\u0629\">05 - \u0628\u0627\u062a\u0646\u0629<\/option>\r\n                    <option value=\"\u0628\u062c\u0627\u064a\u0629\">06 - \u0628\u062c\u0627\u064a\u0629<\/option>\r\n                    <option value=\"\u0628\u0633\u0643\u0631\u0629\">07 - \u0628\u0633\u0643\u0631\u0629<\/option>\r\n                    <option value=\"\u0628\u0634\u0627\u0631\">08 - \u0628\u0634\u0627\u0631<\/option>\r\n                    <option value=\"\u0627\u0644\u0628\u0644\u064a\u062f\u0629\">09 - \u0627\u0644\u0628\u0644\u064a\u062f\u0629<\/option>\r\n                    <option value=\"\u0627\u0644\u0628\u0648\u064a\u0631\u0629\">10 - \u0627\u0644\u0628\u0648\u064a\u0631\u0629<\/option>\r\n                    <option value=\"\u062a\u0645\u0646\u0631\u0627\u0633\u062a\">11 - \u062a\u0645\u0646\u0631\u0627\u0633\u062a<\/option>\r\n                    <option value=\"\u062a\u0628\u0633\u0629\">12 - \u062a\u0628\u0633\u0629<\/option>\r\n                    <option value=\"\u062a\u0644\u0645\u0633\u0627\u0646\">13 - \u062a\u0644\u0645\u0633\u0627\u0646<\/option>\r\n                    <option value=\"\u062a\u064a\u0627\u0631\u062a\">14 - \u062a\u064a\u0627\u0631\u062a<\/option>\r\n                    <option value=\"\u062a\u064a\u0632\u064a \u0648\u0632\u0648\">15 - \u062a\u064a\u0632\u064a \u0648\u0632\u0648<\/option>\r\n                    <option value=\"\u0627\u0644\u062c\u0632\u0627\u0626\u0631\">16 - \u0627\u0644\u062c\u0632\u0627\u0626\u0631<\/option>\r\n                    <option value=\"\u0627\u0644\u062c\u0644\u0641\u0629\">17 - \u0627\u0644\u062c\u0644\u0641\u0629<\/option>\r\n                    <option value=\"\u062c\u064a\u062c\u0644\">18 - \u062c\u064a\u062c\u0644<\/option>\r\n                    <option value=\"\u0633\u0637\u064a\u0641\">19 - \u0633\u0637\u064a\u0641<\/option>\r\n                    <option value=\"\u0633\u0639\u064a\u062f\u0629\">20 - \u0633\u0639\u064a\u062f\u0629<\/option>\r\n                    <option value=\"\u0633\u0643\u064a\u0643\u062f\u0629\">21 - \u0633\u0643\u064a\u0643\u062f\u0629<\/option>\r\n                    <option value=\"\u0633\u064a\u062f\u064a \u0628\u0644\u0639\u0628\u0627\u0633\">22 - \u0633\u064a\u062f\u064a \u0628\u0644\u0639\u0628\u0627\u0633<\/option>\r\n                    <option value=\"\u0639\u0646\u0627\u0628\u0629\">23 - \u0639\u0646\u0627\u0628\u0629<\/option>\r\n                    <option value=\"\u0642\u0627\u0644\u0645\u0629\">24 - \u0642\u0627\u0644\u0645\u0629<\/option>\r\n                    <option value=\"\u0642\u0633\u0646\u0637\u064a\u0646\u0629\">25 - \u0642\u0633\u0646\u0637\u064a\u0646\u0629<\/option>\r\n                    <option value=\"\u0627\u0644\u0645\u062f\u064a\u0629\">26 - \u0627\u0644\u0645\u062f\u064a\u0629<\/option>\r\n                    <option value=\"\u0645\u0633\u062a\u063a\u0627\u0646\u0645\">27 - \u0645\u0633\u062a\u063a\u0627\u0646\u0645<\/option>\r\n                    <option value=\"\u0627\u0644\u0645\u0633\u064a\u0644\u0629\">28 - \u0627\u0644\u0645\u0633\u064a\u0644\u0629<\/option>\r\n                    <option value=\"\u0645\u0639\u0633\u0643\u0631\">29 - \u0645\u0639\u0633\u0643\u0631<\/option>\r\n                    <option value=\"\u0648\u0631\u0642\u0644\u0629\">30 - \u0648\u0631\u0642\u0644\u0629<\/option>\r\n                    <option value=\"\u0648\u0647\u0631\u0627\u0646\">31 - \u0648\u0647\u0631\u0627\u0646<\/option>\r\n                    <option value=\"\u0627\u0644\u0628\u064a\u0636\">32 - \u0627\u0644\u0628\u064a\u0636<\/option>\r\n                    <option value=\"\u0625\u0644\u064a\u0632\u064a\">33 - \u0625\u0644\u064a\u0632\u064a<\/option>\r\n                    <option value=\"\u0628\u0631\u062c \u0628\u0648\u0639\u0631\u064a\u0631\u064a\u062c\">34 - \u0628\u0631\u062c \u0628\u0648\u0639\u0631\u064a\u0631\u064a\u062c<\/option>\r\n                    <option value=\"\u0628\u0648\u0645\u0631\u062f\u0627\u0633\">35 - \u0628\u0648\u0645\u0631\u062f\u0627\u0633<\/option>\r\n                    <option value=\"\u0627\u0644\u0637\u0627\u0631\u0641\">36 - \u0627\u0644\u0637\u0627\u0631\u0641<\/option>\r\n                    <option value=\"\u062a\u0646\u062f\u0648\u0641\">37 - \u062a\u0646\u062f\u0648\u0641<\/option>\r\n                    <option value=\"\u062a\u064a\u0633\u0645\u0633\u064a\u0644\u062a\">38 - \u062a\u064a\u0633\u0645\u0633\u064a\u0644\u062a<\/option>\r\n                    <option value=\"\u0627\u0644\u0648\u0627\u062f\u064a\">39 - \u0627\u0644\u0648\u0627\u062f\u064a<\/option>\r\n                    <option value=\"\u062e\u0646\u0634\u0644\u0629\">40 - \u062e\u0646\u0634\u0644\u0629<\/option>\r\n                    <option value=\"\u0633\u0648\u0642 \u0623\u0647\u0631\u0627\u0633\">41 - \u0633\u0648\u0642 \u0623\u0647\u0631\u0627\u0633<\/option>\r\n                    <option value=\"\u062a\u064a\u0628\u0627\u0632\u0629\">42 - \u062a\u064a\u0628\u0627\u0632\u0629<\/option>\r\n                    <option value=\"\u0645\u064a\u0644\u0629\">43 - \u0645\u064a\u0644\u0629<\/option>\r\n                    <option value=\"\u0639\u064a\u0646 \u0627\u0644\u062f\u0641\u0644\u0649\">44 - \u0639\u064a\u0646 \u0627\u0644\u062f\u0641\u0644\u0649<\/option>\r\n                    <option value=\"\u0627\u0644\u0646\u0639\u0627\u0645\u0629\">45 - \u0627\u0644\u0646\u0639\u0627\u0645\u0629<\/option>\r\n                    <option value=\"\u0639\u064a\u0646 \u062a\u0645\u0648\u0634\u0646\u062a\">46 - \u0639\u064a\u0646 \u062a\u0645\u0648\u0634\u0646\u062a<\/option>\r\n                    <option value=\"\u063a\u0631\u062f\u0627\u064a\u0629\">47 - \u063a\u0631\u062f\u0627\u064a\u0629<\/option>\r\n                    <option value=\"\u063a\u0644\u064a\u0632\u0627\u0646\">48 - \u063a\u0644\u064a\u0632\u0627\u0646<\/option>\r\n                    <option value=\"\u062a\u064a\u0645\u064a\u0645\u0648\u0646\">49 - \u062a\u064a\u0645\u064a\u0645\u0648\u0646<\/option>\r\n                    <option value=\"\u0628\u0631\u062c \u0628\u0627\u062c\u064a \u0645\u062e\u062a\u0627\u0631\">50 - \u0628\u0631\u062c \u0628\u0627\u062c\u064a \u0645\u062e\u062a\u0627\u0631<\/option>\r\n                    <option value=\"\u0623\u0648\u0644\u0627\u062f \u062c\u0644\u0627\u0644\">51 - \u0623\u0648\u0644\u0627\u062f \u062c\u0644\u0627\u0644<\/option>\r\n                    <option value=\"\u0628\u0646\u064a \u0639\u0628\u0627\u0633\">52 - \u0628\u0646\u064a \u0639\u0628\u0627\u0633<\/option>\r\n                    <option value=\"\u0639\u064a\u0646 \u0635\u0627\u0644\u062d\">53 - \u0639\u064a\u0646 \u0635\u0627\u0644\u062d<\/option>\r\n                    <option value=\"\u0639\u064a\u0646 \u0642\u0632\u0627\u0645\">54 - \u0639\u064a\u0646 \u0642\u0632\u0627\u0645<\/option>\r\n                    <option value=\"\u062a\u0642\u0631\u062a\">55 - \u062a\u0642\u0631\u062a<\/option>\r\n                    <option value=\"\u062c\u0627\u0646\u062a\">56 - \u062c\u0627\u0646\u062a<\/option>\r\n                    <option value=\"\u0627\u0644\u0645\u063a\u064a\u0631\">57 - \u0627\u0644\u0645\u063a\u064a\u0631<\/option>\r\n                    <option value=\"\u0627\u0644\u0645\u0646\u064a\u0639\u0629\">58 - \u0627\u0644\u0645\u0646\u064a\u0639\u0629<\/option>\r\n                <\/select>\r\n            <\/div>\r\n\r\n            <button type=\"submit\" id=\"sjbSubmitBtn\" class=\"sjb-btn\">\r\n                <span class=\"btn-text\">\u0627\u0634\u062a\u0631\u0643 \u0627\u0644\u0622\u0646<\/span>\r\n                <span class=\"spinner\" aria-hidden=\"true\"><\/span>\r\n            <\/button>\r\n\r\n            <div id=\"sjbFormMessage\" role=\"alert\" aria-live=\"polite\" aria-atomic=\"true\"><\/div>\r\n        <\/form>\r\n    <\/section>\r\n\r\n    <!-- ===== \u062a\u0646\u0648\u064a\u0647 ===== -->\r\n    <aside class=\"sjb-notice\" role=\"note\" aria-label=\"\u062a\u0646\u0648\u064a\u0647 \u0647\u0627\u0645\">\r\n        <svg class=\"sjb-notice-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z\" \/>\r\n        <\/svg>\r\n        <div class=\"sjb-notice-content\">\r\n            <h4>\u062a\u0646\u0648\u064a\u0647 \u0647\u0627\u0645 \u0645\u0646 \u0625\u062f\u0627\u0631\u0629 jobsdz.com<\/h4>\r\n            <p>\u0646\u062d\u0646 \u0646\u0639\u0645\u0644 \u0643\u0648\u0633\u064a\u0637 \u0644\u0646\u0642\u0644 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0629 \u0645\u0646 \u0645\u0635\u0627\u062f\u0631\u0647\u0627 \u0627\u0644\u0631\u0633\u0645\u064a\u0629. \u064a\u0631\u062c\u0649 \u062f\u0627\u0626\u0645\u0627\u064b \u0627\u0644\u062a\u0623\u0643\u062f \u0645\u0646 \u062a\u0648\u0627\u0631\u064a\u062e \u0627\u0644\u0645\u0633\u0627\u0628\u0642\u0627\u062a \u0648\u062a\u062c\u0647\u064a\u0632 \u0645\u0644\u0641\u0627\u062a\u0643\u0645 \u0628\u0639\u0646\u0627\u064a\u0629.<\/p>\r\n        <\/div>\r\n    <\/aside>\r\n\r\n    <!-- ===== \u0631\u0648\u0627\u0628\u0637 \u0633\u0631\u064a\u0639\u0629 ===== -->\r\n    <nav class=\"sjb-links-grid\" aria-label=\"\u0631\u0648\u0627\u0628\u0637 \u0633\u0631\u064a\u0639\u0629\">\r\n        <a href=\"https:\/\/jobsdz.com\/ar\/blog\/\" class=\"sjb-link-card\">\r\n            <span class=\"sjb-link-icon\" aria-hidden=\"true\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25\" \/><\/svg>\r\n            <\/span>\r\n            <span class=\"sjb-link-text\">\r\n                <h5>\u0645\u062f\u0648\u0646\u0629 \u0627\u0644\u062a\u0648\u0638\u064a\u0641<\/h5>\r\n                <p>\u0646\u0635\u0627\u0626\u062d \u0648\u0645\u0642\u0627\u0644\u0627\u062a \u062d\u0635\u0631\u064a\u0629<\/p>\r\n            <\/span>\r\n        <\/a>\r\n        <a href=\"https:\/\/jobsdz.com\/ar\/fonction\/\" class=\"sjb-link-card\">\r\n            <span class=\"sjb-link-icon\" aria-hidden=\"true\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H21m-3.75 3.75h.008v.008h-.008v-.008zm0 3h.008v.008h-.008v-.008zm0 3h.008v.008h-.008v-.008z\" \/><\/svg>\r\n            <\/span>\r\n            <span class=\"sjb-link-text\">\r\n                <h5>\u0627\u0644\u0648\u0638\u064a\u0641 \u0627\u0644\u0639\u0645\u0648\u0645\u064a<\/h5>\r\n                <p>\u062c\u062f\u064a\u062f \u0627\u0644\u0645\u0633\u0627\u0628\u0642\u0627\u062a \u0648\u0627\u0644\u0646\u062a\u0627\u0626\u062c<\/p>\r\n            <\/span>\r\n        <\/a>\r\n        <a href=\"https:\/\/jobsdz.com\/ar\/documents-formulaire\/\" class=\"sjb-link-card\">\r\n            <span class=\"sjb-link-icon\" aria-hidden=\"true\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z\" \/><\/svg>\r\n            <\/span>\r\n            <span class=\"sjb-link-text\">\r\n                <h5>\u0646\u0645\u0627\u0630\u062c \u0648\u0648\u062b\u0627\u0626\u0642<\/h5>\r\n                <p>\u0627\u0633\u062a\u0645\u0627\u0631\u0627\u062a \u062c\u0627\u0647\u0632\u0629 \u0644\u0644\u062a\u062d\u0645\u064a\u0644<\/p>\r\n            <\/span>\r\n        <\/a>\r\n        <a href=\"https:\/\/jobsdz.com\/ar\/submit-resume\/\" class=\"sjb-link-card\">\r\n            <span class=\"sjb-link-icon\" aria-hidden=\"true\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z\" \/><\/svg>\r\n            <\/span>\r\n            <span class=\"sjb-link-text\">\r\n                <h5>\u0623\u0636\u0641 \u0633\u064a\u0631\u062a\u0643<\/h5>\r\n                <p>\u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0639\u0645\u0644<\/p>\r\n            <\/span>\r\n        <\/a>\r\n    <\/nav>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    'use strict';\r\n\r\n    \/\/ ===== \u0627\u0644\u0625\u0639\u062f\u0627\u062f\u0627\u062a =====\r\n    const CONFIG = {\r\n        API_URL: 'https:\/\/script.google.com\/macros\/s\/AKfycbxJ--jg2UViG6tzAZTlpF3mfnjNJUBBSdU_UUuCvdCzKdasIvuLkfNNO7bbC2gxqcE\/exec',\r\n        TIMEOUT: 10000, \/\/ 10 seconds\r\n        AUTO_HIDE_SUCCESS: 6000,\r\n        MIN_NAME_LENGTH: 3,\r\n    };\r\n\r\n    \/\/ ===== \u0639\u0646\u0627\u0635\u0631 DOM =====\r\n    const form = document.getElementById('sjbAlertForm');\r\n    const nameInput = document.getElementById('sjbName');\r\n    const emailInput = document.getElementById('sjbEmail');\r\n    const stateSelect = document.getElementById('sjbState');\r\n    const submitBtn = document.getElementById('sjbSubmitBtn');\r\n    const btnText = submitBtn.querySelector('.btn-text');\r\n    const messageDiv = document.getElementById('sjbFormMessage');\r\n\r\n    \/\/ ===== \u062f\u0648\u0627\u0644 \u0645\u0633\u0627\u0639\u062f\u0629 =====\r\n    function setLoading(isLoading) {\r\n        submitBtn.disabled = isLoading;\r\n        submitBtn.classList.toggle('loading', isLoading);\r\n        btnText.textContent = isLoading ? '\u062c\u0627\u0631\u064a \u0627\u0644\u0627\u0634\u062a\u0631\u0627\u0643...' : '\u0627\u0634\u062a\u0631\u0643 \u0627\u0644\u0622\u0646';\r\n    }\r\n\r\n    function showMessage(msg, type) {\r\n        messageDiv.textContent = msg;\r\n        messageDiv.className = type;\r\n        messageDiv.style.display = 'block';\r\n        \/\/ \u0625\u0639\u0627\u062f\u0629 \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0623\u0646\u064a\u0645\u064a\u0634\u0646\r\n        messageDiv.style.animation = 'none';\r\n        requestAnimationFrame(() => {\r\n            messageDiv.style.animation = 'slideDown 0.3s ease';\r\n        });\r\n    }\r\n\r\n    function showSuccess(msg) {\r\n        showMessage(msg, 'msg-success');\r\n        if (CONFIG.AUTO_HIDE_SUCCESS > 0) {\r\n            setTimeout(() => {\r\n                if (messageDiv.classList.contains('msg-success')) {\r\n                    messageDiv.style.display = 'none';\r\n                }\r\n            }, CONFIG.AUTO_HIDE_SUCCESS);\r\n        }\r\n    }\r\n\r\n    function showError(msg) {\r\n        showMessage(msg, 'msg-error');\r\n        \/\/ \u0627\u0647\u062a\u0632\u0627\u0632 \u0627\u0644\u0646\u0645\u0648\u0630\u062c\r\n        form.classList.add('shake-animation');\r\n        setTimeout(() => form.classList.remove('shake-animation'), 500);\r\n        \/\/ \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u062d\u0642\u0644 \u0627\u0644\u0623\u0648\u0644 \u0627\u0644\u062e\u0627\u0637\u0626 (\u0625\u0646 \u0648\u062c\u062f)\r\n        const firstInvalid = form.querySelector('.is-invalid');\r\n        if (firstInvalid) firstInvalid.focus();\r\n    }\r\n\r\n    \/\/ ===== \u0627\u0644\u062a\u062d\u0642\u0642 \u0627\u0644\u0641\u0648\u0631\u064a \u0645\u0646 \u0635\u062d\u0629 \u0627\u0644\u062d\u0642\u0648\u0644 =====\r\n    function validateField(input) {\r\n        const value = input.value.trim();\r\n        let valid = true;\r\n\r\n        if (input === nameInput) {\r\n            valid = value.length >= CONFIG.MIN_NAME_LENGTH;\r\n            input.classList.toggle('is-valid', valid && value.length > 0);\r\n            input.classList.toggle('is-invalid', !valid && value.length > 0);\r\n        } else if (input === emailInput) {\r\n            const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n            valid = emailRegex.test(value);\r\n            input.classList.toggle('is-valid', valid && value.length > 0);\r\n            input.classList.toggle('is-invalid', !valid && value.length > 0);\r\n        }\r\n        return valid;\r\n    }\r\n\r\n    nameInput.addEventListener('input', () => validateField(nameInput));\r\n    emailInput.addEventListener('input', () => validateField(emailInput));\r\n    stateSelect.addEventListener('change', () => {\r\n        stateSelect.classList.toggle('is-valid', stateSelect.value !== '');\r\n        stateSelect.classList.toggle('is-invalid', stateSelect.value === '');\r\n    });\r\n\r\n    \/\/ ===== \u0645\u0633\u062d \u0631\u0633\u0627\u0626\u0644 \u0627\u0644\u062e\u0637\u0623 \u0639\u0646\u062f \u0627\u0644\u062a\u0641\u0627\u0639\u0644 =====\r\n    form.addEventListener('input', function(e) {\r\n        if (messageDiv.classList.contains('msg-error')) {\r\n            messageDiv.style.display = 'none';\r\n            messageDiv.className = '';\r\n        }\r\n        \/\/ \u0625\u0632\u0627\u0644\u0629 \u062d\u0627\u0644\u0629 \u0627\u0644\u062e\u0637\u0623 \u0639\u0646\u062f \u0627\u0644\u062a\u0635\u062d\u064a\u062d\r\n        if (e.target.classList.contains('is-invalid')) {\r\n            e.target.classList.remove('is-invalid');\r\n            e.target.classList.add('is-valid');\r\n        }\r\n    });\r\n\r\n    \/\/ ===== \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0646\u0645\u0648\u0630\u062c =====\r\n    form.addEventListener('submit', async function(e) {\r\n        e.preventDefault();\r\n\r\n        \/\/ \u0627\u0644\u062a\u062d\u0642\u0642 \u0627\u0644\u0634\u0627\u0645\u0644 \u0642\u0628\u0644 \u0627\u0644\u0625\u0631\u0633\u0627\u0644\r\n        const isNameValid = validateField(nameInput);\r\n        const isEmailValid = validateField(emailInput);\r\n        const isStateValid = stateSelect.value !== '';\r\n\r\n        if (!isNameValid || !isEmailValid || !isStateValid) {\r\n            if (!isNameValid) showError('\u0627\u0644\u0627\u0633\u0645 \u064a\u062c\u0628 \u0623\u0646 \u064a\u0643\u0648\u0646 3 \u0623\u062d\u0631\u0641 \u0639\u0644\u0649 \u0627\u0644\u0623\u0642\u0644.');\r\n            else if (!isEmailValid) showError('\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u063a\u064a\u0631 \u0635\u062d\u064a\u062d.');\r\n            else if (!isStateValid) showError('\u064a\u0631\u062c\u0649 \u0627\u062e\u062a\u064a\u0627\u0631 \u0648\u0644\u0627\u064a\u062a\u0643.');\r\n            return;\r\n        }\r\n\r\n        \/\/ \u062c\u0645\u0639 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\r\n        const formData = new FormData(form);\r\n\r\n        \/\/ \u0628\u062f\u0621 \u0627\u0644\u0637\u0644\u0628\r\n        setLoading(true);\r\n        messageDiv.style.display = 'none';\r\n        messageDiv.className = '';\r\n\r\n        const controller = new AbortController();\r\n        const timeoutId = setTimeout(() => controller.abort(), CONFIG.TIMEOUT);\r\n\r\n        try {\r\n            const response = await fetch(CONFIG.API_URL, {\r\n                method: 'POST',\r\n                body: formData,\r\n                signal: controller.signal,\r\n            });\r\n            clearTimeout(timeoutId);\r\n\r\n            if (!response.ok) throw new Error(`HTTP ${response.status}`);\r\n\r\n            const data = await response.json();\r\n\r\n            if (data.result === 'success') {\r\n                showSuccess('\ud83c\udf89 \u062a\u0645 \u0627\u0644\u0627\u0634\u062a\u0631\u0627\u0643 \u0628\u0646\u062c\u0627\u062d! \u0633\u062a\u0635\u0644\u0643 \u0627\u0644\u062a\u0646\u0628\u064a\u0647\u0627\u062a \u0642\u0631\u064a\u0628\u0627\u064b.');\r\n                form.reset();\r\n                \/\/ \u0625\u0639\u0627\u062f\u0629 \u062a\u0639\u064a\u064a\u0646 \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u062d\u0642\u0648\u0644\r\n                document.querySelectorAll('.sjb-input, .sjb-select').forEach(el => {\r\n                    el.classList.remove('is-valid', 'is-invalid');\r\n                });\r\n                stateSelect.selectedIndex = 0;\r\n            } else if (data.result === 'duplicate') {\r\n                showError('\u26a0\ufe0f \u0647\u0630\u0627 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0645\u0633\u062c\u0644 \u0628\u0627\u0644\u0641\u0639\u0644.');\r\n            } else {\r\n                showError(data.message || '\u062d\u062f\u062b \u062e\u0637\u0623 \u063a\u064a\u0631 \u0645\u062a\u0648\u0642\u0639. \u062d\u0627\u0648\u0644 \u0645\u062c\u062f\u062f\u0627\u064b.');\r\n            }\r\n        } catch (err) {\r\n            clearTimeout(timeoutId);\r\n            if (err.name === 'AbortError') {\r\n                showError('\u23f1\ufe0f \u0627\u0633\u062a\u063a\u0631\u0642 \u0627\u0644\u0637\u0644\u0628 \u0648\u0642\u062a\u0627\u064b \u0637\u0648\u064a\u0644\u0627\u064b. \u062a\u0623\u0643\u062f \u0645\u0646 \u0627\u062a\u0635\u0627\u0644\u0643 \u0628\u0627\u0644\u0625\u0646\u062a\u0631\u0646\u062a.');\r\n            } else {\r\n                console.error('Fetch error:', err);\r\n                showError('\u26a0\ufe0f \u062a\u0639\u0630\u0631 \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0628\u0627\u0644\u062e\u0627\u062f\u0645. \u064a\u0631\u062c\u0649 \u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0629 \u0644\u0627\u062d\u0642\u0627\u064b.');\r\n            }\r\n        } finally {\r\n            setLoading(false);\r\n        }\r\n    });\r\n});\r\n<\/script>\r\n\r\n<\/div>\n\t\t\t\t\t\t<\/div>\n\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":{"footnotes":""},"class_list":["post-26129","page","type-page","status-publish","hentry"],"mb":[],"jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":19999,"url":"https:\/\/jobsdz.com\/register\/","url_meta":{"origin":26129,"position":0},"title":"Register","author":"Admin","date":"\u0623\u063a\u0633\u0637\u0633 21, 2025","format":false,"excerpt":"","rel":"","context":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","block_context":{"text":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":21955,"url":"https:\/\/jobsdz.com\/fr\/insciption\/","url_meta":{"origin":26129,"position":1},"title":"Insciption","author":"Admin","date":"\u0623\u063a\u0633\u0637\u0633 21, 2025","format":false,"excerpt":"","rel":"","context":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","block_context":{"text":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":22078,"url":"https:\/\/jobsdz.com\/ar\/blogs\/","url_meta":{"origin":26129,"position":2},"title":"\u0645\u062f\u0648\u0646\u062a\u0646\u0627","author":"Admin","date":"\u064a\u0648\u0644\u064a\u0648 4, 2026","format":false,"excerpt":"","rel":"","context":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","block_context":{"text":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":19797,"url":"https:\/\/jobsdz.com\/ar\/enter\/","url_meta":{"origin":26129,"position":3},"title":"\u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0627\u0644\u0623\u0648\u0644\u0649 \u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631 &#8211; JobsDZ","author":"Admin","date":"\u0623\u063a\u0633\u0637\u0633 19, 2025","format":false,"excerpt":"","rel":"","context":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","block_context":{"text":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":21689,"url":"https:\/\/jobsdz.com\/fr\/jobs\/","url_meta":{"origin":26129,"position":4},"title":"Emplois","author":"Admin","date":"\u064a\u0648\u0646\u064a\u0648 18, 2025","format":false,"excerpt":"Keywords Location Remote positions only Category Any category Health and care Technology and IT Filter by tag: Freelance Full Time Internship Part Time Temporary Your browser does not support JavaScript, or it is disabled. JavaScript must be enabled in order to view listings. Load more listings Add Alert Keyword Send\u2026","rel":"","context":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","block_context":{"text":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":21953,"url":"https:\/\/jobsdz.com\/ar\/%d8%aa%d8%b3%d8%ac%d9%8a%d9%84\/","url_meta":{"origin":26129,"position":5},"title":"\u062a\u0633\u062c\u064a\u0644","author":"Admin","date":"\u0623\u063a\u0633\u0637\u0633 21, 2025","format":false,"excerpt":"","rel":"","context":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","block_context":{"text":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"mfb_rest_fields":["title","jetpack_sharing_enabled","jetpack-related-posts","gutenberg_elementor_mode"],"_links":{"self":[{"href":"https:\/\/jobsdz.com\/ar\/wp-json\/wp\/v2\/pages\/26129","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jobsdz.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jobsdz.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jobsdz.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jobsdz.com\/ar\/wp-json\/wp\/v2\/comments?post=26129"}],"version-history":[{"count":3,"href":"https:\/\/jobsdz.com\/ar\/wp-json\/wp\/v2\/pages\/26129\/revisions"}],"predecessor-version":[{"id":26133,"href":"https:\/\/jobsdz.com\/ar\/wp-json\/wp\/v2\/pages\/26129\/revisions\/26133"}],"wp:attachment":[{"href":"https:\/\/jobsdz.com\/ar\/wp-json\/wp\/v2\/media?parent=26129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}