Al\u0103tur\u0103-te Mi\u0219c\u0103rii<\/title>\n\n <script src=\"https:\/\/www.google.com\/recaptcha\/api.js?render=6Ld6eL0sAAAAAGR8TSHjnclRiLFFIZU3iLS5RlCc\"><\/script>\n\n <style>\n \/* --- STILIZARE --- *\/\n #miscare-form { max-width: 680px; margin: 40px auto; font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif; color: #1a1a1a; line-height: 1.5; }\n .mf-header { text-align: center; margin-bottom: 32px; padding: 0 20px; }\n .mf-ornament { display: flex; align-items: center; justify-content: center; gap: 12px; margin-bottom: 16px; }\n .mf-ornament-line { flex: 1; max-width: 80px; height: 1px; background: #B8860B; }\n .mf-diamond { width: 8px; height: 8px; background: #B8860B; transform: rotate(45deg); }\n .mf-title { font-size: 26px; font-weight: 700; margin: 0 0 12px; }\n .mf-subtitle { font-size: 15px; color: #666; }\n\n .mf-card { background: #fff; border: 1px solid rgba(0,0,0,0.1); border-radius: 16px; padding: 40px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); position: relative; }\n .mf-section { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #999; border-bottom: 1px solid #eee; padding-bottom: 8px; margin-bottom: 24px; }\n \n .mf-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }\n .mf-field { display: flex; flex-direction: column; gap: 8px; margin-bottom: 15px; }\n .mf-field label { font-size: 14px; font-weight: 600; }\n .mf-req { color: #B8860B; }\n .mf-field input { padding: 12px; border: 1px solid #ddd; border-radius: 8px; font-size: 15px; outline: none; transition: 0.2s; }\n .mf-field input:focus { border-color: #B8860B; box-shadow: 0 0 0 3px rgba(184,134,11,0.1); }\n \n .mf-error-msg, .mf-error-implicare { color: #d32f2f; font-size: 12px; margin-top: 4px; display: none; }\n .field-error input { border-color: #d32f2f; background-color: #fff8f8; }\n .field-error .mf-error-msg { display: block; }\n\n \/* Options \/ Radio Buttons *\/\n .mf-options { display: flex; flex-direction: column; gap: 12px; margin-top: 16px; }\n .mf-opt { display: flex; align-items: flex-start; gap: 16px; padding: 16px; border: 1px solid #eee; border-radius: 10px; cursor: pointer; transition: 0.2s; position: relative; }\n .mf-opt input { position: absolute; opacity: 0; }\n .mf-opt:hover { background: #fafafa; border-color: #B8860B; }\n .mf-opt.selected { background: #FFFBF0; border-color: #B8860B; }\n \n .mf-radio { width: 20px; height: 20px; border: 2px solid #ccc; border-radius: 50%; margin-top: 2px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n .mf-opt.selected .mf-radio { border-color: #B8860B; }\n .mf-radio-dot { width: 10px; height: 10px; background: #B8860B; border-radius: 50%; display: none; }\n .mf-opt.selected .mf-radio-dot { display: block; }\n .mf-opt-title { display: block; font-weight: 700; font-size: 15px; margin-bottom: 4px; }\n .mf-opt-desc { display: block; font-size: 13px; color: #666; line-height: 1.4; }\n\n \/* Checkbox Newsletter (Reparat) *\/\n .mf-newsletter { display: flex; gap: 16px; margin-top: 32px; padding: 20px; background: #f9f9f9; border-radius: 10px; cursor: pointer; transition: 0.2s; }\n .mf-newsletter:hover { background: #f0f0f0; }\n .mf-checkbox { width: 22px; height: 22px; border: 2px solid #ccc; border-radius: 6px; background: #fff; flex-shrink: 0; display: flex; align-items: center; justify-content: center; transition: 0.2s; }\n .mf-newsletter.checked .mf-checkbox { background: #B8860B; border-color: #B8860B; }\n .mf-checkmark { width: 14px; display: none; }\n .mf-newsletter.checked .mf-checkmark { display: block; }\n .mf-nl-text { font-size: 13px; color: #444; }\n .mf-nl-text strong { display: block; color: #1a1a1a; margin-bottom: 2px; }\n\n \/* Submit *\/\n .mf-submit-wrap { margin-top: 32px; text-align: center; }\n .mf-btn { background: #B8860B; color: #fff; border: none; padding: 16px 40px; font-size: 16px; font-weight: 700; border-radius: 8px; cursor: pointer; width: 100%; transition: 0.2s; }\n .mf-btn:hover { background: #966d08; }\n .mf-btn:disabled { background: #ccc; cursor: not-allowed; }\n .mf-privacy { display: block; margin-top: 16px; font-size: 12px; color: #999; }\n\n \/* Success *\/\n .mf-success { display: none; text-align: center; padding: 40px 0; }\n .mf-success-icon { width: 64px; height: 64px; background: #27ae60; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 24px; }\n \n @media (max-width: 580px) { .mf-grid2 { grid-template-columns: 1fr; } }\n <\/style>\n<\/head>\n<body>\n\n<div id=\"miscare-form\">\n <div class=\"mf-header\">\n <div class=\"mf-ornament\">\n <span class=\"mf-ornament-line\"><\/span>\n <span class=\"mf-diamond\"><\/span>\n <span class=\"mf-ornament-line\"><\/span>\n <\/div>\n <h2 class=\"mf-title\">Al\u0103tur\u0103-te Mi\u0219c\u0103rii<\/h2>\n <span class=\"mf-subtitle\">Completeaz\u0103 formularul de mai jos pentru a te implica \u00een activit\u0103\u021bile noastre sau pentru a ne sus\u021bine misiunea.<\/span>\n <\/div>\n\n <div class=\"mf-card\">\n <div id=\"mf-content\">\n <div class=\"mf-section\">Date personale<\/div>\n <div class=\"mf-grid2\">\n <div class=\"mf-field\" id=\"mf-field-nume\">\n <label for=\"mf-input-nume\">Nume <span class=\"mf-req\">*<\/span><\/label>\n <input type=\"text\" id=\"mf-input-nume\" placeholder=\"ex. Popescu\">\n <span class=\"mf-error-msg\">C\u00e2mpul este obligatoriu<\/span>\n <\/div>\n <div class=\"mf-field\" id=\"mf-field-prenume\">\n <label for=\"mf-input-prenume\">Prenume <span class=\"mf-req\">*<\/span><\/label>\n <input type=\"text\" id=\"mf-input-prenume\" placeholder=\"ex. Ion\">\n <span class=\"mf-error-msg\">C\u00e2mpul este obligatoriu<\/span>\n <\/div>\n <\/div>\n\n <div class=\"mf-grid2\">\n <div class=\"mf-field\" id=\"mf-field-varsta\">\n <label for=\"mf-input-varsta\">V\u00e2rst\u0103 <span class=\"mf-req\">*<\/span><\/label>\n <input type=\"number\" id=\"mf-input-varsta\" placeholder=\"ex. 34\" min=\"16\" max=\"100\">\n <span class=\"mf-error-msg\">Introduce\u021bi o v\u00e2rst\u0103 valid\u0103 (16\u2013100)<\/span>\n <\/div>\n <div class=\"mf-field\" id=\"mf-field-localitate\">\n <label for=\"mf-input-localitate\">Localitate <span class=\"mf-req\">*<\/span><\/label>\n <input type=\"text\" id=\"mf-input-localitate\" placeholder=\"ex. Chi\u0219in\u0103u\">\n <span class=\"mf-error-msg\">C\u00e2mpul este obligatoriu<\/span>\n <\/div>\n <\/div>\n\n <div class=\"mf-section\" style=\"margin-top:32px!important\">Contact<\/div>\n <div class=\"mf-grid2\">\n <div class=\"mf-field\" id=\"mf-field-email\">\n <label for=\"mf-input-email\">Adres\u0103 email <span class=\"mf-req\">*<\/span><\/label>\n <input type=\"email\" id=\"mf-input-email\" placeholder=\"ex. ion@email.md\">\n <span class=\"mf-error-msg\">Introduce\u021bi o adres\u0103 de email valid\u0103<\/span>\n <\/div>\n <div class=\"mf-field\">\n <label for=\"mf-input-telefon\">Telefon<\/label>\n <input type=\"tel\" id=\"mf-input-telefon\" placeholder=\"ex. 06x xxx xxx\">\n <\/div>\n <\/div>\n\n <div class=\"mf-section\" style=\"margin-top:32px!important\">Mod de implicare <span class=\"mf-req\">*<\/span><\/div>\n <div class=\"mf-options\">\n <label class=\"mf-opt\" id=\"mf-opt-activ\" onclick=\"mfSelect('activ')\">\n <div class=\"mf-radio\"><span class=\"mf-radio-dot\"><\/span><\/div>\n <div class=\"mf-opt-body\">\n <span class=\"mf-opt-title\">Membru activ<\/span>\n <span class=\"mf-opt-desc\">Implicare direct\u0103 \u00een activit\u0103\u021bile Mi\u0219c\u0103rii.<\/span>\n <\/div>\n <\/label>\n <label class=\"mf-opt\" id=\"mf-opt-expert\" onclick=\"mfSelect('expert')\">\n <div class=\"mf-radio\"><span class=\"mf-radio-dot\"><\/span><\/div>\n <div class=\"mf-opt-body\">\n <span class=\"mf-opt-title\">Expert asociat<\/span>\n <span class=\"mf-opt-desc\">Consultan\u021b\u0103 bazat\u0103 pe expertiza profesional\u0103.<\/span>\n <\/div>\n <\/label>\n <label class=\"mf-opt\" id=\"mf-opt-simpatizant\" onclick=\"mfSelect('simpatizant')\">\n <div class=\"mf-radio\"><span class=\"mf-radio-dot\"><\/span><\/div>\n <div class=\"mf-opt-body\">\n <span class=\"mf-opt-title\">Simpatizant<\/span>\n <span class=\"mf-opt-desc\">Sus\u021bine\u021bi obiectivele f\u0103r\u0103 implicare direct\u0103.<\/span>\n <\/div>\n <\/label>\n <\/div>\n <span class=\"mf-error-implicare\" id=\"mf-error-implicare\">V\u0103 rug\u0103m s\u0103 selecta\u021bi un mod de implicare<\/span>\n\n <div class=\"mf-newsletter\" id=\"mf-newsletter-wrap\" onclick=\"mfToggleNL()\">\n <input type=\"checkbox\" id=\"mf-input-nl\" style=\"display:none\">\n <div class=\"mf-checkbox\">\n <svg class=\"mf-checkmark\" viewBox=\"0 0 12 12\" fill=\"none\">\n <polyline points=\"1.5,6 4.5,9.5 10.5,2.5\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <div class=\"mf-nl-text\">\n <strong>Abonare la nout\u0103\u021bi<\/strong>\n Doresc s\u0103 primesc nout\u0103\u021bi \u0219i actualiz\u0103ri din partea Mi\u0219c\u0103rii pe adresa mea de email.\n <\/div>\n <\/div>\n\n <input type=\"text\" id=\"website\" style=\"display:none!important\" tabindex=\"-1\">\n\n <div class=\"mf-submit-wrap\">\n <button type=\"button\" class=\"mf-btn\" id=\"mf-submit-btn\" onclick=\"mfSubmit()\">Trimite cererea<\/button>\n <span class=\"mf-privacy\">Datele dumneavoastr\u0103 sunt protejate conform <strong>GDPR<\/strong> \u0219i nu vor fi partajate cu ter\u021bi.<\/span>\n <\/div>\n <\/div>\n\n <div class=\"mf-success\" id=\"mf-success\">\n <div class=\"mf-success-icon\">\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\"><polyline points=\"5,14 11,20 23,8\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <\/div>\n <h2>V\u0103 mul\u021bumim!<\/h2>\n <p>Cererea dumneavoastr\u0103 a fost \u00eenregistrat\u0103 cu succes.<br>V\u0103 vom contacta \u00een cel mai scurt timp.<\/p>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n let selectedImplicare = \"\";\n let nlChecked = false;\n\n \/\/ Func\u021bie Radio\n function mfSelect(val) {\n selectedImplicare = val;\n document.querySelectorAll('.mf-opt').forEach(el => el.classList.remove('selected'));\n document.getElementById('mf-opt-' + val).classList.add('selected');\n document.getElementById('mf-error-implicare').style.display = 'none';\n }\n\n \/\/ Func\u021bie Checkbox (Reparat\u0103)\n function mfToggleNL() {\n nlChecked = !nlChecked;\n const checkbox = document.getElementById('mf-input-nl');\n const wrap = document.getElementById('mf-newsletter-wrap');\n checkbox.checked = nlChecked;\n \n if(nlChecked) wrap.classList.add('checked');\n else wrap.classList.remove('checked');\n }\n\n \/\/ Func\u021bie Submit\n async function mfSubmit() {\n const btn = document.getElementById('mf-submit-btn');\n const fields = ['nume', 'prenume', 'varsta', 'localitate', 'email'];\n let hasError = false;\n\n \/\/ Reset erori vizuale\n fields.forEach(f => document.getElementById('mf-field-' + f).classList.remove('field-error'));\n document.getElementById('mf-error-implicare').style.display = 'none';\n\n \/\/ Validare c\u00e2mpuri obligatorii\n fields.forEach(f => {\n const input = document.getElementById('mf-input-' + f);\n if (!input.value.trim()) {\n document.getElementById('mf-field-' + f).classList.add('field-error');\n hasError = true;\n }\n });\n\n if (!selectedImplicare) {\n document.getElementById('mf-error-implicare').style.display = 'block';\n hasError = true;\n }\n\n if (hasError) return;\n\n \/\/ Start proces trimitere\n btn.disabled = true;\n btn.textContent = \"Se trimite...\";\n\n try {\n const token = await grecaptcha.execute(\"6Ld6eL0sAAAAAGR8TSHjnclRiLFFIZU3iLS5RlCc\", { action: \"submit\" });\n const dataAcum = new Date().toLocaleDateString('ro-RO');\n\n const payload = {\n camp1: dataAcum,\n camp2: document.getElementById(\"mf-input-nume\").value,\n camp3: document.getElementById(\"mf-input-prenume\").value,\n camp4: document.getElementById(\"mf-input-varsta\").value,\n camp5: document.getElementById(\"mf-input-localitate\").value,\n camp6: document.getElementById(\"mf-input-email\").value,\n camp7: document.getElementById(\"mf-input-telefon\").value,\n camp8: selectedImplicare,\n camp9: nlChecked ? \"DA\" : \"NU\",\n website: document.getElementById(\"website\").value,\n recaptcha: token\n };\n\n const response = await fetch(\"https:\/\/civic.itconsulting.md\/proxy.php\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application\/json\" },\n body: JSON.stringify(payload)\n });\n\n const result = await response.json();\n\n if (result.status === \"success\") {\n document.getElementById('mf-content').style.display = 'none';\n document.getElementById('mf-success').style.display = 'block';\n window.scrollTo({ top: document.getElementById('miscare-form').offsetTop - 50, behavior: 'smooth' });\n } else {\n alert(\"Eroare de la server: \" + (result.message || \"Necunoscut\u0103\"));\n btn.disabled = false;\n btn.textContent = \"Trimite cererea\";\n }\n\n } catch (err) {\n alert(\"Eroare de re\u021bea. Verifica\u021bi conexiunea.\");\n btn.disabled = false;\n btn.textContent = \"Trimite cererea\";\n }\n }\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Al\u0103tur\u0103-te Mi\u0219c\u0103rii Al\u0103tur\u0103-te Mi\u0219c\u0103rii Completeaz\u0103 formularul de mai jos pentru a te implica \u00een activit\u0103\u021bile noastre sau pentru a ne sus\u021bine misiunea. Date personale Nume * C\u00e2mpul este obligatoriu Prenume * C\u00e2mpul este obligatoriu V\u00e2rst\u0103 * Introduce\u021bi o v\u00e2rst\u0103 valid\u0103 (16\u2013100) Localitate * C\u00e2mpul este obligatoriu Contact Adres\u0103 email * Introduce\u021bi o adres\u0103 de email… <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"on","footnotes":""},"class_list":["post-30","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/civic.itconsulting.md\/index.php?rest_route=\/wp\/v2\/pages\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/civic.itconsulting.md\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/civic.itconsulting.md\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/civic.itconsulting.md\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/civic.itconsulting.md\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=30"}],"version-history":[{"count":42,"href":"https:\/\/civic.itconsulting.md\/index.php?rest_route=\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":280,"href":"https:\/\/civic.itconsulting.md\/index.php?rest_route=\/wp\/v2\/pages\/30\/revisions\/280"}],"wp:attachment":[{"href":"https:\/\/civic.itconsulting.md\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":30,"date":"2026-04-15T15:59:23","date_gmt":"2026-04-15T15:59:23","guid":{"rendered":"https:\/\/civic.itconsulting.md\/?page_id=30"},"modified":"2026-04-23T12:32:26","modified_gmt":"2026-04-23T12:32:26","slug":"implica-te","status":"publish","type":"page","link":"https:\/\/civic.itconsulting.md\/?page_id=30","title":{"rendered":"Implic\u0103-te"},"content":{"rendered":"\n

<\/p>\n\n\n\n\n\n\n \n \n Al\u0103tur\u0103-te Mi\u0219c\u0103rii<\/title>\n\n <script src=\"https:\/\/www.google.com\/recaptcha\/api.js?render=6Ld6eL0sAAAAAGR8TSHjnclRiLFFIZU3iLS5RlCc\"><\/script>\n\n <style>\n \/* --- STILIZARE --- *\/\n #miscare-form { max-width: 680px; margin: 40px auto; font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif; color: #1a1a1a; line-height: 1.5; }\n .mf-header { text-align: center; margin-bottom: 32px; padding: 0 20px; }\n .mf-ornament { display: flex; align-items: center; justify-content: center; gap: 12px; margin-bottom: 16px; }\n .mf-ornament-line { flex: 1; max-width: 80px; height: 1px; background: #B8860B; }\n .mf-diamond { width: 8px; height: 8px; background: #B8860B; transform: rotate(45deg); }\n .mf-title { font-size: 26px; font-weight: 700; margin: 0 0 12px; }\n .mf-subtitle { font-size: 15px; color: #666; }\n\n .mf-card { background: #fff; border: 1px solid rgba(0,0,0,0.1); border-radius: 16px; padding: 40px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); position: relative; }\n .mf-section { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #999; border-bottom: 1px solid #eee; padding-bottom: 8px; margin-bottom: 24px; }\n \n .mf-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }\n .mf-field { display: flex; flex-direction: column; gap: 8px; margin-bottom: 15px; }\n .mf-field label { font-size: 14px; font-weight: 600; }\n .mf-req { color: #B8860B; }\n .mf-field input { padding: 12px; border: 1px solid #ddd; border-radius: 8px; font-size: 15px; outline: none; transition: 0.2s; }\n .mf-field input:focus { border-color: #B8860B; box-shadow: 0 0 0 3px rgba(184,134,11,0.1); }\n \n .mf-error-msg, .mf-error-implicare { color: #d32f2f; font-size: 12px; margin-top: 4px; display: none; }\n .field-error input { border-color: #d32f2f; background-color: #fff8f8; }\n .field-error .mf-error-msg { display: block; }\n\n \/* Options \/ Radio Buttons *\/\n .mf-options { display: flex; flex-direction: column; gap: 12px; margin-top: 16px; }\n .mf-opt { display: flex; align-items: flex-start; gap: 16px; padding: 16px; border: 1px solid #eee; border-radius: 10px; cursor: pointer; transition: 0.2s; position: relative; }\n .mf-opt input { position: absolute; opacity: 0; }\n .mf-opt:hover { background: #fafafa; border-color: #B8860B; }\n .mf-opt.selected { background: #FFFBF0; border-color: #B8860B; }\n \n .mf-radio { width: 20px; height: 20px; border: 2px solid #ccc; border-radius: 50%; margin-top: 2px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n .mf-opt.selected .mf-radio { border-color: #B8860B; }\n .mf-radio-dot { width: 10px; height: 10px; background: #B8860B; border-radius: 50%; display: none; }\n .mf-opt.selected .mf-radio-dot { display: block; }\n .mf-opt-title { display: block; font-weight: 700; font-size: 15px; margin-bottom: 4px; }\n .mf-opt-desc { display: block; font-size: 13px; color: #666; line-height: 1.4; }\n\n \/* Checkbox Newsletter (Reparat) *\/\n .mf-newsletter { display: flex; gap: 16px; margin-top: 32px; padding: 20px; background: #f9f9f9; border-radius: 10px; cursor: pointer; transition: 0.2s; }\n .mf-newsletter:hover { background: #f0f0f0; }\n .mf-checkbox { width: 22px; height: 22px; border: 2px solid #ccc; border-radius: 6px; background: #fff; flex-shrink: 0; display: flex; align-items: center; justify-content: center; transition: 0.2s; }\n .mf-newsletter.checked .mf-checkbox { background: #B8860B; border-color: #B8860B; }\n .mf-checkmark { width: 14px; display: none; }\n .mf-newsletter.checked .mf-checkmark { display: block; }\n .mf-nl-text { font-size: 13px; color: #444; }\n .mf-nl-text strong { display: block; color: #1a1a1a; margin-bottom: 2px; }\n\n \/* Submit *\/\n .mf-submit-wrap { margin-top: 32px; text-align: center; }\n .mf-btn { background: #B8860B; color: #fff; border: none; padding: 16px 40px; font-size: 16px; font-weight: 700; border-radius: 8px; cursor: pointer; width: 100%; transition: 0.2s; }\n .mf-btn:hover { background: #966d08; }\n .mf-btn:disabled { background: #ccc; cursor: not-allowed; }\n .mf-privacy { display: block; margin-top: 16px; font-size: 12px; color: #999; }\n\n \/* Success *\/\n .mf-success { display: none; text-align: center; padding: 40px 0; }\n .mf-success-icon { width: 64px; height: 64px; background: #27ae60; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 24px; }\n \n @media (max-width: 580px) { .mf-grid2 { grid-template-columns: 1fr; } }\n <\/style>\n<\/head>\n<body>\n\n<div id=\"miscare-form\">\n <div class=\"mf-header\">\n <div class=\"mf-ornament\">\n <span class=\"mf-ornament-line\"><\/span>\n <span class=\"mf-diamond\"><\/span>\n <span class=\"mf-ornament-line\"><\/span>\n <\/div>\n <h2 class=\"mf-title\">Al\u0103tur\u0103-te Mi\u0219c\u0103rii<\/h2>\n <span class=\"mf-subtitle\">Completeaz\u0103 formularul de mai jos pentru a te implica \u00een activit\u0103\u021bile noastre sau pentru a ne sus\u021bine misiunea.<\/span>\n <\/div>\n\n <div class=\"mf-card\">\n <div id=\"mf-content\">\n <div class=\"mf-section\">Date personale<\/div>\n <div class=\"mf-grid2\">\n <div class=\"mf-field\" id=\"mf-field-nume\">\n <label for=\"mf-input-nume\">Nume <span class=\"mf-req\">*<\/span><\/label>\n <input type=\"text\" id=\"mf-input-nume\" placeholder=\"ex. Popescu\">\n <span class=\"mf-error-msg\">C\u00e2mpul este obligatoriu<\/span>\n <\/div>\n <div class=\"mf-field\" id=\"mf-field-prenume\">\n <label for=\"mf-input-prenume\">Prenume <span class=\"mf-req\">*<\/span><\/label>\n <input type=\"text\" id=\"mf-input-prenume\" placeholder=\"ex. Ion\">\n <span class=\"mf-error-msg\">C\u00e2mpul este obligatoriu<\/span>\n <\/div>\n <\/div>\n\n <div class=\"mf-grid2\">\n <div class=\"mf-field\" id=\"mf-field-varsta\">\n <label for=\"mf-input-varsta\">V\u00e2rst\u0103 <span class=\"mf-req\">*<\/span><\/label>\n <input type=\"number\" id=\"mf-input-varsta\" placeholder=\"ex. 34\" min=\"16\" max=\"100\">\n <span class=\"mf-error-msg\">Introduce\u021bi o v\u00e2rst\u0103 valid\u0103 (16\u2013100)<\/span>\n <\/div>\n <div class=\"mf-field\" id=\"mf-field-localitate\">\n <label for=\"mf-input-localitate\">Localitate <span class=\"mf-req\">*<\/span><\/label>\n <input type=\"text\" id=\"mf-input-localitate\" placeholder=\"ex. Chi\u0219in\u0103u\">\n <span class=\"mf-error-msg\">C\u00e2mpul este obligatoriu<\/span>\n <\/div>\n <\/div>\n\n <div class=\"mf-section\" style=\"margin-top:32px!important\">Contact<\/div>\n <div class=\"mf-grid2\">\n <div class=\"mf-field\" id=\"mf-field-email\">\n <label for=\"mf-input-email\">Adres\u0103 email <span class=\"mf-req\">*<\/span><\/label>\n <input type=\"email\" id=\"mf-input-email\" placeholder=\"ex. ion@email.md\">\n <span class=\"mf-error-msg\">Introduce\u021bi o adres\u0103 de email valid\u0103<\/span>\n <\/div>\n <div class=\"mf-field\">\n <label for=\"mf-input-telefon\">Telefon<\/label>\n <input type=\"tel\" id=\"mf-input-telefon\" placeholder=\"ex. 06x xxx xxx\">\n <\/div>\n <\/div>\n\n <div class=\"mf-section\" style=\"margin-top:32px!important\">Mod de implicare <span class=\"mf-req\">*<\/span><\/div>\n <div class=\"mf-options\">\n <label class=\"mf-opt\" id=\"mf-opt-activ\" onclick=\"mfSelect('activ')\">\n <div class=\"mf-radio\"><span class=\"mf-radio-dot\"><\/span><\/div>\n <div class=\"mf-opt-body\">\n <span class=\"mf-opt-title\">Membru activ<\/span>\n <span class=\"mf-opt-desc\">Implicare direct\u0103 \u00een activit\u0103\u021bile Mi\u0219c\u0103rii.<\/span>\n <\/div>\n <\/label>\n <label class=\"mf-opt\" id=\"mf-opt-expert\" onclick=\"mfSelect('expert')\">\n <div class=\"mf-radio\"><span class=\"mf-radio-dot\"><\/span><\/div>\n <div class=\"mf-opt-body\">\n <span class=\"mf-opt-title\">Expert asociat<\/span>\n <span class=\"mf-opt-desc\">Consultan\u021b\u0103 bazat\u0103 pe expertiza profesional\u0103.<\/span>\n <\/div>\n <\/label>\n <label class=\"mf-opt\" id=\"mf-opt-simpatizant\" onclick=\"mfSelect('simpatizant')\">\n <div class=\"mf-radio\"><span class=\"mf-radio-dot\"><\/span><\/div>\n <div class=\"mf-opt-body\">\n <span class=\"mf-opt-title\">Simpatizant<\/span>\n <span class=\"mf-opt-desc\">Sus\u021bine\u021bi obiectivele f\u0103r\u0103 implicare direct\u0103.<\/span>\n <\/div>\n <\/label>\n <\/div>\n <span class=\"mf-error-implicare\" id=\"mf-error-implicare\">V\u0103 rug\u0103m s\u0103 selecta\u021bi un mod de implicare<\/span>\n\n <div class=\"mf-newsletter\" id=\"mf-newsletter-wrap\" onclick=\"mfToggleNL()\">\n <input type=\"checkbox\" id=\"mf-input-nl\" style=\"display:none\">\n <div class=\"mf-checkbox\">\n <svg class=\"mf-checkmark\" viewBox=\"0 0 12 12\" fill=\"none\">\n <polyline points=\"1.5,6 4.5,9.5 10.5,2.5\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <div class=\"mf-nl-text\">\n <strong>Abonare la nout\u0103\u021bi<\/strong>\n Doresc s\u0103 primesc nout\u0103\u021bi \u0219i actualiz\u0103ri din partea Mi\u0219c\u0103rii pe adresa mea de email.\n <\/div>\n <\/div>\n\n <input type=\"text\" id=\"website\" style=\"display:none!important\" tabindex=\"-1\">\n\n <div class=\"mf-submit-wrap\">\n <button type=\"button\" class=\"mf-btn\" id=\"mf-submit-btn\" onclick=\"mfSubmit()\">Trimite cererea<\/button>\n <span class=\"mf-privacy\">Datele dumneavoastr\u0103 sunt protejate conform <strong>GDPR<\/strong> \u0219i nu vor fi partajate cu ter\u021bi.<\/span>\n <\/div>\n <\/div>\n\n <div class=\"mf-success\" id=\"mf-success\">\n <div class=\"mf-success-icon\">\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\"><polyline points=\"5,14 11,20 23,8\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <\/div>\n <h2>V\u0103 mul\u021bumim!<\/h2>\n <p>Cererea dumneavoastr\u0103 a fost \u00eenregistrat\u0103 cu succes.<br>V\u0103 vom contacta \u00een cel mai scurt timp.<\/p>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n let selectedImplicare = \"\";\n let nlChecked = false;\n\n \/\/ Func\u021bie Radio\n function mfSelect(val) {\n selectedImplicare = val;\n document.querySelectorAll('.mf-opt').forEach(el => el.classList.remove('selected'));\n document.getElementById('mf-opt-' + val).classList.add('selected');\n document.getElementById('mf-error-implicare').style.display = 'none';\n }\n\n \/\/ Func\u021bie Checkbox (Reparat\u0103)\n function mfToggleNL() {\n nlChecked = !nlChecked;\n const checkbox = document.getElementById('mf-input-nl');\n const wrap = document.getElementById('mf-newsletter-wrap');\n checkbox.checked = nlChecked;\n \n if(nlChecked) wrap.classList.add('checked');\n else wrap.classList.remove('checked');\n }\n\n \/\/ Func\u021bie Submit\n async function mfSubmit() {\n const btn = document.getElementById('mf-submit-btn');\n const fields = ['nume', 'prenume', 'varsta', 'localitate', 'email'];\n let hasError = false;\n\n \/\/ Reset erori vizuale\n fields.forEach(f => document.getElementById('mf-field-' + f).classList.remove('field-error'));\n document.getElementById('mf-error-implicare').style.display = 'none';\n\n \/\/ Validare c\u00e2mpuri obligatorii\n fields.forEach(f => {\n const input = document.getElementById('mf-input-' + f);\n if (!input.value.trim()) {\n document.getElementById('mf-field-' + f).classList.add('field-error');\n hasError = true;\n }\n });\n\n if (!selectedImplicare) {\n document.getElementById('mf-error-implicare').style.display = 'block';\n hasError = true;\n }\n\n if (hasError) return;\n\n \/\/ Start proces trimitere\n btn.disabled = true;\n btn.textContent = \"Se trimite...\";\n\n try {\n const token = await grecaptcha.execute(\"6Ld6eL0sAAAAAGR8TSHjnclRiLFFIZU3iLS5RlCc\", { action: \"submit\" });\n const dataAcum = new Date().toLocaleDateString('ro-RO');\n\n const payload = {\n camp1: dataAcum,\n camp2: document.getElementById(\"mf-input-nume\").value,\n camp3: document.getElementById(\"mf-input-prenume\").value,\n camp4: document.getElementById(\"mf-input-varsta\").value,\n camp5: document.getElementById(\"mf-input-localitate\").value,\n camp6: document.getElementById(\"mf-input-email\").value,\n camp7: document.getElementById(\"mf-input-telefon\").value,\n camp8: selectedImplicare,\n camp9: nlChecked ? \"DA\" : \"NU\",\n website: document.getElementById(\"website\").value,\n recaptcha: token\n };\n\n const response = await fetch(\"https:\/\/civic.itconsulting.md\/proxy.php\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application\/json\" },\n body: JSON.stringify(payload)\n });\n\n const result = await response.json();\n\n if (result.status === \"success\") {\n document.getElementById('mf-content').style.display = 'none';\n document.getElementById('mf-success').style.display = 'block';\n window.scrollTo({ top: document.getElementById('miscare-form').offsetTop - 50, behavior: 'smooth' });\n } else {\n alert(\"Eroare de la server: \" + (result.message || \"Necunoscut\u0103\"));\n btn.disabled = false;\n btn.textContent = \"Trimite cererea\";\n }\n\n } catch (err) {\n alert(\"Eroare de re\u021bea. Verifica\u021bi conexiunea.\");\n btn.disabled = false;\n btn.textContent = \"Trimite cererea\";\n }\n }\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Al\u0103tur\u0103-te Mi\u0219c\u0103rii Al\u0103tur\u0103-te Mi\u0219c\u0103rii Completeaz\u0103 formularul de mai jos pentru a te implica \u00een activit\u0103\u021bile noastre sau pentru a ne sus\u021bine misiunea. Date personale Nume * C\u00e2mpul este obligatoriu Prenume * C\u00e2mpul este obligatoriu V\u00e2rst\u0103 * Introduce\u021bi o v\u00e2rst\u0103 valid\u0103 (16\u2013100) Localitate * C\u00e2mpul este obligatoriu Contact Adres\u0103 email * Introduce\u021bi o adres\u0103 de email… <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"on","footnotes":""},"class_list":["post-30","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/civic.itconsulting.md\/index.php?rest_route=\/wp\/v2\/pages\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/civic.itconsulting.md\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/civic.itconsulting.md\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/civic.itconsulting.md\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/civic.itconsulting.md\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=30"}],"version-history":[{"count":42,"href":"https:\/\/civic.itconsulting.md\/index.php?rest_route=\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":280,"href":"https:\/\/civic.itconsulting.md\/index.php?rest_route=\/wp\/v2\/pages\/30\/revisions\/280"}],"wp:attachment":[{"href":"https:\/\/civic.itconsulting.md\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}