{"id":8961,"date":"2026-03-31T00:12:23","date_gmt":"2026-03-31T00:12:23","guid":{"rendered":"https:\/\/www.mediation-help.com\/?page_id=8961"},"modified":"2026-05-29T19:49:29","modified_gmt":"2026-05-29T19:49:29","slug":"translator-form","status":"publish","type":"page","link":"https:\/\/www.mediation-help.com\/en\/translator-form\/","title":{"rendered":"\u0410\u043d\u043a\u0435\u0442\u0430 \u043f\u0435\u0440\u0435\u043a\u043b\u0430\u0434\u0430\u0447\u0430"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8961\" class=\"elementor elementor-8961\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e4f19b9 e-flex e-con-boxed e-con e-parent\" data-id=\"e4f19b9\" 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-769e487 elementor-widget elementor-widget-heading\" data-id=\"769e487\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0406\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u044f \u043f\u0440\u043e \u043f\u0435\u0440\u0435\u043a\u043b\u0430\u0434\u0430\u0447\u0430<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7bc3ad8 e-flex e-con-boxed e-con e-parent\" data-id=\"7bc3ad8\" 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-b0c9900 elementor-widget elementor-widget-html\" data-id=\"b0c9900\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .form-container * { box-sizing: border-box; margin: 0; padding: 0; }\r\n  .form-container { width: 100%; }\r\n  .form-section { background: #fff; border-radius: 16px; padding: 32px; margin-bottom: 24px; }\r\n  .section-title { font-size: 24px; font-weight: 700; margin-bottom: 24px; color: #111; }\r\n  .section-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }\r\n  .section-grid-profile { display: grid; grid-template-columns: 350px auto; gap: 40px; }\r\n  @media (max-width: 768px) { .section-grid, .section-grid-profile { grid-template-columns: 1fr; } }\r\n  .form-group { margin-bottom: 20px; }\r\n  .form-label { display: block; font-size: 14px; font-weight: 600; margin-bottom: 8px; color: #333; }\r\n  .form-label .required { color: #e53935; margin-left: 2px; }\r\n  .form-hint { font-size: 13px; color: #666; margin-bottom: 8px; }\r\n  .form-input {\r\n    width: 100%; padding: 14px 16px; border: 1px solid #e0e0e0; border-radius: 8px;\r\n    font-size: 15px; transition: border-color 0.2s; background: #fafafa;\r\n  }\r\n  .profile-img-upload-container { display: flex; flex-direction: column; }\r\n  .form-input:focus { outline: none; border-color: #333; background: #fff; }\r\n  .form-input.error { border-color: #e53935; background-color: #fff5f5; }\r\n  .form-textarea.error { border-color: #e53935; background-color: #fff5f5; }\r\n  .form-input::placeholder { color: #999; }\r\n  .input-with-icon { position: relative; display: flex; align-items: center; }\r\n  .input-icon { position: absolute; left: 12px; width: 24px; height: 16px; display: flex; align-items: center; justify-content: center; font-size: 12px; }\r\n  .input-with-icon .form-input { padding-left: 48px; }\r\n  .flag-emoji { font-size: 18px; }\r\n  .dual-input { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\r\n  @media (max-width: 600px) { .dual-input { grid-template-columns: 1fr; } }\r\n  .checkbox-group, .radio-group { display: flex; flex-wrap: wrap; gap: 16px; }\r\n  .checkbox-item, .radio-item { display: flex; align-items: center; gap: 8px; cursor: pointer; }\r\n  input[type=\"checkbox\"], input[type=\"radio\"] { width: 16px; height: 16px; min-width: 16px; min-height: 16px; cursor: pointer; accent-color: #1a1a1a; flex-shrink: 0; }\r\n  .checkbox-item label, .radio-item label { font-size: 14px; cursor: pointer; }\r\n  .languages-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }\r\n  @media (max-width: 900px) { .languages-grid { grid-template-columns: repeat(3, 1fr); } }\r\n  @media (max-width: 600px) { .languages-grid { grid-template-columns: repeat(2, 1fr); } }\r\n  .language-item { display: flex; align-items: center; gap: 8px; }\r\n  .language-item .lang-flag { font-size: 18px; flex-shrink: 0; }\r\n  .upload-box {\r\n    overflow: clip;\r\n    background: #fff; border: 2px dashed #d0d0d0; border-radius: 12px; padding: 30px 20px;\r\n    text-align: center; transition: border-color 0.3s, background-color 0.3s; cursor: pointer;\r\n  }\r\n  .upload-box * { text-align: center; }\r\n  .upload-box:hover, .upload-box.dragover { border-color: #999; background-color: #fafafa; }\r\n  .upload-box.has-file { border-style: solid; border-color: #4caf50;}\r\n  .upload-box.error { border-color: #e53935; background-color: #fff5f5; }\r\n  #profilePhotoUpload {\r\n    height: 350px;\r\n    width: 350px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n  #profilePhotoUpload .upload-button { margin-top: auto; }\r\n  .upload-box.has-file{ padding: 0; }\r\n  .upload-box.has-file .example-photo { width: 100%; height: 100%; margin-bottom: 0; object-fit: cover; padding: 0; }\r\n  .upload-box.has-file .example-label {\r\n    position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%);\r\n    background: rgba(0,0,0,0.7); color: #fff; padding: 4px 12px; border-radius: 4px;\r\n    font-size: 12px; margin: 0; white-space: nowrap; max-width: 90%; overflow: hidden; text-overflow: ellipsis;\r\n  }\r\n  .upload-box.has-file .upload-title, .upload-box.has-file .upload-formats, .upload-box.has-file .upload-button { display: none; }\r\n  .upload-box.has-file { position: relative; }\r\n  .reset-photo-btn { display: none; background: #e53935; color: #fff; border: none; border-radius: 50px; padding: 10px 20px; font-size: 13px; cursor: pointer; margin-top: 12px; }\r\n  .reset-photo-btn:hover { background: #c62828; }\r\n  .upload-box.has-file + .reset-photo-btn { display: inline-block; align-self: center; }\r\n  .example-photo { width: 80px; height: 80px; object-fit: cover; margin-bottom: 8px; border-radius: 8px !important; }\r\n  .example-label { color: #999; font-size: 12px; margin-bottom: 12px; }\r\n  .upload-title { font-size: 14px; font-weight: 600; color: #222; margin-bottom: 4px; }\r\n  .upload-formats { color: #888; font-size: 12px; margin-bottom: 16px; }\r\n  .upload-button {\r\n    background-color: #1a1a1a; color: #fff; border: none; border-radius: 50px;\r\n    padding: 12px 24px; font-size: 14px; font-weight: 500; cursor: pointer; transition: background-color 0.2s;\r\n  }\r\n  .upload-button:hover { background-color: #333; }\r\n  .hidden-input { display: none; }\r\n  .location-list { border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; }\r\n  .location-list:empty { visibility: hidden; }\r\n  .location-item { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; border-bottom: 1px solid #e0e0e0; }\r\n  .location-item:last-child { border-bottom: none; }\r\n  .location-actions { display: flex; gap: 8px; }\r\n  .location-btn { background: none; border: none; cursor: pointer; font-size: 16px; color: #666; padding: 4px; }\r\n  .location-btn:hover { color: #333; }\r\n  .add-location-btn {\r\n    display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 20px;\r\n    border: none; border-radius: 8px; background: #1a1a1a; cursor: pointer;\r\n    font-size: 14px; color: #fff; transition: background-color 0.2s;\r\n  }\r\n  .add-location-btn:hover { background-color: #333; }\r\n  .location-input-row { display: flex; gap: 12px; margin-top: 12px; }\r\n  .location-input-row .form-input { flex: 1; }\r\n  .form-textarea {\r\n    width: 100%; min-height: 120px; padding: 14px 16px; border: 1px solid #e0e0e0;\r\n    border-radius: 8px; font-size: 14px; font-family: inherit; resize: vertical; background: #fafafa;\r\n  }\r\n  .form-textarea:focus { outline: none; border-color: #333; background: #fff; }\r\n  .form-select {\r\n    width: 100%; padding: 14px 16px; border: 1px solid #e0e0e0; border-radius: 8px;\r\n    font-size: 15px; background: #fafafa; cursor: pointer; appearance: none;\r\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'\/%3E%3C\/svg%3E\");\r\n    background-repeat: no-repeat; background-position: right 16px center;\r\n  }\r\n  .form-select:focus { outline: none; border-color: #333; }\r\n  .specialization-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }\r\n  @media (max-width: 768px) { .specialization-grid { grid-template-columns: repeat(2, 1fr); } }\r\n  .experience-grid { display: flex; flex-wrap: wrap; gap: 16px; }\r\n  .course-card { border: 1px solid #e0e0e0; border-radius: 12px; padding: 24px; margin-bottom: 20px; }\r\n  .course-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }\r\n  .course-title { font-size: 16px; font-weight: 600; }\r\n  .delete-btn {\r\n    display: flex; align-items: center; gap: 6px; padding: 8px 16px; border: 1px solid #e53935;\r\n    border-radius: 8px; background: none; color: #e53935; font-size: 14px; cursor: pointer; transition: background-color 0.2s;\r\n  }\r\n  .delete-btn:hover { background-color: #ffebee; }\r\n  .delete-btn:disabled { opacity: 0.5; cursor: not-allowed; }\r\n  .add-course-btn {\r\n    display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; padding: 16px;\r\n    border: 2px dashed #d0d0d0; border-radius: 12px; background: none; cursor: pointer;\r\n    font-size: 15px; color: #666; transition: border-color 0.2s, color 0.2s;\r\n  }\r\n  .add-course-btn:hover { border-color: #999; color: #333; }\r\n  .agreement-item { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 16px; }\r\n  .agreement-item input { margin-top: 4px; }\r\n  .agreement-item label { font-size: 14px; line-height: 1.5; }\r\n  .agreement-item a { color: #1a1a1a; text-decoration: underline; }\r\n  .submit-btn {\r\n    background-color: #1a1a1a; color: #fff; border: none; border-radius: 50px;\r\n    padding: 16px 32px; font-size: 16px; font-weight: 500; cursor: pointer; transition: background-color 0.2s; margin-top: 24px;\r\n  }\r\n  .submit-btn:hover { background-color: #333; }\r\n  .english-toggle { background: #f8f8f8; padding: 16px; border-radius: 8px; margin-bottom: 24px; }\r\n  .english-toggle-title { font-size: 15px; font-weight: 600; margin-bottom: 4px; }\r\n  .english-toggle-hint { font-size: 13px; color: #666; margin-bottom: 12px; }\r\n  .date-input { position: relative; }\r\n  .date-input .form-input { padding-left: 48px; }\r\n  .date-icon, .time-icon { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: #666; }\r\n  .mh-nonce-placeholder { display: none !important; }\r\n\r\n  \/* Popup\/Modal styles *\/\r\n  .popup-overlay {\r\n    position: fixed; top: 0; left: 0; width: 100%; height: 100%;\r\n    background: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center;\r\n    z-index: 1000; opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s;\r\n  }\r\n  .popup-overlay.active { opacity: 1; visibility: visible; }\r\n  .popup-content {\r\n    background: #fff; border-radius: 16px; padding: 32px; max-width: 500px; width: 90%;\r\n    box-shadow: 0 8px 32px rgba(0,0,0,0.2); transform: translateY(-20px); transition: transform 0.3s;\r\n  }\r\n  .delete-ethics img {\r\n    pointer-events: none !important;\r\n  }\r\n  .popup-overlay.active .popup-content { transform: translateY(0); }\r\n  .popup-title { font-size: 20px; font-weight: 700; margin-bottom: 16px; color: #111; text-align: center; }\r\n  .popup-text { font-size: 15px; line-height: 1.6; color: #333; margin-bottom: 24px; }\r\n  .popup-text ul { margin: 12px 0; padding-left: 20px; }\r\n  .popup-text li { margin-bottom: 8px; }\r\n  .popup-btn {\r\n    background-color: #1a1a1a; color: #fff; border: none; border-radius: 50px;\r\n    padding: 14px 28px; font-size: 15px; font-weight: 500; cursor: pointer;\r\n    transition: background-color 0.2s; display: block; width: 100%; text-align: center;\r\n  }\r\n  .popup-btn:hover { background-color: #333; }\r\n  .popup-icon { font-size: 48px; text-align: center; margin-bottom: 16px; }\r\n\r\n\/* Photo Cropper Styles *\/\r\n.cropper-container {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 350px;\r\n  background: #1a1a1a;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n  margin-bottom: 16px;\r\n  touch-action: none;\r\n}\r\n\r\n.cropper-container img {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  max-width: none;\r\n  cursor: grab;\r\n  user-select: none;\r\n  -webkit-user-drag: none;\r\n  pointer-events: auto;\r\n}\r\n\r\n.cropper-container img:active {\r\n  cursor: grabbing;\r\n}\r\n\r\n.uploaded-file-info {\r\n  padding: 28px 16px;\r\n  font-size: 14px;\r\n  color: #222;\r\n  word-break: break-word;\r\n}\r\n\r\n.crop-overlay {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  pointer-events: none;\r\n}\r\n\r\n.crop-area {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 350px;\r\n  height: 350px;\r\n  border: 3px solid #fff;\r\n  border-radius: 0;\r\n  box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.6);\r\n}\r\n\r\n.cropper-controls {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 12px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.cropper-btn {\r\n  width: 40px;\r\n  height: 40px;\r\n  border: 1px solid #e0e0e0;\r\n  border-radius: 8px;\r\n  background: #fff;\r\n  cursor: pointer;\r\n  font-size: 16px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: background-color 0.2s;\r\n}\r\n\r\n.cropper-btn:hover {\r\n  background: #f5f5f5;\r\n}\r\n\r\n.zoom-slider {\r\n  width: 150px;\r\n  height: 6px;\r\n  -webkit-appearance: none;\r\n  appearance: none;\r\n  background: #e0e0e0;\r\n  border-radius: 3px;\r\n  outline: none;\r\n  cursor: pointer;\r\n}\r\n\r\n.zoom-slider::-webkit-slider-thumb {\r\n  -webkit-appearance: none;\r\n  appearance: none;\r\n  width: 20px;\r\n  height: 20px;\r\n  background: #1a1a1a;\r\n  border-radius: 50%;\r\n  cursor: pointer;\r\n}\r\n\r\n.zoom-slider::-moz-range-thumb {\r\n  width: 20px;\r\n  height: 20px;\r\n  background: #1a1a1a;\r\n  border-radius: 50%;\r\n  cursor: pointer;\r\n  border: none;\r\n}\r\n\r\n.popup-buttons {\r\n  display: flex;\r\n  gap: 12px;\r\n}\r\n\r\n.popup-btn.secondary {\r\n  background: #fff;\r\n  color: #333;\r\n  border: 1px solid #e0e0e0;\r\n}\r\n\r\n.popup-btn.secondary:hover {\r\n  background: #f5f5f5;\r\n}\r\n\r\n.popup-buttons .popup-btn {\r\n  flex: 1;\r\n}\r\n\r\n.submit-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  border: none;\r\n  padding: 10px 16px;\r\n  width: 300px !important;\r\n  cursor: pointer;\r\n}\r\n\r\n.btn-icon {\r\n  height: 32px !important;\r\n  display: inline-block;\r\n}\r\n<\/style>\r\n\r\n<!-- Popup: Document Preparation Warning -->\r\n<div class=\"popup-overlay\" id=\"prepareDocsPopup\">\r\n  <div class=\"popup-content\">\r\n    <div class=\"popup-icon\">\ud83d\udccb<\/div>\r\n    <div class=\"popup-title\">\u041f\u0435\u0440\u0435\u0434 \u043f\u043e\u0447\u0430\u0442\u043a\u043e\u043c \u0437\u0430\u043f\u043e\u0432\u043d\u0435\u043d\u043d\u044f \u0430\u043d\u043a\u0435\u0442\u0438<\/div>\r\n    <div class=\"popup-text\">\r\n      \u041f\u0456\u0434\u0433\u043e\u0442\u0443\u0439\u0442\u0435, \u0431\u0443\u0434\u044c \u043b\u0430\u0441\u043a\u0430:\r\n      <ul>\r\n        <li>\u043f\u043e\u0440\u0442\u0440\u0435\u0442\u043d\u0435 \u0444\u043e\u0442\u043e \u0434\u043b\u044f \u043f\u0440\u043e\u0444\u0456\u043b\u044e.<\/li>\r\n        <li>\u0441\u043a\u0430\u043d \u0430\u0431\u043e \u0444\u043e\u0442\u043e \u0441\u0432\u0456\u0434\u043e\u0446\u0442\u0432\u0430 (\u0434\u0438\u043f\u043b\u043e\u043c\u0430) \u043f\u0440\u043e \u043a\u0432\u0430\u043b\u0456\u0444\u0456\u043a\u0430\u0446\u0456\u044e \u043f\u0435\u0440\u0435\u043a\u043b\u0430\u0434\u0430\u0447\u0430 \u0430\u0431\u043e \u0456\u043d\u0448\u043e\u0433\u043e \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430, \u0449\u043e \u043f\u0456\u0434\u0442\u0432\u0435\u0440\u0434\u0436\u0443\u0454 \u043f\u0440\u043e\u0444\u0435\u0441\u0456\u0439\u043d\u0435 \u0432\u043e\u043b\u043e\u0434\u0456\u043d\u043d\u044f \u0456\u043d\u043e\u0437\u0435\u043c\u043d\u043e\u044e \u043c\u043e\u0432\u043e\u044e;<\/li>\r\n        <li>! \u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0438 \u043c\u0430\u044e\u0442\u044c \u0431\u0443\u0442\u0438 \u043e\u0431'\u0454\u0434\u043d\u0430\u043d\u043d\u0456 \u0432 \u043e\u0434\u0438\u043d \u0444\u0430\u0439\u043b<\/li>\r\n        <li>\u0441\u043a\u0430\u043d\u0438 \u0430\u0431\u043e \u0444\u043e\u0442\u043e \u0441\u0435\u0440\u0442\u0438\u0444\u0456\u043a\u0430\u0442\u0456\u0432 \u043f\u0440\u043e \u043d\u0430\u0432\u0447\u0430\u043d\u043d\u044f \u0437 \u043c\u0435\u0434\u0456\u0430\u0446\u0456\u0457.<\/li>\r\n      <\/ul>\r\n      \u0426\u0456 \u0444\u0430\u0439\u043b\u0438 \u0442\u0440\u0435\u0431\u0430 \u0431\u0443\u0434\u0435 \u0437\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438 \u043f\u0456\u0434 \u0447\u0430\u0441 \u0437\u0430\u043f\u043e\u0432\u043d\u0435\u043d\u043d\u044f \u0430\u043d\u043a\u0435\u0442\u0438.\r\n<br\/>\r\n<br\/>\r\n\u0410\u043d\u043a\u0435\u0442\u0443 \u0441\u043b\u0456\u0434 \u043f\u0456\u0434\u043f\u0438\u0441\u0430\u0442\u0438 \u0414\u0456\u044f.\u041f\u0456\u0434\u043f\u0438\u0441\u043e\u043c, \u044f\u043a\u0438\u0439 \u0440\u0430\u0434\u0438\u043c\u043e \u0441\u0442\u0432\u043e\u0440\u0438\u0442\u0438 \u0432 \u0437\u0430\u0441\u0442\u043e\u0441\u0443\u043d\u043a\u0443 \u0414\u0456\u044f \u043f\u0435\u0440\u0435\u0434 \u0437\u0430\u043f\u043e\u0432\u043d\u0435\u043d\u043d\u044f\u043c.\r\n    <\/div>\r\n    <button type=\"button\" class=\"popup-btn\" onclick=\"closePrepareDocsPopup()\">\u0417\u0440\u043e\u0437\u0443\u043c\u0456\u043b\u043e, \u043f\u043e\u0447\u0430\u0442\u0438<\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Popup: Success Message -->\r\n<div class=\"popup-overlay\" id=\"successPopup\">\r\n  <div class=\"popup-content\">\r\n    <div class=\"popup-icon\">\u2705<\/div>\r\n    <div class=\"popup-title\">\u0410\u043d\u043a\u0435\u0442\u0443 \u0443\u0441\u043f\u0456\u0448\u043d\u043e \u043d\u0430\u0434\u0456\u0441\u043b\u0430\u043d\u043e!<\/div>\r\n    <div class=\"popup-text\">\r\n      \u0414\u044f\u043a\u0443\u0454\u043c\u043e \u0437\u0430 \u0437\u0430\u043f\u043e\u0432\u043d\u0435\u043d\u043d\u044f \u0430\u043d\u043a\u0435\u0442\u0438. \u041c\u0438 \u0457\u0457 \u043e\u043f\u0440\u0430\u0446\u044e\u0454\u043c\u043e \u0442\u0430 \u0437\u0432'\u044f\u0436\u0435\u043c\u043e\u0441\u044f  \u0437 \u0412\u0430\u043c\u0438 \u043f\u0440\u043e\u0442\u044f\u0433\u043e\u043c 10 \u0440\u043e\u0431\u043e\u0447\u0438\u0445 \u0434\u043d\u0456\u0432.\r\n    <\/div>\r\n    <button type=\"button\" class=\"popup-btn\" onclick=\"closeSuccessPopup()\">\u0417\u0430\u043a\u0440\u0438\u0442\u0438<\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Popup: Photo Cropper -->\r\n<div class=\"popup-overlay\" id=\"photoCropperPopup\">\r\n  <div class=\"popup-content\" style=\"max-width: 600px;\">\r\n    <div class=\"popup-title\">\u0420\u0435\u0434\u0430\u0433\u0443\u0432\u0430\u043d\u043d\u044f \u0444\u043e\u0442\u043e<\/div>\r\n    <div class=\"popup-text\" style=\"margin-bottom: 16px;\">\r\n      \u041f\u0435\u0440\u0435\u0442\u044f\u0433\u043d\u0456\u0442\u044c \u0442\u0430 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0443\u0439\u0442\u0435 \u0444\u043e\u0442\u043e \u0434\u043b\u044f \u043a\u0440\u0430\u0449\u043e\u0433\u043e \u0432\u0456\u0434\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u043d\u044f.\r\n    <\/div>\r\n    <div class=\"cropper-container\" id=\"cropperContainer\">\r\n      <img decoding=\"async\" id=\"cropperImage\" src=\"\" alt=\"Crop preview\">\r\n      <div class=\"crop-overlay\">\r\n        <div class=\"crop-area\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"cropper-controls\">\r\n      <button type=\"button\" class=\"cropper-btn\" id=\"zoomOutBtn\">\u2212<\/button>\r\n      <input type=\"range\" class=\"zoom-slider\" id=\"zoomSlider\" min=\"100\" max=\"300\" step=\"1\" value=\"120\">\r\n      <button type=\"button\" class=\"cropper-btn\" id=\"zoomInBtn\">+<\/button>\r\n    <\/div>\r\n    <div class=\"popup-buttons\">\r\n      <button type=\"button\" class=\"popup-btn secondary\" id=\"cancelCropBtn\">\u0421\u043a\u0430\u0441\u0443\u0432\u0430\u0442\u0438<\/button>\r\n      <button type=\"button\" class=\"popup-btn\" id=\"applyCropBtn\">\u0417\u0430\u0441\u0442\u043e\u0441\u0443\u0432\u0430\u0442\u0438<\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<form id=\"translatorForm\" class=\"form-container\" method=\"POST\" enctype=\"multipart\/form-data\">\r\n  <input type=\"hidden\" name=\"profile_kind\" value=\"translator\">\r\n  <span class=\"mh-nonce-placeholder\"><input type=\"hidden\" id=\"mh_nonce\" name=\"mh_nonce\" value=\"c607a841a1\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/8961\" \/><input type=\"hidden\" name=\"mh_form\" value=\"1\"><\/span>\r\n\r\n  <div class=\"form-section\">\r\n    <div class=\"section-grid-profile\">\r\n      <div class=\"profile-img-upload-container\">\r\n        <div class=\"form-label\">\u0424\u043e\u0442\u043e \u043f\u0440\u043e\u0444\u0456\u043b\u044e <span class=\"required\">*<\/span><\/div>\r\n        <p class=\"form-hint\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0442\u0435 \u0432\u0430\u0448\u0435 \u0447\u0456\u0442\u043a\u0435 \u043f\u043e\u0440\u0442\u0440\u0435\u0442\u043d\u0435 \u0444\u043e\u0442\u043e \u043d\u0430 \u043d\u0435\u0439\u0442\u0440\u0430\u043b\u044c\u043d\u043e\u043c\u0443 \u0444\u043e\u043d\u0456.<\/p>\r\n        <div class=\"upload-box\" id=\"profilePhotoUpload\">\r\n          <img decoding=\"async\" class=\"example-photo\" id=\"profilePreview\" src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?w=200&h=200&fit=crop&crop=face\" alt=\"\u041f\u0440\u0438\u043a\u043b\u0430\u0434 \u0444\u043e\u0442\u043e\">\r\n          <p class=\"example-label\" id=\"profileLabel\">\u041f\u0440\u0438\u043a\u043b\u0430\u0434 \u0444\u043e\u0442\u043e<\/p>\r\n          <p class=\"upload-title\">\u0412\u0438\u0431\u0435\u0440\u0456\u0442\u044c \u0444\u0430\u0439\u043b<br>\u0430\u0431\u043e \u043f\u0435\u0440\u0435\u0442\u044f\u0433\u043d\u0456\u0442\u044c \u0439\u043e\u0433\u043e \u0441\u044e\u0434\u0438<\/p>\r\n          <p class=\"upload-formats\">JPEG \u0430\u0431\u043e PNG, \u0434\u043e 2 \u043c\u0431.<br>\u041c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u0438\u0439 \u0440\u043e\u0437\u043c\u0456\u0440 1280x1024 \u043f\u0456\u043a\u0441.<\/p>\r\n          <input type=\"file\" class=\"hidden-input\" id=\"profilePhoto\" name=\"profile_photo\" accept=\"image\/jpeg,image\/png\">\r\n          <button type=\"button\" class=\"upload-button\" onclick=\"document.getElementById('profilePhoto').click()\">\u041e\u0431\u0440\u0430\u0442\u0438 \u0444\u0430\u0439\u043b<\/button>\r\n        <\/div>\r\n        <button type=\"button\" class=\"reset-photo-btn\" id=\"resetProfilePhoto\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438 \u0456\u043d\u0448\u0435 \u0444\u043e\u0442\u043e<\/button>\r\n      <\/div>\r\n\r\n      <div>\r\n        <div class=\"english-toggle\">\r\n          <div class=\"english-toggle-title\">\u0411\u0430\u0436\u0430\u0454\u0442\u0435 \u0442\u0430\u043a\u043e\u0436 \u0437\u0430\u043f\u043e\u0432\u043d\u0438\u0442\u0438 \u0430\u043d\u0433\u043b\u0456\u0439\u0441\u044c\u043a\u043e\u044e \u043c\u043e\u0432\u043e\u044e?<\/div>\r\n          <p class=\"english-toggle-hint\">\u0426\u0435 \u043f\u043e\u0442\u0440\u0456\u0431\u043d\u043e \u0434\u043b\u044f \u043a\u043e\u0440\u0435\u043a\u0442\u043d\u043e\u0433\u043e \u0432\u0456\u0434\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u043d\u044f \u0456\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u0457 \u043a\u043e\u0440\u0438\u0441\u0442\u0443\u0432\u0430\u0447\u0430\u043c, \u043a\u043e\u0442\u0440\u0456 \u043e\u0431\u0440\u0430\u043b\u0438 \u043f\u0435\u0440\u0435\u0433\u043b\u044f\u0434 \u0432\u0430\u0448\u043e\u0433\u043e \u043f\u0440\u043e\u0444\u0456\u043b\u044e \u0430\u043d\u0433\u043b\u0456\u0439\u0441\u044c\u043a\u043e\u044e \u043c\u043e\u0432\u043e\u044e.<\/p>\r\n          <div class=\"checkbox-item\">\r\n            <input type=\"checkbox\" id=\"fillEnglish\" name=\"fill_in_english\" value=\"1\" checked>\r\n            <label for=\"fillEnglish\">\u0422\u0430\u043a<\/label>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"form-group\">\r\n          <label class=\"form-label\">\u041f\u0440\u0456\u0437\u0432\u0438\u0449\u0435 <span class=\"required\">*<\/span><\/label>\r\n          <div class=\"dual-input\">\r\n            <div class=\"input-with-icon\">\r\n              <span class=\"input-icon\"><span class=\"flag-emoji\">\ud83c\uddfa\ud83c\udde6<\/span><\/span>\r\n              <input type=\"text\" class=\"form-input\" name=\"last_name\" placeholder=\"\u0423\u0441\u0438\u043a\" required>\r\n            <\/div>\r\n            <div class=\"input-with-icon\" id=\"lastNameEnGroup\">\r\n              <span class=\"input-icon\"><span class=\"flag-emoji\">\ud83c\uddec\ud83c\udde7<\/span><\/span>\r\n              <input type=\"text\" class=\"form-input\" name=\"last_name_en\" placeholder=\"Usik\">\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"form-group\">\r\n          <label class=\"form-label\">\u0406\u043c'\u044f <span class=\"required\">*<\/span><\/label>\r\n          <div class=\"dual-input\">\r\n            <div class=\"input-with-icon\">\r\n              <span class=\"input-icon\"><span class=\"flag-emoji\">\ud83c\uddfa\ud83c\udde6<\/span><\/span>\r\n              <input type=\"text\" class=\"form-input\" name=\"first_name\" placeholder=\"\u0410\u043d\u0434\u0440\u0456\u0439\" required>\r\n            <\/div>\r\n            <div class=\"input-with-icon\" id=\"firstNameEnGroup\">\r\n              <span class=\"input-icon\"><span class=\"flag-emoji\">\ud83c\uddec\ud83c\udde7<\/span><\/span>\r\n              <input type=\"text\" class=\"form-input\" name=\"first_name_en\" placeholder=\"Andrew\">\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"form-group\">\r\n          <label class=\"form-label\">\u041f\u043e \u0431\u0430\u0442\u044c\u043a\u043e\u0432\u0456 <span class=\"required\">*<\/span><\/label>\r\n          <input type=\"text\" class=\"form-input\" name=\"middle_name\" placeholder=\"\u041c\u0438\u0445\u0430\u0439\u043b\u043e\u0432\u0438\u0447\" required>\r\n        <\/div>\r\n\r\n        <div class=\"form-group\">\r\n          <label class=\"form-label\">\u0414\u0430\u0442\u0430 \u043d\u0430\u0440\u043e\u0434\u0436\u0435\u043d\u043d\u044f <span class=\"required\">*<\/span><\/label>\r\n          <p class=\"form-hint\">\u0426\u044f \u0456\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u044f \u043d\u0435 \u0431\u0443\u0434\u0435 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u044e \u0432\u0456\u0434\u0432\u0456\u0434\u0443\u0432\u0430\u0447\u0430\u043c \u0441\u0430\u0439\u0442\u0443.<\/p>\r\n          <div class=\"date-input\">\r\n            <span class=\"date-icon\">\ud83d\udcc5<\/span>\r\n            <input type=\"date\" class=\"form-input\" name=\"birth_date\" required>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"form-group\">\r\n          <label class=\"form-label\">\u0421\u0442\u0430\u0442\u044c \/ \u0413\u0435\u043d\u0434\u0435\u0440 <span class=\"required\">*<\/span><\/label>\r\n          <div class=\"radio-group\">\r\n            <div class=\"radio-item\">\r\n              <input type=\"radio\" id=\"genderMale\" name=\"gender\" value=\"male\" required>\r\n              <label for=\"genderMale\">\u0427\u043e\u043b\u043e\u0432\u0456\u043a<\/label>\r\n            <\/div>\r\n        \r\n            <div class=\"radio-item\">\r\n              <input type=\"radio\" id=\"genderFemale\" name=\"gender\" value=\"female\">\r\n              <label for=\"genderFemale\">\u0416\u0456\u043d\u043a\u0430<\/label>\r\n            <\/div>\r\n        \r\n            <div class=\"radio-item\">\r\n              <input type=\"radio\" id=\"genderOther\" name=\"gender\" value=\"other\">\r\n              <label for=\"genderOther\">\u0406\u043d\u0448\u0435<\/label>\r\n            <\/div>\r\n        \r\n            <div class=\"radio-item\">\r\n              <input type=\"radio\" id=\"genderNotSpecified\" name=\"gender\" value=\"not_specified\">\r\n              <label for=\"genderNotSpecified\">\u041d\u0435 \u0432\u043a\u0430\u0437\u0443\u0432\u0430\u0442\u0438<\/label>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"form-group\" style=\"display: flex; gap: 32px; align-items: flex-end;\">\r\n          <div style=\"flex:1;\" id=\"militaryYesFieldContainer\">\r\n            <label class=\"form-label\">\u0414\u043e\u0434\u0430\u0442\u043a\u043e\u0432\u043e<\/label>\r\n            <div class=\"checkbox-item\">\r\n              <input type=\"checkbox\" id=\"militaryYes\" name=\"is_war_veteran\" value=\"1\">\r\n              <label for=\"militaryYes\">\u0412\u0435\u0442\u0435\u0440\u0430\u043d \u0432\u0456\u0439\u043d\u0438<\/label>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div style=\"flex:1;\" id=\"signLanguageFieldContainer\">\r\n            <div class=\"checkbox-item\">\r\n              <input type=\"checkbox\" id=\"signLang\" name=\"knows_sign_language\" value=\"1\">\r\n              <label for=\"signLang\">\u0412\u043e\u043b\u043e\u0434\u0456\u0454\u0442\u0435 \u043c\u043e\u0432\u043e\u044e \u0436\u0435\u0441\u0442\u0456\u0432<\/label>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Section 2: Additional Information -->\r\n  <div class=\"form-section\">\r\n    <h2 class=\"section-title\">\u0414\u043e\u0434\u0430\u0442\u043a\u043e\u0432\u0430 \u0456\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u044f<\/h2>\r\n<div class=\"form-group\" style=\"margin-top: 24px;\">\r\n      <label class=\"form-label\">\u041f\u043e\u0447\u0430\u0442\u043e\u043a \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u043d\u043e\u0457 \u0434\u0456\u044f\u043b\u044c\u043d\u043e\u0441\u0442\u0456 \u044f\u043a \u043f\u0435\u0440\u0435\u043a\u043b\u0430\u0434\u0430\u0447\u0430 <span class=\"required\">*<\/span><\/label>\r\n      <p class=\"form-hint\">\u0412\u043a\u0430\u0436\u0456\u0442\u044c \u043c\u0456\u0441\u044f\u0446\u044c \u0456 \u0440\u0456\u043a, \u043a\u043e\u043b\u0438 \u0432\u0438 \u043f\u043e\u0447\u0430\u043b\u0438 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0443\u0432\u0430\u0442\u0438 \u044f\u043a \u043f\u0435\u0440\u0435\u043a\u043b\u0430\u0434\u0430\u0447.<\/p>\r\n      <div class=\"date-input\">\r\n        <span class=\"date-icon\">\ud83d\udcc5<\/span>\r\n        <input type=\"month\" class=\"form-input\" name=\"practice_start_date\" id=\"translatorPracticeSince\" required>\r\n      <\/div>\r\n      <div id=\"translatorPracticeSinceError\" style=\"color:#e53935;font-size:13px;margin-top:8px;display:none;\">\u0411\u0443\u0434\u044c \u043b\u0430\u0441\u043a\u0430, \u0432\u043a\u0430\u0436\u0456\u0442\u044c \u043c\u0456\u0441\u044f\u0446\u044c \u0456 \u0440\u0456\u043a \u043f\u043e\u0447\u0430\u0442\u043a\u0443 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0438.<\/div>\r\n    <\/div>\r\n    <div class=\"form-group\">\r\n      <label class=\"form-label\">\u0420\u043e\u0431\u043e\u0447\u0456 \u043c\u043e\u0432\u0438 <span class=\"required\">*<\/span><\/label>\r\n      <p class=\"form-hint\">\u041e\u0431\u0435\u0440\u0456\u0442\u044c \u0437\u0456 \u0441\u043f\u0438\u0441\u043a\u0443 \u043c\u043e\u0432\u0438, \u044f\u043a\u0438\u043c\u0438 \u0432\u0438 \u043c\u043e\u0436\u0435\u0442\u0435 \u0437\u0434\u0456\u0439\u0441\u043d\u044e\u0432\u0430\u0442\u0438 \u043f\u0435\u0440\u0435\u043a\u043b\u0430\u0434.<\/p>\r\n\r\n      <div class=\"languages-grid\" id=\"languagesGrid\">\r\n        <div class=\"language-item checkbox-item\"><input type=\"checkbox\" id=\"langUa\" name=\"working_languages[]\" value=\"ukrainian\"><span class=\"lang-flag\">\ud83c\uddfa\ud83c\udde6<\/span><label for=\"langUa\">\u0443\u043a\u0440\u0430\u0457\u043d\u0441\u044c\u043a\u0430<\/label><\/div>\r\n        <div class=\"language-item checkbox-item\"><input type=\"checkbox\" id=\"langPt\" name=\"working_languages[]\" value=\"portuguese\"><span class=\"lang-flag\">\ud83c\uddf5\ud83c\uddf9<\/span><label for=\"langPt\">\u043f\u043e\u0440\u0442\u0443\u0433\u0430\u043b\u044c\u0441\u044c\u043a\u0430<\/label><\/div>\r\n        <div class=\"language-item checkbox-item\"><input type=\"checkbox\" id=\"langEn\" name=\"working_languages[]\" value=\"english\"><span class=\"lang-flag\">\ud83c\uddec\ud83c\udde7<\/span><label for=\"langEn\">\u0430\u043d\u0433\u043b\u0456\u0439\u0441\u044c\u043a\u0430<\/label><\/div>\r\n        <div class=\"language-item checkbox-item\"><input type=\"checkbox\" id=\"langRu\" name=\"working_languages[]\" value=\"russian\"><span class=\"lang-flag\">\ud83c\uddf7\ud83c\uddfa<\/span><label for=\"langRu\">\u0440\u043e\u0441\u0456\u0439\u0441\u044c\u043a\u0430<\/label><\/div>\r\n        <div class=\"language-item checkbox-item\"><input type=\"checkbox\" id=\"langBg\" name=\"working_languages[]\" value=\"bulgarian\"><span class=\"lang-flag\">\ud83c\udde7\ud83c\uddec<\/span><label for=\"langBg\">\u0431\u043e\u043b\u0433\u0430\u0440\u0441\u044c\u043a\u0430<\/label><\/div>\r\n        <div class=\"language-item checkbox-item\"><input type=\"checkbox\" id=\"langRo\" name=\"working_languages[]\" value=\"romanian\"><span class=\"lang-flag\">\ud83c\uddf7\ud83c\uddf4<\/span><label for=\"langRo\">\u0440\u0443\u043c\u0443\u043d\u0441\u044c\u043a\u0430<\/label><\/div>\r\n        <div class=\"language-item checkbox-item\"><input type=\"checkbox\" id=\"langEs\" name=\"working_languages[]\" value=\"spanish\"><span class=\"lang-flag\">\ud83c\uddea\ud83c\uddf8<\/span><label for=\"langEs\">\u0456\u0441\u043f\u0430\u043d\u0441\u044c\u043a\u0430<\/label><\/div>\r\n        <div class=\"language-item checkbox-item\"><input type=\"checkbox\" id=\"langSk\" name=\"working_languages[]\" value=\"slovak\"><span class=\"lang-flag\">\ud83c\uddf8\ud83c\uddf0<\/span><label for=\"langSk\">\u0441\u043b\u043e\u0432\u0430\u0446\u044c\u043a\u0430<\/label><\/div>\r\n        <div class=\"language-item checkbox-item\"><input type=\"checkbox\" id=\"langIt\" name=\"working_languages[]\" value=\"italian\"><span class=\"lang-flag\">\ud83c\uddee\ud83c\uddf9<\/span><label for=\"langIt\">\u0456\u0442\u0430\u043b\u0456\u0439\u0441\u044c\u043a\u0430<\/label><\/div>\r\n        <div class=\"language-item checkbox-item\"><input type=\"checkbox\" id=\"langHu\" name=\"working_languages[]\" value=\"hungarian\"><span class=\"lang-flag\">\ud83c\udded\ud83c\uddfa<\/span><label for=\"langHu\">\u0443\u0433\u043e\u0440\u0441\u044c\u043a\u0430<\/label><\/div>\r\n        <div class=\"language-item checkbox-item\"><input type=\"checkbox\" id=\"langLv\" name=\"working_languages[]\" value=\"latvian\"><span class=\"lang-flag\">\ud83c\uddf1\ud83c\uddfb<\/span><label for=\"langLv\">\u043b\u0430\u0442\u0432\u0456\u0439\u0441\u044c\u043a\u0430<\/label><\/div>\r\n        <div class=\"language-item checkbox-item\"><input type=\"checkbox\" id=\"langFr\" name=\"working_languages[]\" value=\"french\"><span class=\"lang-flag\">\ud83c\uddeb\ud83c\uddf7<\/span><label for=\"langFr\">\u0444\u0440\u0430\u043d\u0446\u0443\u0437\u044c\u043a\u0430<\/label><\/div>\r\n        <div class=\"language-item checkbox-item\"><input type=\"checkbox\" id=\"langLt\" name=\"working_languages[]\" value=\"lithuanian\"><span class=\"lang-flag\">\ud83c\uddf1\ud83c\uddf9<\/span><label for=\"langLt\">\u043b\u0438\u0442\u043e\u0432\u0441\u044c\u043a\u0430<\/label><\/div>\r\n        <div class=\"language-item checkbox-item\"><input type=\"checkbox\" id=\"langCs\" name=\"working_languages[]\" value=\"czech\"><span class=\"lang-flag\">\ud83c\udde8\ud83c\uddff<\/span><label for=\"langCs\">\u0447\u0435\u0441\u044c\u043a\u0430<\/label><\/div>\r\n        <div class=\"language-item checkbox-item\"><input type=\"checkbox\" id=\"langNl\" name=\"working_languages[]\" value=\"dutch\"><span class=\"lang-flag\">\ud83c\uddf3\ud83c\uddf1<\/span><label for=\"langNl\">\u043d\u0456\u0434\u0435\u0440\u043b\u0430\u043d\u0434\u0441\u044c\u043a\u0430<\/label><\/div>\r\n        <div class=\"language-item checkbox-item\"><input type=\"checkbox\" id=\"langEt\" name=\"working_languages[]\" value=\"estonian\"><span class=\"lang-flag\">\ud83c\uddea\ud83c\uddea<\/span><label for=\"langEt\">\u0435\u0441\u0442\u043e\u043d\u0441\u044c\u043a\u0430<\/label><\/div>\r\n        <div class=\"language-item checkbox-item\"><input type=\"checkbox\" id=\"langDe\" name=\"working_languages[]\" value=\"german\"><span class=\"lang-flag\">\ud83c\udde9\ud83c\uddea<\/span><label for=\"langDe\">\u043d\u0456\u043c\u0435\u0446\u044c\u043a\u0430<\/label><\/div>\r\n        <div class=\"language-item checkbox-item\"><input type=\"checkbox\" id=\"langPl\" name=\"working_languages[]\" value=\"polish\"><span class=\"lang-flag\">\ud83c\uddf5\ud83c\uddf1<\/span><label for=\"langPl\">\u043f\u043e\u043b\u044c\u0441\u044c\u043a\u0430<\/label><\/div>\r\n        <div class=\"language-item checkbox-item\"><input type=\"checkbox\" id=\"langOther\" name=\"working_languages[]\" value=\"other\"><label for=\"langOther\">\u0456\u043d\u0448\u0456<\/label><\/div>\r\n      <\/div>\r\n      <div id=\"languagesError\" style=\"color: #e53935; font-size: 13px; margin-top: 8px; display: none;\">\u041e\u0431\u0435\u0440\u0456\u0442\u044c \u0445\u043e\u0447\u0430 \u0431 \u043e\u0434\u043d\u0443 \u043c\u043e\u0432\u0443.<\/div>\r\n      <div class=\"form-group\" id=\"workingLanguageOtherGroup\" style=\"display:none; margin-top:16px;\">\r\n          <label class=\"form-label\">\u0412\u043a\u0430\u0436\u0456\u0442\u044c \u0456\u043d\u0448\u0443 \u043c\u043e\u0432\u0443 <span class=\"required\">*<\/span><\/label>\r\n          <input\r\n            type=\"text\"\r\n            class=\"form-input\"\r\n            name=\"working_language_other\"\r\n            id=\"workingLanguageOther\"\r\n            placeholder=\"\u041d\u0430\u043f\u0440\u0438\u043a\u043b\u0430\u0434: \u0442\u0443\u0440\u0435\u0446\u044c\u043a\u0430\"\r\n          >\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"form-group\" style=\"margin-top: 32px;\">\r\n      <label class=\"form-label\">\u0412\u0438\u0434 \u043f\u0435\u0440\u0435\u043a\u043b\u0430\u0434\u0443 <span class=\"required\">*<\/span><\/label>\r\n      <div id=\"translationTypeGroup\" style=\"display: flex; ; gap: 15px; max-width: 500px;\">\r\n        <div style=\"display: flex; flex-direction: column; gap: 8px;\">\r\n          <div class=\"checkbox-item\">\r\n            <input type=\"checkbox\" id=\"transOral\" name=\"translation_type[]\" value=\"oral\">\r\n            <label for=\"transOral\">\u0443\u0441\u043d\u0438\u0439<\/label>\r\n          <\/div>\r\n          <div id=\"oralSubtypes\" style=\"display: none; flex-direction: column; gap: 8px; padding-left: 24px; border-left: 2px solid #e0e0e0; margin-left: 7px;\">\r\n            <div class=\"checkbox-item\">\r\n              <input type=\"checkbox\" id=\"transSync\" name=\"translation_type[]\" value=\"simultaneous\">\r\n              <label for=\"transSync\">\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u0438\u0439<\/label>\r\n            <\/div>\r\n            <div class=\"checkbox-item\">\r\n              <input type=\"checkbox\" id=\"transConsec\" name=\"translation_type[]\" value=\"consecutive\">\r\n              <label for=\"transConsec\">\u043f\u043e\u0441\u043b\u0456\u0434\u043e\u0432\u043d\u0438\u0439<\/label>\r\n            <\/div>\r\n            <div class=\"checkbox-item\">\r\n              <input type=\"checkbox\" id=\"transChuch\" name=\"translation_type[]\" value=\"chuchotage\">\r\n              <label for=\"transChuch\">\u0448\u0443\u0448\u0443\u0442\u0430\u0436<\/label>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"checkbox-item\" style=\"align-self: start;\">\r\n          <input type=\"checkbox\" id=\"transWritten\" name=\"translation_type[]\" value=\"written\">\r\n          <label for=\"transWritten\">\u043f\u0438\u0441\u044c\u043c\u043e\u0432\u0438\u0439<\/label>\r\n        <\/div>\r\n      <\/div>\r\n      <div id=\"translationTypeError\" style=\"color: #e53935; font-size: 13px; margin-top: 8px; display: none;\">\u041e\u0431\u0435\u0440\u0456\u0442\u044c \u0445\u043e\u0447\u0430 \u0431 \u043e\u0434\u0438\u043d \u0432\u0438\u0434 \u043f\u0435\u0440\u0435\u043a\u043b\u0430\u0434\u0443.<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"section-grid\" style=\"margin-top: 32px;\">\r\n      <div>\r\n        <div class=\"form-group\">\r\n          <label class=\"form-label\">\u0424\u043e\u0440\u043c\u0430\u0442 \u0440\u043e\u0431\u043e\u0442\u0438 <span class=\"required\">*<\/span><\/label>\r\n          <p class=\"form-hint\">\u0412 \u044f\u043a\u043e\u043c\u0443 \u0444\u043e\u0440\u043c\u0430\u0442\u0456 \u0432\u0438 \u043c\u043e\u0436\u0435\u0442\u0435 \u043d\u0430\u0434\u0430\u0432\u0430\u0442\u0438 \u043f\u043e\u0441\u043b\u0443\u0433\u0438 \u043f\u0435\u0440\u0435\u043a\u043b\u0430\u0434\u0443?<\/p>\r\n          <div class=\"checkbox-group\" id=\"formatGroup\">\r\n            <div class=\"checkbox-item\">\r\n              <input type=\"checkbox\" id=\"formatOnline\" name=\"work_formats[]\" value=\"online\">\r\n              <label for=\"formatOnline\">online<\/label>\r\n            <\/div>\r\n            <div class=\"checkbox-item\">\r\n              <input type=\"checkbox\" id=\"formatOffline\" name=\"work_formats[]\" value=\"offline\">\r\n              <label for=\"formatOffline\">offline<\/label>\r\n            <\/div>\r\n          <\/div>\r\n          <div id=\"formatError\" style=\"color:#e53935;font-size:13px;margin-top:8px;display:none;\">\r\n            \u041e\u0431\u0435\u0440\u0456\u0442\u044c \u0445\u043e\u0447\u0430 \u0431 \u043e\u0434\u0438\u043d \u0444\u043e\u0440\u043c\u0430\u0442 \u0440\u043e\u0431\u043e\u0442\u0438.\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"form-group\" id=\"locationFormGroup\" style=\"display:none;\">\r\n          <label class=\"form-label\">\u041d\u0430\u0441\u0435\u043b\u0435\u043d\u0438\u0439 \u043f\u0443\u043d\u043a\u0442 \u0434\u043b\u044f offline \u043f\u0435\u0440\u0435\u043a\u043b\u0430\u0434\u0443<\/label>\r\n          <p class=\"form-hint\">\u0426\u044f \u0456\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u044f \u0434\u043e\u043f\u043e\u043c\u043e\u0436\u0435 \u043a\u043b\u0456\u0454\u043d\u0442\u0430\u043c \u0437\u043d\u0430\u0439\u0442\u0438 \u043f\u0435\u0440\u0435\u043a\u043b\u0430\u0434\u0430\u0447\u0430 \u0434\u043b\u044f \u043e\u0444\u043b\u0430\u0439\u043d-\u0437\u0443\u0441\u0442\u0440\u0456\u0447\u0456 \u0432 \u043e\u0431\u0440\u0430\u043d\u0456\u0439 \u043a\u0440\u0430\u0457\u043d\u0456.<\/p>\r\n\r\n          <div class=\"location-list\" id=\"locationList\"><\/div>\r\n\r\n          <input type=\"hidden\" id=\"shirota_mista\">\r\n          <input type=\"hidden\" id=\"dovgota_mista\">\r\n          <input type=\"hidden\" id=\"country\">\r\n          <input type=\"hidden\" id=\"region\">\r\n          <input type=\"hidden\" id=\"city\">\r\n          <input type=\"hidden\" id=\"place_id\">\r\n          <input type=\"hidden\" name=\"locations\" id=\"locations\">\r\n\r\n          <div class=\"location-input-row\">\r\n            <input type=\"text\" class=\"form-input\" id=\"offlinePlaceInput\" placeholder=\"\u041f\u043e\u0447\u043d\u0456\u0442\u044c \u0432\u0432\u043e\u0434\u0438\u0442\u0438 \u043c\u0456\u0441\u0442\u043e...\" autocomplete=\"off\">\r\n            <button type=\"button\" class=\"add-location-btn\" id=\"addLocationBtn\">+ \u0414\u043e\u0434\u0430\u0442\u0438<\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div>\r\n        <div class=\"form-group\">\r\n          <label class=\"form-label\">\u0423\u043c\u043e\u0432\u0438 \u043e\u043f\u043b\u0430\u0442\u0438: <span class=\"required\">*<\/span><\/label>\r\n          <div class=\"checkbox-group\" id=\"paymentGroup\">\r\n            <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"paymentHourly\" name=\"payment_options[]\" value=\"hourly\"><label for=\"paymentHourly\">\u0437\u0430 \u0433\u043e\u0434\u0438\u043d\u0443<\/label><\/div>\r\n            <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"paymentMediation\" name=\"payment_options[]\" value=\"translation\"><label for=\"paymentMediation\">\u043c\u0456\u043d\u0456\u043c\u0443\u043c 4 \u0433\u043e\u0434\u0438\u043d\u0438<\/label><\/div>\r\n            <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"paymentMeeting\" name=\"payment_options[]\" value=\"meeting\"><label for=\"paymentMeeting\">\u0456\u043d\u0448\u0435<\/label><\/div>\r\n          <\/div>\r\n          <div id=\"paymentError\" style=\"color: #e53935; font-size: 13px; margin-top: 8px; display: none;\">\u041e\u0431\u0435\u0440\u0456\u0442\u044c \u0445\u043e\u0447\u0430 \u0431 \u043e\u0434\u043d\u0443 \u0443\u043c\u043e\u0432\u0443 \u043e\u043f\u043b\u0430\u0442\u0438.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"form-group\" id=\"hourlyRateGroup\" style=\"display: none;\">\r\n          <label class=\"form-label\">\u041e\u0440\u0456\u0454\u043d\u0442\u043e\u0432\u043d\u0430 \u043e\u043f\u043b\u0430\u0442\u0430 \u0437\u0430 \u0433\u043e\u0434\u0438\u043d\u0443 <span class=\"required\">*<\/span><\/label>\r\n          <select class=\"form-select\" name=\"hourly_rate\">\r\n            <option value=\"\">\u041e\u0431\u0435\u0440\u0456\u0442\u044c \u0437\u0456 \u0441\u043f\u0438\u0441\u043a\u0443...<\/option>\r\n            <option value=\"&lt;1000\">&lt;1000 \u20b4\/\u0433\u043e\u0434<\/option>\r\n            <option value=\"1000-3000\">1000-3000 \u20b4\/\u0433\u043e\u0434<\/option>\r\n            <option value=\"3000-5000\">3000-5000 \u20b4\/\u0433\u043e\u0434<\/option>\r\n            <option value=\"5000+\">5000+ \u20b4\/\u0433\u043e\u0434<\/option>\r\n          <\/select>\r\n        <\/div>\r\n\r\n        <div class=\"form-group\" style=\"margin-top: 24px;\">\r\n          <label class=\"form-label\">\u041c\u043e\u0436\u043b\u0438\u0432\u0456\u0441\u0442\u044c \u043d\u0430\u0434\u0430\u043d\u043d\u044f \u043f\u043e\u0441\u043b\u0443\u0433 \u043f\u0435\u0440\u0435\u043a\u043b\u0430\u0434\u0443 \u043d\u0430 \u043f\u0456\u043b\u044c\u0433\u043e\u0432\u0438\u0445 \u0443\u043c\u043e\u0432\u0430\u0445<\/label>\r\n          <div class=\"checkbox-group\">\r\n            <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"paymentFree\" name=\"reduced_fee_options[]\" value=\"free\"><label for=\"paymentFree\">\u0431\u0435\u0437\u043e\u043f\u043b\u0430\u0442\u043d\u043e<\/label><\/div>\r\n            <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"paymentDonation\" name=\"reduced_fee_options[]\" value=\"donation\"><label for=\"paymentDonation\">\u0437\u0430 \u0434\u043e\u043d\u0430\u0442<\/label><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"form-group\" id=\"freeServicesTermsGroup\" style=\"display: none;\">\r\n          <label class=\"form-label\">\u0412\u0438\u043f\u0430\u0434\u043a\u0438 \u043d\u0430\u0434\u0430\u043d\u043d\u044f \u0432\u0430\u043c\u0438 \u043f\u043e\u0441\u043b\u0443\u0433 \u043f\u0435\u0440\u0435\u043a\u043b\u0430\u0434\u0443 \u0431\u0435\u0437\u043e\u043f\u043b\u0430\u0442\u043d\u043e <span class=\"required\">*<\/span><\/label>\r\n          <textarea class=\"form-textarea\" name=\"free_service_terms\"><\/textarea>\r\n        <\/div>\r\n\r\n        <div class=\"form-group\" id=\"donationTermsGroup\" style=\"display: none;\">\r\n          <label class=\"form-label\">\u0423\u043c\u043e\u0432\u0438 \u043d\u0430\u0434\u0430\u043d\u043d\u044f \u0432\u0430\u043c\u0438 \u043f\u043e\u0441\u043b\u0443\u0433 \u043f\u0435\u0440\u0435\u043a\u043b\u0430\u0434\u0443 \u0437\u0430 \u0434\u043e\u043d\u0430\u0442 <span class=\"required\">*<\/span><\/label>\r\n          <textarea class=\"form-textarea\" name=\"donation_terms\"><\/textarea>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    \r\n  <\/div>\r\n\r\n  <!-- Section 3: Translator Qualification -->\r\n  <div class=\"form-section\">\r\n    <h2 class=\"section-title\">\u041a\u0432\u0430\u043b\u0456\u0444\u0456\u043a\u0430\u0446\u0456\u044f \u043f\u0435\u0440\u0435\u043a\u043b\u0430\u0434\u0430\u0447\u0430<\/h2>\r\n\r\n    <div class=\"form-group\">\r\n      <label class=\"form-label\">\u0414\u0430\u0442\u0430 \u0432\u0438\u0434\u0430\u0447\u0456 \u0442\u0430 \u043d\u043e\u043c\u0435\u0440 \u0441\u0432\u0456\u0434\u043e\u0446\u0442\u0432\u0430 (\u0434\u0438\u043f\u043b\u043e\u043c\u0430) <span class=\"required\">*<\/span><\/label>\r\n      <p class=\"form-hint\">\u0412\u043a\u0430\u0436\u0456\u0442\u044c \u0434\u0430\u043d\u0456 \u0441\u0432\u0456\u0434\u043e\u0446\u0442\u0432\u0430 (\u0434\u0438\u043f\u043b\u043e\u043c\u0430) \u043f\u0440\u043e \u043a\u0432\u0430\u043b\u0456\u0444\u0456\u043a\u0430\u0446\u0456\u044e \u043f\u0435\u0440\u0435\u043a\u043b\u0430\u0434\u0430\u0447\u0430 \u0430\u0431\u043e \u0456\u043d\u0448\u043e\u0433\u043e \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430, \u0449\u043e \u043f\u0456\u0434\u0442\u0432\u0435\u0440\u0434\u0436\u0443\u0454 \u0432\u043e\u043b\u043e\u0434\u0456\u043d\u043d\u044f \u0456\u043d\u043e\u0437\u0435\u043c\u043d\u043e\u044e \u043c\u043e\u0432\u043e\u044e. \u041f\u0440\u0438 \u043d\u0430\u044f\u0432\u043d\u043e\u0441\u0442\u0456 \u0434\u0435\u043a\u0456\u043b\u044c\u043a\u043e\u0445 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0456\u0432, \u043e\u0431'\u0454\u0434\u043d\u0430\u0439\u0442\u0435 \u0457\u0445 \u0432 \u043e\u0434\u0438\u043d \u0444\u0430\u0439\u043b.<\/p>\r\n      <div class=\"dual-input\">\r\n        <div class=\"date-input\">\r\n          <span class=\"date-icon\">\ud83d\udcc5<\/span>\r\n          <input type=\"date\" class=\"form-input\" name=\"qualification_issue_date\" id=\"qualificationIssueDate\" required>\r\n        <\/div>\r\n        <input type=\"text\" class=\"form-input\" name=\"qualification_number\" id=\"qualificationNumber\" placeholder=\"\u2116 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\" required>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"form-group\">\r\n      <label class=\"form-label\">\u0421\u043a\u0430\u043d \u0441\u0432\u0456\u0434\u043e\u0446\u0442\u0432\u0430 (\u0434\u0438\u043f\u043b\u043e\u043c\u0430) <span class=\"required\">*<\/span><\/label>\r\n      <p class=\"form-hint\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0442\u0435 \u0441\u043a\u0430\u043d \u0430\u0431\u043e \u0444\u043e\u0442\u043e \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430, \u0449\u043e \u043f\u0456\u0434\u0442\u0432\u0435\u0440\u0434\u0436\u0443\u0454 \u0432\u0430\u0448\u0443 \u043a\u0432\u0430\u043b\u0456\u0444\u0456\u043a\u0430\u0446\u0456\u044e.<\/p>\r\n      <div class=\"upload-box\" id=\"qualificationDocUpload\">\r\n        <div class=\"uploaded-file-info\" id=\"qualificationDocFileInfo\" style=\"display:none;\"><\/div>\r\n        <p class=\"upload-title\">\u0412\u0438\u0431\u0435\u0440\u0456\u0442\u044c \u0444\u0430\u0439\u043b<br>\u0430\u0431\u043e \u043f\u0435\u0440\u0435\u0442\u044f\u0433\u043d\u0456\u0442\u044c \u0439\u043e\u0433\u043e \u0441\u044e\u0434\u0438<\/p>\r\n        <p class=\"upload-formats\">PDF, JPEG \u0430\u0431\u043e PNG, \u0434\u043e 5 \u043c\u0431.<\/p>\r\n        <input type=\"file\" class=\"hidden-input\" id=\"qualificationDoc\" name=\"qualification_document_file\" accept=\".pdf,image\/jpeg,image\/png\">\r\n        <button type=\"button\" class=\"upload-button\" onclick=\"document.getElementById('qualificationDoc').click()\">\u041e\u0431\u0440\u0430\u0442\u0438 \u0444\u0430\u0439\u043b<\/button>\r\n      <\/div>\r\n      <button type=\"button\" class=\"delete-btn\" id=\"deleteQualificationDocBtn\" style=\"display:none;margin-top:8px;\">\u0412\u0438\u0434\u0430\u043b\u0438\u0442\u0438 \u0444\u0430\u0439\u043b<\/button>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Section 4: Professional Memberships -->\r\n  <div class=\"form-section\">\r\n    <h2 class=\"section-title\">\u0427\u043b\u0435\u043d\u0441\u0442\u0432\u043e \u0432 \u043f\u0440\u043e\u0444\u0435\u0441\u0456\u0439\u043d\u0438\u0445 \u043e\u0431'\u0454\u0434\u043d\u0430\u043d\u043d\u044f\u0445<\/h2>\r\n\r\n    <div id=\"membershipsContainer\">\r\n      <div class=\"location-input-row\" data-membership-id=\"1\" style=\"margin-bottom: 12px;\">\r\n        <input type=\"text\" class=\"form-input\" name=\"membership_name[]\" placeholder=\"\u041d\u0430\u0437\u0432\u0430 \u043e\u0440\u0433\u0430\u043d\u0456\u0437\u0430\u0446\u0456\u0457 \/ \u043e\u0431'\u0454\u0434\u043d\u0430\u043d\u043d\u044f\" style=\"flex: 1;\">\r\n        <input type=\"url\" class=\"form-input\" name=\"membership_link[]\" placeholder=\"\u041f\u043e\u0441\u0438\u043b\u0430\u043d\u043d\u044f \u043d\u0430 \u043f\u0440\u043e\u0444\u0456\u043b\u044c (https:\/\/...)\" style=\"flex: 1;\">\r\n        <button type=\"button\" class=\"location-btn delete-membership\" style=\"display:none;\">\ud83d\uddd1\ufe0f<\/button>\r\n      <\/div>\r\n    <\/div>\r\n    <button type=\"button\" class=\"add-course-btn\" id=\"addMembershipBtn\" style=\"margin-top: 12px;\">+ \u0414\u043e\u0434\u0430\u0442\u0438 \u0449\u0435 \u043e\u0434\u043d\u0435 \u043e\u0431'\u0454\u0434\u043d\u0430\u043d\u043d\u044f<\/button>\r\n  <\/div>\r\n\r\n  <!-- Section 5: Contact -->\r\n  <div class=\"form-section\">\r\n    <h2 class=\"section-title\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u0430 \u0456\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u044f<\/h2>\r\n    <div class=\"section-grid\">\r\n      <div class=\"form-group\">\r\n        <label class=\"form-label\">\u041d\u043e\u043c\u0435\u0440 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0443 <span class=\"required\">*<\/span><\/label>\r\n        <p class=\"form-hint\">\u041d\u0435 \u0431\u0443\u0434\u0435 \u0432\u0438\u0434\u043d\u043e \u0432\u0456\u0434\u0432\u0456\u0434\u0443\u0432\u0430\u0447\u0430\u043c \u0441\u0430\u0439\u0442\u0443. \u0417\u0432\u0435\u0440\u043d\u0435\u043d\u043d\u044f \u043d\u0430\u0434\u0445\u043e\u0434\u0438\u0442\u044c \u0432 \u043e\u0441\u043e\u0431\u0438\u0441\u0442\u0438\u0439 \u043a\u0430\u0431\u0456\u043d\u0435\u0442.<\/p>\r\n        <div class=\"input-with-icon\">\r\n          <span class=\"input-icon\">\ud83d\udcde<\/span>\r\n          <input type=\"tel\" class=\"form-input\" name=\"phone\" placeholder=\"+38 (0XX) XXX-XX-XX\" required>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"form-group\">\r\n        <label class=\"form-label\">\u0415\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u0430 \u0430\u0434\u0440\u0435\u0441\u0430 <span class=\"required\">*<\/span><\/label>\r\n        <p class=\"form-hint\">\u041d\u0435 \u0431\u0443\u0434\u0435 \u0432\u0438\u0434\u043d\u043e \u0432\u0456\u0434\u0432\u0456\u0434\u0443\u0432\u0430\u0447\u0430\u043c \u0441\u0430\u0439\u0442\u0443. \u0417\u0432\u0435\u0440\u043d\u0435\u043d\u043d\u044f \u043d\u0430\u0434\u0445\u043e\u0434\u0438\u0442\u044c \u0432 \u043e\u0441\u043e\u0431\u0438\u0441\u0442\u0438\u0439 \u043a\u0430\u0431\u0456\u043d\u0435\u0442.<\/p>\r\n        <div class=\"input-with-icon\">\r\n          <span class=\"input-icon\">\u2709\ufe0f<\/span>\r\n          <input type=\"email\" class=\"form-input\" name=\"email\" placeholder=\"andrew.usik@mail.com\" required>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Section 6: Bio -->\r\n  <div class=\"form-section\">\r\n    <h2 class=\"section-title\">\u0406\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u044f \u043f\u0440\u043e \u0441\u0435\u0431\u0435<\/h2>\r\n    <div class=\"section-grid\">\r\n      <div class=\"form-group\">\r\n        <label class=\"form-label\">\ud83c\uddfa\ud83c\udde6 \u0414\u043e\u0434\u0430\u0442\u043a\u043e\u0432\u0430 \u0456\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u044f \u043f\u0440\u043e \u0441\u0435\u0431\u0435 (\u0434\u043e 1200 \u0437\u043d\u0430\u043a\u0456\u0432): <span class=\"required\">*<\/span><\/label>\r\n        <textarea class=\"form-textarea\" name=\"bio\" maxlength=\"1200\" placeholder=\"\u041e\u043f\u0438\u0448\u0456\u0442\u044c \u043a\u043e\u0440\u043e\u0442\u043a\u043e \u0456\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u044e \u043f\u0440\u043e \u0441\u0435\u0431\u0435, \u044f\u043a\u0443 \u0432\u0438 \u0445\u043e\u0442\u0456\u043b\u0438 \u0431 \u0440\u043e\u0437\u043c\u0456\u0441\u0442\u0438\u0442\u0438 \u0443 \u0441\u0432\u043e\u0454\u043c\u0443 \u043f\u0440\u043e\u0444\u0456\u043b\u0456...\" required><\/textarea>\r\n      <\/div>\r\n      <div class=\"form-group\" id=\"bioEnGroup\">\r\n        <label class=\"form-label\">\ud83c\uddec\ud83c\udde7 Additional information about yourself (up to 1200 characters):<\/label>\r\n        <textarea class=\"form-textarea\" name=\"bio_en\" maxlength=\"1200\" placeholder=\"Briefly describe the information about yourself that you would like to include in your profile...\"><\/textarea>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  <!-- Section: Mediation Education -->\r\n<div class=\"form-section\">\r\n  <h2 class=\"section-title\">\u041d\u0430\u0432\u0447\u0430\u043d\u043d\u044f \u0437 \u043f\u0438\u0442\u0430\u043d\u044c \u043c\u0435\u0434\u0456\u0430\u0446\u0456\u0457<\/h2>\r\n\r\n  <div id=\"coursesContainer\">\r\n    <div class=\"course-card\" data-course-id=\"1\">\r\n      <div class=\"course-header\">\r\n        <span class=\"course-title\">\u041a\u0443\u0440\u0441 \/ \u0422\u0440\u0435\u043d\u0456\u043d\u0433 #1<\/span>\r\n        <button type=\"button\" class=\"delete-btn\" style=\"display: none;\">\ud83d\uddd1\ufe0f \u0412\u0438\u0434\u0430\u043b\u0438\u0442\u0438<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"form-group\">\r\n        <label class=\"form-label\">\u041d\u0430\u0437\u0432\u0430 \u043a\u0443\u0440\u0441\u0443 <span class=\"required\">*<\/span><\/label>\r\n        <div class=\"dual-input\">\r\n          <div class=\"input-with-icon\"><span class=\"input-icon\"><span class=\"flag-emoji\">\ud83c\uddfa\ud83c\udde6<\/span><\/span><input type=\"text\" class=\"form-input\" name=\"course_name_uk_1\" placeholder=\"\u041d\u0430\u0437\u0432\u0430 \u043a\u0443\u0440\u0441\u0443\" required><\/div>\r\n          <div class=\"input-with-icon\"><span class=\"input-icon\"><span class=\"flag-emoji\">\ud83c\uddec\ud83c\udde7<\/span><\/span><input type=\"text\" class=\"form-input\" name=\"course_name_en_1\" placeholder=\"Name of the course\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"form-group\">\r\n        <label class=\"form-label\">\u041e\u0440\u0433\u0430\u043d\u0456\u0437\u0430\u0446\u0456\u044f <span class=\"required\">*<\/span><\/label>\r\n        <div class=\"dual-input\">\r\n          <div class=\"input-with-icon\"><span class=\"input-icon\"><span class=\"flag-emoji\">\ud83c\uddfa\ud83c\udde6<\/span><\/span><input type=\"text\" class=\"form-input\" name=\"course_provider_uk_1\" placeholder=\"\u041e\u0440\u0433\u0430\u043d\u0456\u0437\u0430\u0446\u0456\u044f, \u0449\u043e \u0432\u0438\u0434\u0430\u043b\u0430 \u0441\u0435\u0440\u0442\u0438\u0444\u0456\u043a\u0430\u0442\" required><\/div>\r\n          <div class=\"input-with-icon\"><span class=\"input-icon\"><span class=\"flag-emoji\">\ud83c\uddec\ud83c\udde7<\/span><\/span><input type=\"text\" class=\"form-input\" name=\"course_provider_en_1\" placeholder=\"The organization that issued the certificate\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dual-input\">\r\n        <div class=\"form-group\">\r\n          <label class=\"form-label\">\u0420\u0456\u043a \u0442\u0430 \u043c\u0456\u0441\u044f\u0446\u044c \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u043d\u044f \u043a\u0443\u0440\u0441\u0443 <span class=\"required\">*<\/span><\/label>\r\n          <div class=\"date-input\"><span class=\"date-icon\">\ud83d\udcc5<\/span><input type=\"month\" class=\"form-input\" name=\"course_completed_at_1\" required><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"form-group\">\r\n          <label class=\"form-label\">\u041a\u0456\u043b\u044c\u043a\u0456\u0441\u0442\u044c \u0433\u043e\u0434\u0438\u043d \u043d\u0430\u0432\u0447\u0430\u043d\u043d\u044f <span class=\"required\">*<\/span><\/label>\r\n          <div class=\"input-with-icon\"><span class=\"time-icon\">\ud83d\udd50<\/span><input type=\"number\" class=\"form-input\" name=\"course_hours_1\" placeholder=\"\u0412\u043a\u0430\u0436\u0456\u0442\u044c \u0433\u043e\u0434\u0438\u043d\u0438\" required style=\"padding-left: 48px;\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"form-group\">\r\n        <label class=\"form-label\">\u0424\u043e\u0442\u043e \u0430\u0431\u043e \u0441\u043a\u0430\u043d \u0441\u0435\u0440\u0442\u0438\u0444\u0456\u043a\u0430\u0442\u0443 <span class=\"required\">*<\/span><\/label>\r\n        <p class=\"form-hint\">\u0411\u0443\u0434\u044c \u043b\u0430\u0441\u043a\u0430, \u0437\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0442\u0435 \u0441\u0435\u0440\u0442\u0438\u0444\u0456\u043a\u0430\u0442 \u043d\u0430 \u043f\u0456\u0434\u0442\u0432\u0435\u0440\u0434\u0436\u0435\u043d\u043d\u044f \u043f\u0440\u043e\u0445\u043e\u0434\u0436\u0435\u043d\u043d\u044f \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u043d\u043e\u0433\u043e \u043d\u0430\u0432\u0447\u0430\u043d\u043d\u044f.<br>\u042f\u043a\u0449\u043e \u0441\u0435\u0440\u0442\u0438\u0444\u0456\u043a\u0430\u0442 \u043c\u0430\u0454 \u0431\u0456\u043b\u044c\u0448\u0435 \u043e\u0434\u043d\u0456\u0454\u0457 \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0438, \u0442\u043e\u0434\u0456 \u0432\u0438 \u043c\u043e\u0436\u0435\u0442\u0435 \u0437\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438 \u0432\u0441\u0456 \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0438 \u0440\u0430\u0437\u043e\u043c, \u044f\u043a \u043e\u0434\u0438\u043d PDF-\u0444\u0430\u0439\u043b.<\/p>\r\n        <div class=\"upload-box\" id=\"certUpload1\">\r\n          <div class=\"uploaded-file-info\" id=\"cert1FileInfo\" style=\"display:none;\"><\/div>\r\n          <p class=\"upload-title\">\u0412\u0438\u0431\u0435\u0440\u0456\u0442\u044c \u0444\u0430\u0439\u043b<br>\u0430\u0431\u043e \u043f\u0435\u0440\u0435\u0442\u044f\u0433\u043d\u0456\u0442\u044c \u0439\u043e\u0433\u043e \u0441\u044e\u0434\u0438<\/p>\r\n          <p class=\"upload-formats\">PDF, JPEG \u0430\u0431\u043e PNG, \u0434\u043e 5 \u043c\u0431.<\/p>\r\n          <input type=\"file\" class=\"hidden-input\" id=\"certificate1\" name=\"course_certificate_1\" accept=\".pdf,image\/jpeg,image\/png\">\r\n          <button type=\"button\" class=\"upload-button\" onclick=\"document.getElementById('certificate1').click()\">\u041e\u0431\u0440\u0430\u0442\u0438 \u0444\u0430\u0439\u043b<\/button>\r\n        <\/div>\r\n        <button type=\"button\" class=\"delete-btn\" id=\"deleteCert1Btn\" style=\"display:none;margin-top:8px;\">\u0412\u0438\u0434\u0430\u043b\u0438\u0442\u0438 \u0444\u0430\u0439\u043b<\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <button type=\"button\" class=\"add-course-btn\" id=\"addCourseBtn\">+ \u0414\u043e\u0434\u0430\u0442\u0438 \u0456\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u044e \u043f\u0440\u043e \u0456\u043d\u0448\u0438\u0439 \u043a\u0443\u0440\u0441 \u0430\u0431\u043e \u0442\u0440\u0435\u043d\u0456\u043d\u0433<\/button>\r\n<\/div>\r\n\r\n  <!-- Section 7: Agreements -->\r\n  <div class=\"form-section\">\r\n    <div class=\"form-group\">\r\n      <label class=\"form-label\">\u0427\u0438 \u0431\u0430\u0436\u0430\u0454\u0442\u0435 \u0432\u0438 \u043e\u0442\u0440\u0438\u043c\u0443\u0432\u0430\u0442\u0438 \u0456\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u044e \u0449\u043e\u0434\u043e \u043d\u043e\u0432\u0438\u043d \u0442\u0430 \u043f\u043e\u0434\u0456\u0439 \u0443 \u0441\u0444\u0435\u0440\u0456 \u043f\u0435\u0440\u0435\u043a\u043b\u0430\u0434\u0443 \u0437 \u0441\u0430\u0439\u0442\u0443 Mediation-Help.com? <span class=\"required\">*<\/span><\/label>\r\n      <div class=\"radio-group\">\r\n        <div class=\"radio-item\"><input type=\"radio\" id=\"newsletterYes\" name=\"receive_news_and_updates\" value=\"\u0422\u0430\u043a\" required><label for=\"newsletterYes\">\u0422\u0430\u043a<\/label><\/div>\r\n        <div class=\"radio-item\"><input type=\"radio\" id=\"newsletterNo\" name=\"receive_news_and_updates\" value=\"\u041d\u0456\"><label for=\"newsletterNo\">\u041d\u0456<\/label><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"agreement-item\">\r\n      <input type=\"checkbox\" id=\"agreeRules\" name=\"agree_rules\" value=\"1\" required>\r\n      <label for=\"agreeRules\">\u041e\u0437\u043d\u0430\u0439\u043e\u043c\u043b\u0435\u043d\u0438\u0439 \u0437 <a href=\"\/terms-of-use\">\u043f\u0440\u0430\u0432\u0438\u043b\u0430\u043c\u0438 \u043f\u0440\u0438\u0454\u0434\u043d\u0430\u043d\u043d\u044f<\/a> \u0442\u0430 \u0440\u043e\u0431\u043e\u0442\u0438 \u0441\u0430\u0439\u0442\u0443 Mediation-Help.com. \u041f\u0456\u0434\u0442\u0432\u0435\u0440\u0434\u0436\u0443\u044e \u0433\u043e\u0442\u043e\u0432\u043d\u0456\u0441\u0442\u044c \u0457\u0445 \u0434\u043e\u0442\u0440\u0438\u043c\u0443\u0432\u0430\u0442\u0438\u0441\u044f.<\/label>\r\n    <\/div>\r\n\r\n    <div class=\"agreement-item\">\r\n      <input type=\"checkbox\" id=\"agreePrivacy\" name=\"agree_privacy\" value=\"1\" required>\r\n      <label for=\"agreePrivacy\">\u041e\u0437\u043d\u0430\u0439\u043e\u043c\u043b\u0435\u043d\u0438\u0439 \u0437 <a href=\"\/privacy-policy-2\">\u043f\u043e\u043b\u0456\u0442\u0438\u043a\u043e\u044e \u043a\u043e\u043d\u0444\u0456\u0434\u0435\u043d\u0446\u0456\u0439\u043d\u043e\u0441\u0442\u0456<\/a> \u0442\u0430 \u043d\u0430\u0434\u0430\u044e \u0437\u0433\u043e\u0434\u0443 \u043d\u0430 \u043e\u0431\u0440\u043e\u0431\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u0438\u0445 \u0434\u0430\u043d\u0438\u0445.<\/label>\r\n    <\/div>\r\n\r\n    <button type=\"submit\" class=\"submit-btn\" id=\"submitFormBtn\">\r\n      <img decoding=\"async\"\r\n        id=\"submitBtnDiiaIcon\"\r\n        src=\"https:\/\/www.mediation-help.com\/wp-content\/uploads\/2026\/04\/DiiaPidpys_W.svg\"\r\n        alt=\"\"\r\n        class=\"btn-icon\"\r\n      \/>\r\n      <span id=\"submitBtnText\" style=\"display:none;\">\u041d\u0430\u0434\u0456\u0441\u043b\u0430\u0442\u0438 \u0430\u043d\u043a\u0435\u0442\u0443<\/span>\r\n    <\/button>\r\n  <\/div>\r\n<\/form>\r\n\r\n<script>\r\n(() => {\r\n  const $ = (id) => document.getElementById(id);\r\n\r\n  function safeOn(el, evt, fn) {\r\n    if (el) el.addEventListener(evt, fn);\r\n  }\r\n\r\n  function show(el) { if (el) el.style.display = ''; }\r\n  function hide(el) { if (el) el.style.display = 'none'; }\r\n\r\n  function escHtml(s){\r\n    return String(s ?? '')\r\n      .replaceAll('&','&amp;').replaceAll('<','&lt;').replaceAll('>','&gt;')\r\n      .replaceAll('\"','&quot;').replaceAll(\"'\",\"&#039;\");\r\n  }\r\n\r\n  function ensureErrorEl(parent, id, cssText){\r\n    let el = $(id);\r\n    if (!el && parent) {\r\n      el = document.createElement('div');\r\n      el.id = id;\r\n      el.style.cssText = cssText;\r\n      parent.appendChild(el);\r\n    }\r\n    return el;\r\n  }\r\n  \r\n  \/\/ =========================\r\n  \/\/ SETTINGS\r\n  \/\/ =========================\r\n  \/\/ true  = \u0430\u043d\u043a\u0435\u0442\u0430 \u043f\u0440\u043e\u0445\u043e\u0434\u0438\u0442\u044c \u0447\u0435\u0440\u0435\u0437 \u0414\u0456\u044e\r\n  \/\/ false = \u0414\u0456\u044f \u043f\u0440\u0438\u0431\u0440\u0430\u043d\u0430 \u0437 flow, \u0430\u043d\u043a\u0435\u0442\u0430 \u043d\u0430\u0434\u0441\u0438\u043b\u0430\u0454\u0442\u044c\u0441\u044f \u043e\u0434\u0440\u0430\u0437\u0443\r\n  const USE_DIIA_FLOW = false;\r\n  \r\n    function updateSubmitButton() {\r\n    const diiaIcon = $('submitBtnDiiaIcon');\r\n    const btnText = $('submitBtnText');\r\n\r\n    if (diiaIcon) diiaIcon.style.display = USE_DIIA_FLOW ? 'inline-block' : 'none';\r\n    if (btnText) btnText.style.display = USE_DIIA_FLOW ? 'none' : 'inline';\r\n  }\r\n\r\n  updateSubmitButton();\r\n\r\n  \/\/ =======================\r\n  \/\/ PHOTO CROPPER\r\n  \/\/ =======================\r\n  const profilePhotoUpload = $('profilePhotoUpload');\r\n  const profilePhotoInput  = $('profilePhoto');\r\n  const profilePreview     = $('profilePreview');\r\n  const profileLabel       = $('profileLabel');\r\n\r\n  const photoCropperPopup  = $('photoCropperPopup');\r\n  const cropperImage       = $('cropperImage');\r\n  const zoomSlider         = $('zoomSlider');\r\n  const zoomInBtn          = $('zoomInBtn');\r\n  const zoomOutBtn         = $('zoomOutBtn');\r\n  const applyCropBtn       = $('applyCropBtn');\r\n  const cancelCropBtn      = $('cancelCropBtn');\r\n  const resetProfileBtn    = $('resetProfilePhoto');\r\n\r\n  let originalFile = null;\r\n  let baseScale = 1;\r\n  let zoomPercent = 120;\r\n  let posX = 0, posY = 0;\r\n  let isDragging = false;\r\n  let dragStartX = 0, dragStartY = 0;\r\n  let imgNaturalWidth = 0, imgNaturalHeight = 0;\r\n  const CROP_SIZE = 350;\r\n\r\n  function getCurrentScale() {\r\n    return baseScale * (zoomPercent \/ 100);\r\n  }\r\n\r\n  function applyTransform() {\r\n    if (!cropperImage) return;\r\n    const scale = getCurrentScale();\r\n    cropperImage.style.transform =\r\n      `translate(-50%, -50%) translate(${posX}px, ${posY}px) scale(${scale})`;\r\n  }\r\n\r\n  function constrainPosition() {\r\n    const scale = getCurrentScale();\r\n    const scaledW = imgNaturalWidth * scale;\r\n    const scaledH = imgNaturalHeight * scale;\r\n    const maxX = Math.max(0, (scaledW - CROP_SIZE) \/ 2);\r\n    const maxY = Math.max(0, (scaledH - CROP_SIZE) \/ 2);\r\n    posX = Math.min(maxX, Math.max(-maxX, posX));\r\n    posY = Math.min(maxY, Math.max(-maxY, posY));\r\n  }\r\n\r\n  function validateAndOpenCropper(file) {\r\n    if (!file) return;\r\n    if (!['image\/jpeg', 'image\/png'].includes(file.type)) {\r\n      alert('\u0411\u0443\u0434\u044c \u043b\u0430\u0441\u043a\u0430, \u0432\u0438\u0431\u0435\u0440\u0456\u0442\u044c \u0444\u0430\u0439\u043b JPEG \u0430\u0431\u043e PNG.');\r\n      return;\r\n    }\r\n    if (file.size > 2 * 1024 * 1024) {\r\n      alert('\u0424\u0430\u0439\u043b \u0437\u0430\u043d\u0430\u0434\u0442\u043e \u0432\u0435\u043b\u0438\u043a\u0438\u0439. \u041c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u0438\u0439 \u0440\u043e\u0437\u043c\u0456\u0440 2 \u041c\u0411.');\r\n      return;\r\n    }\r\n\r\n    originalFile = file;\r\n\r\n    const reader = new FileReader();\r\n    reader.onload = (e) => {\r\n      const img = new Image();\r\n      img.onload = () => {\r\n        imgNaturalWidth  = img.naturalWidth;\r\n        imgNaturalHeight = img.naturalHeight;\r\n\r\n        const scaleX = CROP_SIZE \/ imgNaturalWidth;\r\n        const scaleY = CROP_SIZE \/ imgNaturalHeight;\r\n        baseScale = Math.max(scaleX, scaleY);\r\n\r\n        zoomPercent = 120;\r\n        posX = 0;\r\n        posY = 0;\r\n\r\n        if (zoomSlider) zoomSlider.value = zoomPercent;\r\n        if (cropperImage) cropperImage.src = e.target.result;\r\n\r\n        applyTransform();\r\n        if (photoCropperPopup) photoCropperPopup.classList.add('active');\r\n      };\r\n      img.src = e.target.result;\r\n    };\r\n    reader.readAsDataURL(file);\r\n  }\r\n\r\n  safeOn(profilePhotoUpload, 'click', (e) => {\r\n    if (e.target && e.target.tagName === 'BUTTON') return;\r\n    profilePhotoInput?.click();\r\n  });\r\n\r\n  safeOn(profilePhotoInput, 'change', (e) => {\r\n    const file = e.target.files?.[0];\r\n    if (file) validateAndOpenCropper(file);\r\n  });\r\n\r\n  if (zoomSlider) {\r\n    zoomSlider.oninput = function() {\r\n      zoomPercent = parseInt(this.value, 10);\r\n      constrainPosition();\r\n      applyTransform();\r\n    };\r\n  }\r\n\r\n  safeOn(zoomInBtn, 'click', () => {\r\n    zoomPercent = Math.min(300, zoomPercent + 10);\r\n    if (zoomSlider) zoomSlider.value = zoomPercent;\r\n    constrainPosition();\r\n    applyTransform();\r\n  });\r\n\r\n  safeOn(zoomOutBtn, 'click', () => {\r\n    zoomPercent = Math.max(100, zoomPercent - 10);\r\n    if (zoomSlider) zoomSlider.value = zoomPercent;\r\n    constrainPosition();\r\n    applyTransform();\r\n  });\r\n\r\n  if (cropperImage) {\r\n    cropperImage.onmousedown = (e) => {\r\n      e.preventDefault();\r\n      isDragging = true;\r\n      dragStartX = e.clientX - posX;\r\n      dragStartY = e.clientY - posY;\r\n      cropperImage.style.cursor = 'grabbing';\r\n    };\r\n\r\n    cropperImage.ontouchstart = (e) => {\r\n      isDragging = true;\r\n      const t = e.touches[0];\r\n      dragStartX = t.clientX - posX;\r\n      dragStartY = t.clientY - posY;\r\n    };\r\n  }\r\n\r\n  document.addEventListener('mousemove', (e) => {\r\n    if (!isDragging) return;\r\n    posX = e.clientX - dragStartX;\r\n    posY = e.clientY - dragStartY;\r\n    constrainPosition();\r\n    applyTransform();\r\n  });\r\n\r\n  document.addEventListener('mouseup', () => {\r\n    if (!isDragging) return;\r\n    isDragging = false;\r\n    if (cropperImage) cropperImage.style.cursor = 'grab';\r\n  });\r\n\r\n  document.addEventListener('touchmove', (e) => {\r\n    if (!isDragging) return;\r\n    const t = e.touches[0];\r\n    posX = t.clientX - dragStartX;\r\n    posY = t.clientY - dragStartY;\r\n    constrainPosition();\r\n    applyTransform();\r\n  }, { passive: false });\r\n\r\n  document.addEventListener('touchend', () => { isDragging = false; });\r\n\r\n  safeOn(cancelCropBtn, 'click', () => {\r\n    photoCropperPopup?.classList.remove('active');\r\n    if (profilePhotoInput) profilePhotoInput.value = '';\r\n    originalFile = null;\r\n  });\r\n\r\n  safeOn(photoCropperPopup, 'click', (e) => {\r\n    if (e.target === photoCropperPopup) {\r\n      photoCropperPopup.classList.remove('active');\r\n      if (profilePhotoInput) profilePhotoInput.value = '';\r\n      originalFile = null;\r\n    }\r\n  });\r\n\r\n  safeOn(applyCropBtn, 'click', () => {\r\n    if (!cropperImage || !originalFile) return;\r\n\r\n    const canvas = document.createElement('canvas');\r\n    const ctx = canvas.getContext('2d');\r\n    const outputSize = 350;\r\n\r\n    canvas.width = outputSize;\r\n    canvas.height = outputSize;\r\n\r\n    const scale = getCurrentScale();\r\n    const srcCropSize = CROP_SIZE \/ scale;\r\n    const centerX = imgNaturalWidth \/ 2 - posX \/ scale;\r\n    const centerY = imgNaturalHeight \/ 2 - posY \/ scale;\r\n    const srcX = centerX - srcCropSize \/ 2;\r\n    const srcY = centerY - srcCropSize \/ 2;\r\n\r\n    ctx.drawImage(\r\n      cropperImage,\r\n      srcX, srcY, srcCropSize, srcCropSize,\r\n      0, 0, outputSize, outputSize\r\n    );\r\n\r\n    canvas.toBlob((blob) => {\r\n      const url = URL.createObjectURL(blob);\r\n      if (profilePreview) profilePreview.src = url;\r\n      if (profileLabel) profileLabel.textContent = originalFile.name;\r\n      profilePhotoUpload?.classList.add('has-file');\r\n\r\n      const croppedFile = new File([blob], originalFile.name, { type: 'image\/png' });\r\n      const dt = new DataTransfer();\r\n      dt.items.add(croppedFile);\r\n      if (profilePhotoInput) profilePhotoInput.files = dt.files;\r\n\r\n      photoCropperPopup?.classList.remove('active');\r\n    }, 'image\/png', 0.95);\r\n  });\r\n\r\n  if (profilePhotoUpload) {\r\n    profilePhotoUpload.ondragover = (e) => { e.preventDefault(); profilePhotoUpload.classList.add('dragover'); };\r\n    profilePhotoUpload.ondragleave = () => profilePhotoUpload.classList.remove('dragover');\r\n    profilePhotoUpload.ondrop = (e) => {\r\n      e.preventDefault();\r\n      profilePhotoUpload.classList.remove('dragover');\r\n      const f = e.dataTransfer.files?.[0];\r\n      if (f) validateAndOpenCropper(f);\r\n    };\r\n  }\r\n\r\n  safeOn(resetProfileBtn, 'click', (e) => {\r\n    e.stopPropagation();\r\n    profilePhotoUpload?.classList.remove('has-file');\r\n    if (profilePreview) profilePreview.src =\r\n      'https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?w=200&h=200&fit=crop&crop=face';\r\n    if (profileLabel) profileLabel.textContent = '\u041f\u0440\u0438\u043a\u043b\u0430\u0434 \u0444\u043e\u0442\u043e';\r\n    if (profilePhotoInput) profilePhotoInput.value = '';\r\n    originalFile = null;\r\n  });\r\n\r\n  \/\/ =======================\r\n  \/\/ English toggle\r\n  \/\/ =======================\r\n  const fillEnglishCheckbox = $('fillEnglish');\r\n  const englishFields = ['firstNameEnGroup', 'lastNameEnGroup', 'bioEnGroup'];\r\n\r\n  safeOn(fillEnglishCheckbox, 'change', (e) => {\r\n    englishFields.forEach(id => {\r\n      const el = $(id);\r\n      if (el) el.style.display = e.target.checked ? '' : 'none';\r\n    });\r\n  });\r\n  \r\n  const langOther = $('langOther');\r\n    const workingLanguageOtherGroup = $('workingLanguageOtherGroup');\r\n    const workingLanguageOtherInput = $('workingLanguageOther');\r\n    \r\n    function toggleWorkingLanguageOther() {\r\n      const shouldShow = !!langOther?.checked;\r\n    \r\n      if (workingLanguageOtherGroup) {\r\n        workingLanguageOtherGroup.style.display = shouldShow ? '' : 'none';\r\n      }\r\n    \r\n      if (workingLanguageOtherInput) {\r\n        workingLanguageOtherInput.required = shouldShow;\r\n    \r\n        if (!shouldShow) {\r\n          workingLanguageOtherInput.value = '';\r\n          workingLanguageOtherInput.classList.remove('error');\r\n    \r\n          const err = $('workingLanguageOtherError');\r\n          if (err) err.textContent = '';\r\n        }\r\n      }\r\n    }\r\n    \r\n    safeOn(langOther, 'change', toggleWorkingLanguageOther);\r\n    toggleWorkingLanguageOther();\r\n\r\n  \/\/ =======================\r\n  \/\/ Popups\r\n  \/\/ =======================\r\n  window.closePrepareDocsPopup = function(){\r\n    $('prepareDocsPopup')?.classList.remove('active');\r\n  };\r\n\r\n  window.closeSuccessPopup = function(){\r\n    $('successPopup')?.classList.remove('active');\r\n    window.location.href = '\/';\r\n  };\r\n\r\n  window.addEventListener('DOMContentLoaded', () => {\r\n    $('prepareDocsPopup')?.classList.add('active');\r\n\r\n    const now = new Date();\r\n    const monthMax = `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, '0')}`;\r\n    const dateMax = now.toISOString().slice(0, 10);\r\n\r\n    const psi = $('translatorPracticeSince');\r\n    if (psi) psi.max = monthMax;\r\n\r\n    const qid = $('qualificationIssueDate');\r\n    if (qid) qid.max = dateMax;\r\n  });\r\n\r\n  \/\/ =======================\r\n  \/\/ Doc upload helpers\r\n  \/\/ =======================\r\n  function handleDocUpload(file, box, maxSizeMB, fileInfoId, deleteBtnId) {\r\n    if (!file || !box) return;\r\n\r\n    if (!['image\/jpeg', 'image\/png', 'application\/pdf'].includes(file.type)) {\r\n      alert('\u0411\u0443\u0434\u044c \u043b\u0430\u0441\u043a\u0430, \u0432\u0438\u0431\u0435\u0440\u0456\u0442\u044c \u0444\u0430\u0439\u043b PDF, JPEG \u0430\u0431\u043e PNG.');\r\n      return;\r\n    }\r\n\r\n    if (file.size > maxSizeMB * 1024 * 1024) {\r\n      alert(`\u0424\u0430\u0439\u043b \u0437\u0430\u043d\u0430\u0434\u0442\u043e \u0432\u0435\u043b\u0438\u043a\u0438\u0439. \u041c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u0438\u0439 \u0440\u043e\u0437\u043c\u0456\u0440 ${maxSizeMB} \u041c\u0411.`);\r\n      return;\r\n    }\r\n\r\n    box.classList.add('has-file');\r\n    box.classList.remove('error');\r\n\r\n    const title = box.querySelector('.upload-title');\r\n    if (title) title.style.display = 'none';\r\n\r\n    const formats = box.querySelector('.upload-formats');\r\n    if (formats) formats.style.display = 'none';\r\n\r\n    if (fileInfoId) {\r\n      const info = document.getElementById(fileInfoId);\r\n      if (info) {\r\n        info.style.display = '';\r\n        info.innerHTML = `<span>${escHtml(file.name)}<\/span>`;\r\n      }\r\n    }\r\n\r\n    if (deleteBtnId) {\r\n      const btn = document.getElementById(deleteBtnId);\r\n      if (btn) btn.style.display = '';\r\n    }\r\n  }\r\n\r\n  function setupDocDragDrop(box, input, maxSizeMB, fileInfoId, deleteBtnId) {\r\n    if (!box || !input) return;\r\n\r\n    box.addEventListener('dragover', (e) => {\r\n      e.preventDefault();\r\n      box.classList.add('dragover');\r\n    });\r\n\r\n    box.addEventListener('dragleave', () => {\r\n      box.classList.remove('dragover');\r\n    });\r\n\r\n    box.addEventListener('drop', (e) => {\r\n      e.preventDefault();\r\n      box.classList.remove('dragover');\r\n\r\n      if (e.dataTransfer.files.length > 0) {\r\n        input.files = e.dataTransfer.files;\r\n        handleDocUpload(e.dataTransfer.files[0], box, maxSizeMB, fileInfoId, deleteBtnId);\r\n      }\r\n    });\r\n  }\r\n\r\n  function setupDeleteBtn(btnId, boxEl, fileInfoId, inputEl) {\r\n    safeOn($(btnId), 'click', () => {\r\n      boxEl?.classList.remove('has-file');\r\n      boxEl?.classList.remove('error');\r\n\r\n      const info = $(fileInfoId);\r\n      if (info) {\r\n        info.innerHTML = '';\r\n        info.style.display = 'none';\r\n      }\r\n\r\n      const title = boxEl?.querySelector('.upload-title');\r\n      if (title) title.style.display = '';\r\n\r\n      const formats = boxEl?.querySelector('.upload-formats');\r\n      if (formats) formats.style.display = '';\r\n\r\n      if (inputEl) inputEl.value = '';\r\n\r\n      const btn = $(btnId);\r\n      if (btn) btn.style.display = 'none';\r\n    });\r\n  }\r\n\r\n  \/\/ =======================\r\n  \/\/ Qualification doc upload\r\n  \/\/ =======================\r\n  const qualDocUpload = $('qualificationDocUpload');\r\n  const qualDocInput  = $('qualificationDoc');\r\n\r\n  safeOn(qualDocUpload, 'click', (e) => {\r\n    if (e.target.tagName !== 'BUTTON') qualDocInput?.click();\r\n  });\r\n\r\n  safeOn(qualDocInput, 'change', (e) => {\r\n    handleDocUpload(e.target.files[0], qualDocUpload, 5, 'qualificationDocFileInfo', 'deleteQualificationDocBtn');\r\n  });\r\n\r\n  setupDocDragDrop(qualDocUpload, qualDocInput, 5, 'qualificationDocFileInfo', 'deleteQualificationDocBtn');\r\n  setupDeleteBtn('deleteQualificationDocBtn', qualDocUpload, 'qualificationDocFileInfo', qualDocInput);\r\n\r\n  \/\/ =======================\r\n  \/\/ Courses \/ mediation certificates\r\n  \/\/ =======================\r\n  const coursesContainer = $('coursesContainer');\r\n  const addCourseBtn = $('addCourseBtn');\r\n  let courseIdCounter = 1;\r\n\r\n  function updateCourseDeleteButtons() {\r\n    if (!coursesContainer) return;\r\n\r\n    const cards = coursesContainer.querySelectorAll('.course-card');\r\n\r\n    cards.forEach((card) => {\r\n      const btn = card.querySelector('.course-header .delete-btn');\r\n      if (btn) btn.style.display = cards.length === 1 ? 'none' : '';\r\n    });\r\n  }\r\n\r\n  function renumberCourses() {\r\n    if (!coursesContainer) return;\r\n\r\n    coursesContainer.querySelectorAll('.course-card').forEach((card, index) => {\r\n      const title = card.querySelector('.course-title');\r\n      if (title) title.textContent = `\u041a\u0443\u0440\u0441 \/ \u0422\u0440\u0435\u043d\u0456\u043d\u0433 #${index + 1}`;\r\n    });\r\n  }\r\n\r\n  function removeCourseCard(card) {\r\n    if (!card || !coursesContainer) return;\r\n\r\n    const cards = coursesContainer.querySelectorAll('.course-card');\r\n    if (cards.length <= 1) return;\r\n\r\n    card.remove();\r\n    updateCourseDeleteButtons();\r\n    renumberCourses();\r\n  }\r\n\r\n  safeOn(coursesContainer, 'click', (e) => {\r\n    const btn = e.target.closest('.course-header .delete-btn');\r\n    if (!btn) return;\r\n\r\n    removeCourseCard(btn.closest('.course-card'));\r\n  });\r\n\r\n  function createCourseCard(num) {\r\n    const card = document.createElement('div');\r\n    card.className = 'course-card';\r\n    card.dataset.courseId = String(num);\r\n\r\n    card.innerHTML = `\r\n      <div class=\"course-header\">\r\n        <span class=\"course-title\">\u041a\u0443\u0440\u0441 \/ \u0422\u0440\u0435\u043d\u0456\u043d\u0433 #${num}<\/span>\r\n        <button type=\"button\" class=\"delete-btn\">\ud83d\uddd1\ufe0f \u0412\u0438\u0434\u0430\u043b\u0438\u0442\u0438<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"form-group\">\r\n        <label class=\"form-label\">\u041d\u0430\u0437\u0432\u0430 \u043a\u0443\u0440\u0441\u0443 <span class=\"required\">*<\/span><\/label>\r\n        <div class=\"dual-input\">\r\n          <div class=\"input-with-icon\"><span class=\"input-icon\"><span class=\"flag-emoji\">\ud83c\uddfa\ud83c\udde6<\/span><\/span><input type=\"text\" class=\"form-input\" name=\"course_name_uk_${num}\" placeholder=\"\u041d\u0430\u0437\u0432\u0430 \u043a\u0443\u0440\u0441\u0443\" required><\/div>\r\n          <div class=\"input-with-icon\"><span class=\"input-icon\"><span class=\"flag-emoji\">\ud83c\uddec\ud83c\udde7<\/span><\/span><input type=\"text\" class=\"form-input\" name=\"course_name_en_${num}\" placeholder=\"Name of the course\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"form-group\">\r\n        <label class=\"form-label\">\u041e\u0440\u0433\u0430\u043d\u0456\u0437\u0430\u0446\u0456\u044f <span class=\"required\">*<\/span><\/label>\r\n        <div class=\"dual-input\">\r\n          <div class=\"input-with-icon\"><span class=\"input-icon\"><span class=\"flag-emoji\">\ud83c\uddfa\ud83c\udde6<\/span><\/span><input type=\"text\" class=\"form-input\" name=\"course_provider_uk_${num}\" placeholder=\"\u041e\u0440\u0433\u0430\u043d\u0456\u0437\u0430\u0446\u0456\u044f, \u0449\u043e \u0432\u0438\u0434\u0430\u043b\u0430 \u0441\u0435\u0440\u0442\u0438\u0444\u0456\u043a\u0430\u0442\" required><\/div>\r\n          <div class=\"input-with-icon\"><span class=\"input-icon\"><span class=\"flag-emoji\">\ud83c\uddec\ud83c\udde7<\/span><\/span><input type=\"text\" class=\"form-input\" name=\"course_provider_en_${num}\" placeholder=\"The organization that issued the certificate\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dual-input\">\r\n        <div class=\"form-group\">\r\n          <label class=\"form-label\">\u0420\u0456\u043a \u0442\u0430 \u043c\u0456\u0441\u044f\u0446\u044c \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u043d\u044f \u043a\u0443\u0440\u0441\u0443 <span class=\"required\">*<\/span><\/label>\r\n          <div class=\"date-input\"><span class=\"date-icon\">\ud83d\udcc5<\/span><input type=\"month\" class=\"form-input\" name=\"course_completed_at_${num}\" required><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"form-group\">\r\n          <label class=\"form-label\">\u041a\u0456\u043b\u044c\u043a\u0456\u0441\u0442\u044c \u0433\u043e\u0434\u0438\u043d \u043d\u0430\u0432\u0447\u0430\u043d\u043d\u044f <span class=\"required\">*<\/span><\/label>\r\n          <div class=\"input-with-icon\"><span class=\"time-icon\">\ud83d\udd50<\/span><input type=\"number\" class=\"form-input\" name=\"course_hours_${num}\" placeholder=\"\u0412\u043a\u0430\u0436\u0456\u0442\u044c \u0433\u043e\u0434\u0438\u043d\u0438\" required style=\"padding-left: 48px;\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"form-group\">\r\n        <label class=\"form-label\">\u0424\u043e\u0442\u043e \u0430\u0431\u043e \u0441\u043a\u0430\u043d \u0441\u0435\u0440\u0442\u0438\u0444\u0456\u043a\u0430\u0442\u0443 <span class=\"required\">*<\/span><\/label>\r\n        <p class=\"form-hint\">\u0411\u0443\u0434\u044c \u043b\u0430\u0441\u043a\u0430, \u0437\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0442\u0435 \u0441\u0435\u0440\u0442\u0438\u0444\u0456\u043a\u0430\u0442 \u043d\u0430 \u043f\u0456\u0434\u0442\u0432\u0435\u0440\u0434\u0436\u0435\u043d\u043d\u044f \u043f\u0440\u043e\u0445\u043e\u0434\u0436\u0435\u043d\u043d\u044f \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u043d\u043e\u0433\u043e \u043d\u0430\u0432\u0447\u0430\u043d\u043d\u044f.<br>\u042f\u043a\u0449\u043e \u0441\u0435\u0440\u0442\u0438\u0444\u0456\u043a\u0430\u0442 \u043c\u0430\u0454 \u0431\u0456\u043b\u044c\u0448\u0435 \u043e\u0434\u043d\u0456\u0454\u0457 \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0438, \u0442\u043e\u0434\u0456 \u0432\u0438 \u043c\u043e\u0436\u0435\u0442\u0435 \u0437\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438 \u0432\u0441\u0456 \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0438 \u0440\u0430\u0437\u043e\u043c, \u044f\u043a \u043e\u0434\u0438\u043d PDF-\u0444\u0430\u0439\u043b.<\/p>\r\n        <div class=\"upload-box\" id=\"certUpload${num}\">\r\n          <div class=\"uploaded-file-info\" id=\"cert${num}FileInfo\" style=\"display:none;\"><\/div>\r\n          <p class=\"upload-title\">\u0412\u0438\u0431\u0435\u0440\u0456\u0442\u044c \u0444\u0430\u0439\u043b<br>\u0430\u0431\u043e \u043f\u0435\u0440\u0435\u0442\u044f\u0433\u043d\u0456\u0442\u044c \u0439\u043e\u0433\u043e \u0441\u044e\u0434\u0438<\/p>\r\n          <p class=\"upload-formats\">PDF, JPEG \u0430\u0431\u043e PNG, \u0434\u043e 5 \u043c\u0431.<\/p>\r\n          <input type=\"file\" class=\"hidden-input\" id=\"certificate${num}\" name=\"course_certificate_${num}\" accept=\".pdf,image\/jpeg,image\/png\">\r\n          <button type=\"button\" class=\"upload-button\" onclick=\"document.getElementById('certificate${num}').click()\">\u041e\u0431\u0440\u0430\u0442\u0438 \u0444\u0430\u0439\u043b<\/button>\r\n        <\/div>\r\n        <button type=\"button\" class=\"delete-btn\" id=\"deleteCert${num}Btn\" style=\"display:none;margin-top:8px;\">\u0412\u0438\u0434\u0430\u043b\u0438\u0442\u0438 \u0444\u0430\u0439\u043b<\/button>\r\n      <\/div>\r\n    `;\r\n\r\n    setTimeout(() => {\r\n      const certUpload = $(`certUpload${num}`);\r\n      const certInput = $(`certificate${num}`);\r\n\r\n      safeOn(certUpload, 'click', (e) => {\r\n        if (e.target.tagName !== 'BUTTON') certInput?.click();\r\n      });\r\n\r\n      safeOn(certInput, 'change', (e) => {\r\n        handleDocUpload(e.target.files[0], certUpload, 5, `cert${num}FileInfo`, `deleteCert${num}Btn`);\r\n      });\r\n\r\n      setupDocDragDrop(certUpload, certInput, 5, `cert${num}FileInfo`, `deleteCert${num}Btn`);\r\n      setupDeleteBtn(`deleteCert${num}Btn`, certUpload, `cert${num}FileInfo`, certInput);\r\n    }, 0);\r\n\r\n    return card;\r\n  }\r\n\r\n  function initFirstCourseUpload() {\r\n    const certUpload1 = $('certUpload1');\r\n    const cert1Input = $('certificate1');\r\n\r\n    safeOn(certUpload1, 'click', (e) => {\r\n      if (e.target.tagName !== 'BUTTON') cert1Input?.click();\r\n    });\r\n\r\n    safeOn(cert1Input, 'change', (e) => {\r\n      handleDocUpload(e.target.files[0], certUpload1, 5, 'cert1FileInfo', 'deleteCert1Btn');\r\n    });\r\n\r\n    setupDocDragDrop(certUpload1, cert1Input, 5, 'cert1FileInfo', 'deleteCert1Btn');\r\n    setupDeleteBtn('deleteCert1Btn', certUpload1, 'cert1FileInfo', cert1Input);\r\n  }\r\n\r\n  safeOn(addCourseBtn, 'click', () => {\r\n    if (!coursesContainer) return;\r\n\r\n    courseIdCounter++;\r\n    coursesContainer.appendChild(createCourseCard(courseIdCounter));\r\n    updateCourseDeleteButtons();\r\n    renumberCourses();\r\n  });\r\n\r\n  initFirstCourseUpload();\r\n  updateCourseDeleteButtons();\r\n\r\n  function validateCourses() {\r\n    if (!coursesContainer) return { hasError: false, firstErrorEl: null };\r\n\r\n    let hasError = false;\r\n    let firstErrorEl = null;\r\n\r\n    const cards = coursesContainer.querySelectorAll('.course-card');\r\n\r\n    cards.forEach((card) => {\r\n      const courseId = card.dataset.courseId;\r\n\r\n      card.querySelectorAll('.course-field-error, .certificate-field-error').forEach(el => el.remove());\r\n      card.querySelectorAll('.form-input, .upload-box').forEach(el => el.classList.remove('error'));\r\n\r\n      const requiredFields = [\r\n        { selector: `input[name=\"course_name_uk_${courseId}\"]`, label: '\u043d\u0430\u0437\u0432\u0443 \u043a\u0443\u0440\u0441\u0443' },\r\n        { selector: `input[name=\"course_provider_uk_${courseId}\"]`, label: '\u043e\u0440\u0433\u0430\u043d\u0456\u0437\u0430\u0446\u0456\u044e' },\r\n        { selector: `input[name=\"course_completed_at_${courseId}\"]`, label: '\u0434\u0430\u0442\u0443 \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u043d\u044f \u043a\u0443\u0440\u0441\u0443' },\r\n        { selector: `input[name=\"course_hours_${courseId}\"]`, label: '\u043a\u0456\u043b\u044c\u043a\u0456\u0441\u0442\u044c \u0433\u043e\u0434\u0438\u043d \u043d\u0430\u0432\u0447\u0430\u043d\u043d\u044f' }\r\n      ];\r\n\r\n      requiredFields.forEach(({ selector, label }) => {\r\n        const input = card.querySelector(selector);\r\n        if (!input) return;\r\n\r\n        if (!input.value.trim()) {\r\n          hasError = true;\r\n          input.classList.add('error');\r\n\r\n          const group = input.closest('.form-group');\r\n          if (group && !group.querySelector('.course-field-error')) {\r\n            const err = document.createElement('div');\r\n            err.className = 'course-field-error';\r\n            err.style.cssText = 'color:#e53935;font-size:13px;margin-top:8px;';\r\n            err.textContent = `\u0411\u0443\u0434\u044c \u043b\u0430\u0441\u043a\u0430, \u0432\u043a\u0430\u0436\u0456\u0442\u044c ${label}.`;\r\n            group.appendChild(err);\r\n          }\r\n\r\n          if (!firstErrorEl) firstErrorEl = input;\r\n        }\r\n      });\r\n\r\n      const certUpload = $(`certUpload${courseId}`);\r\n      const certInput = $(`certificate${courseId}`);\r\n\r\n      if (certUpload && certInput && (!certInput.files || certInput.files.length === 0)) {\r\n        hasError = true;\r\n        certUpload.classList.add('error');\r\n\r\n        const group = certUpload.closest('.form-group');\r\n        if (group && !group.querySelector('.certificate-field-error')) {\r\n          const err = document.createElement('div');\r\n          err.className = 'certificate-field-error';\r\n          err.style.cssText = 'color:#e53935;font-size:13px;margin-top:8px;';\r\n          err.textContent = '\u0411\u0443\u0434\u044c \u043b\u0430\u0441\u043a\u0430, \u0437\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0442\u0435 \u0441\u0435\u0440\u0442\u0438\u0444\u0456\u043a\u0430\u0442.';\r\n          group.appendChild(err);\r\n        }\r\n\r\n        if (!firstErrorEl) firstErrorEl = certUpload;\r\n      }\r\n    });\r\n\r\n    return { hasError, firstErrorEl };\r\n  }\r\n\r\n  \/\/ =======================\r\n  \/\/ Payment toggles\r\n  \/\/ =======================\r\n  const paymentHourlyCheckbox    = $('paymentHourly');\r\n  const paymentTranslationCheckbox = $('paymentMediation');\r\n  const paymentMeetingCheckbox   = $('paymentMeeting');\r\n  const paymentFreeCheckbox      = $('paymentFree');\r\n  const paymentDonationCheckbox  = $('paymentDonation');\r\n\r\n  const hourlyRateGroup          = $('hourlyRateGroup');\r\n  const freeServicesTermsGroup   = $('freeServicesTermsGroup');\r\n  const donationTermsGroup       = $('donationTermsGroup');\r\n\r\n  function updatePaymentFieldsVisibility() {\r\n    const anyPaid = !!(\r\n      paymentHourlyCheckbox?.checked ||\r\n      paymentTranslationCheckbox?.checked ||\r\n      paymentMeetingCheckbox?.checked\r\n    );\r\n    if (hourlyRateGroup) hourlyRateGroup.style.display = anyPaid ? '' : 'none';\r\n    if (freeServicesTermsGroup) freeServicesTermsGroup.style.display = paymentFreeCheckbox?.checked ? '' : 'none';\r\n    if (donationTermsGroup) donationTermsGroup.style.display = paymentDonationCheckbox?.checked ? '' : 'none';\r\n  }\r\n\r\n  [paymentHourlyCheckbox, paymentTranslationCheckbox, paymentMeetingCheckbox, paymentFreeCheckbox, paymentDonationCheckbox]\r\n    .forEach(cb => safeOn(cb, 'change', updatePaymentFieldsVisibility));\r\n\r\n  updatePaymentFieldsVisibility();\r\n\r\n  \/\/ =======================\r\n  \/\/ Oral translation subtypes\r\n  \/\/ =======================\r\n  const transOral = $('transOral');\r\n  const oralSubtypes = $('oralSubtypes');\r\n  const oralSubtypeCheckboxes = ['transSync', 'transConsec', 'transChuch'];\r\n\r\n  function updateOralSubtypesVisibility() {\r\n    if (!transOral || !oralSubtypes) return;\r\n\r\n    if (transOral.checked) {\r\n      oralSubtypes.style.display = 'flex';\r\n    } else {\r\n      oralSubtypes.style.display = 'none';\r\n\r\n      oralSubtypeCheckboxes.forEach(id => {\r\n        const el = $(id);\r\n        if (el) el.checked = false;\r\n      });\r\n    }\r\n  }\r\n\r\n  safeOn(transOral, 'change', updateOralSubtypesVisibility);\r\n  updateOralSubtypesVisibility();\r\n\r\n  \/\/ =======================\r\n  \/\/ Memberships add\/remove\r\n  \/\/ =======================\r\n  const membershipsContainer = $('membershipsContainer');\r\n  const addMembershipBtn     = $('addMembershipBtn');\r\n  let membershipIdCounter = 1;\r\n\r\n  function updateMembershipDeleteButtons() {\r\n    if (!membershipsContainer) return;\r\n    const rows = membershipsContainer.querySelectorAll('.location-input-row');\r\n    rows.forEach(row => {\r\n      const del = row.querySelector('.delete-membership');\r\n      if (del) del.style.display = rows.length === 1 ? 'none' : '';\r\n    });\r\n  }\r\n\r\n  safeOn(addMembershipBtn, 'click', () => {\r\n    if (!membershipsContainer) return;\r\n    membershipIdCounter++;\r\n    const row = document.createElement('div');\r\n    row.className = 'location-input-row';\r\n    row.dataset.membershipId = String(membershipIdCounter);\r\n    row.style.marginBottom = '12px';\r\n    row.innerHTML = `\r\n      <input type=\"text\" class=\"form-input\" name=\"membership_name[]\" placeholder=\"\u041d\u0430\u0437\u0432\u0430 \u043e\u0440\u0433\u0430\u043d\u0456\u0437\u0430\u0446\u0456\u0457 \/ \u043e\u0431'\u0454\u0434\u043d\u0430\u043d\u043d\u044f\" style=\"flex: 1;\">\r\n      <input type=\"url\" class=\"form-input\" name=\"membership_link[]\" placeholder=\"\u041f\u043e\u0441\u0438\u043b\u0430\u043d\u043d\u044f \u043d\u0430 \u043f\u0440\u043e\u0444\u0456\u043b\u044c (https:\/\/...)\" style=\"flex: 1;\">\r\n      <button type=\"button\" class=\"location-btn delete-membership\">\ud83d\uddd1\ufe0f<\/button>\r\n    `;\r\n    membershipsContainer.appendChild(row);\r\n    updateMembershipDeleteButtons();\r\n  });\r\n\r\n  safeOn(membershipsContainer, 'click', (e) => {\r\n    if (e.target.classList.contains('delete-membership')) {\r\n      e.target.closest('.location-input-row')?.remove();\r\n      updateMembershipDeleteButtons();\r\n    }\r\n  });\r\n\r\n  updateMembershipDeleteButtons();\r\n\r\n  \/\/ =======================\r\n  \/\/ Locations\r\n  \/\/ =======================\r\n  const locationList      = $('locationList');\r\n  const placeInput        = $('offlinePlaceInput');\r\n  const addLocationBtn    = $('addLocationBtn');\r\n\r\n  const offlineCheckbox   = $('formatOffline');\r\n  const locationFormGroup = $('locationFormGroup');\r\n\r\n  const hLat      = $('shirota_mista');\r\n  const hLng      = $('dovgota_mista');\r\n  const hCountry  = $('country');\r\n  const hRegion   = $('region');\r\n  const hCity     = $('city');\r\n  const hPlaceId  = $('place_id');\r\n  const hJson     = $('locations');\r\n\r\n  let selectedPlace = null;\r\n  let locations = [];\r\n\r\n  function updateLocationVisibility(){\r\n    if (!locationFormGroup) return;\r\n    locationFormGroup.style.display = offlineCheckbox?.checked ? '' : 'none';\r\n  }\r\n\r\n  safeOn(offlineCheckbox, 'change', updateLocationVisibility);\r\n  updateLocationVisibility();\r\n\r\n  function formatLabel(loc){\r\n    const c = (loc.country || '').trim();\r\n    const r = (loc.region || '').trim();\r\n    const city = (loc.city || '').trim();\r\n\r\n    const isUkraine = ['ukraine', '\u0443\u043a\u0440\u0430\u0457\u043d\u0430'].includes(c.toLowerCase());\r\n\r\n    if (isUkraine && r && city) return `${c}, ${r}, ${city}`;\r\n    if (c && city) return `${c}, ${city}`;\r\n    return c || city || '';\r\n  }\r\n\r\n  function setPrimaryFromFirst(){\r\n    const first = locations[0];\r\n    if (!first){\r\n      if (hLat) hLat.value = '';\r\n      if (hLng) hLng.value = '';\r\n      if (hCountry) hCountry.value = '';\r\n      if (hRegion) hRegion.value = '';\r\n      if (hCity) hCity.value = '';\r\n      if (hPlaceId) hPlaceId.value = '';\r\n      return;\r\n    }\r\n\r\n    if (hLat) hLat.value = String(first.lat ?? '');\r\n    if (hLng) hLng.value = String(first.lng ?? '');\r\n    if (hCountry) hCountry.value = first.country || '';\r\n    if (hRegion) hRegion.value = first.region || '';\r\n    if (hCity) hCity.value = first.city || '';\r\n    if (hPlaceId) hPlaceId.value = first.place_id || '';\r\n  }\r\n\r\n  function syncLocationsHidden(){\r\n    if (hJson) {\r\n      hJson.value = JSON.stringify(locations.map(l => ({\r\n        country: l.country || '',\r\n        region: l.region || '',\r\n        city: l.city || '',\r\n        lat: l.lat ?? '',\r\n        lng: l.lng ?? '',\r\n        place_id: l.place_id || ''\r\n      })));\r\n    }\r\n    setPrimaryFromFirst();\r\n  }\r\n\r\n  function renderLocations(){\r\n    if (!locationList) return;\r\n    locationList.innerHTML = locations.map((l, idx) => `\r\n      <div class=\"location-item\" data-idx=\"${idx}\">\r\n        <span>${escHtml(l.label)}<\/span>\r\n        <div class=\"location-actions\">\r\n          <button type=\"button\" class=\"location-btn make-primary\" title=\"\u0417\u0440\u043e\u0431\u0438\u0442\u0438 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u044e\">\u2605<\/button>\r\n          <button type=\"button\" class=\"location-btn delete-location\" title=\"\u0412\u0438\u0434\u0430\u043b\u0438\u0442\u0438\">\u2715<\/button>\r\n        <\/div>\r\n      <\/div>\r\n    `).join('');\r\n    syncLocationsHidden();\r\n  }\r\n\r\n  function samePlace(a, b){\r\n    if (!a || !b) return false;\r\n    if (a.place_id && b.place_id) return a.place_id === b.place_id;\r\n    return String(a.lat) === String(b.lat) && String(a.lng) === String(b.lng);\r\n  }\r\n\r\n  safeOn(addLocationBtn, 'click', () => {\r\n    if (!placeInput) return;\r\n\r\n    if (!selectedPlace || selectedPlace.lat == null || selectedPlace.lng == null) {\r\n      placeInput.classList.add('error');\r\n      placeInput.focus();\r\n      return;\r\n    }\r\n\r\n    placeInput.classList.remove('error');\r\n\r\n    if (locations.some(l => samePlace(l, selectedPlace))) {\r\n      placeInput.value = '';\r\n      selectedPlace = null;\r\n      return;\r\n    }\r\n\r\n    const loc = {\r\n      country: selectedPlace.country || '',\r\n      region: selectedPlace.region || '',\r\n      city: selectedPlace.city || '',\r\n      lat: selectedPlace.lat,\r\n      lng: selectedPlace.lng,\r\n      place_id: selectedPlace.place_id || ''\r\n    };\r\n\r\n    loc.label = formatLabel(loc);\r\n\r\n    locations.push(loc);\r\n    placeInput.value = '';\r\n    selectedPlace = null;\r\n    renderLocations();\r\n  });\r\n\r\n  safeOn(placeInput, 'keydown', (e) => {\r\n    if (e.key === 'Enter') {\r\n      e.preventDefault();\r\n      addLocationBtn?.click();\r\n    }\r\n  });\r\n\r\n  safeOn(locationList, 'click', (e) => {\r\n    const row = e.target.closest('.location-item');\r\n    if (!row) return;\r\n    const idx = parseInt(row.getAttribute('data-idx'), 10);\r\n    if (!Number.isFinite(idx)) return;\r\n\r\n    if (e.target.classList.contains('delete-location')) {\r\n      locations.splice(idx, 1);\r\n      renderLocations();\r\n      return;\r\n    }\r\n\r\n    if (e.target.classList.contains('make-primary')) {\r\n      const [picked] = locations.splice(idx, 1);\r\n      locations.unshift(picked);\r\n      renderLocations();\r\n    }\r\n  });\r\n\r\n  function pickComponent(place, type){\r\n    const c = (place.address_components || []).find(x => (x.types || []).includes(type));\r\n    return c ? c.long_name : '';\r\n  }\r\n\r\n  function initAutocomplete(){\r\n    if (!placeInput) return;\r\n    if (!window.google || !google.maps || !google.maps.places) return;\r\n\r\n    const ac = new google.maps.places.Autocomplete(placeInput, {\r\n      types: ['(cities)'],\r\n      fields: ['place_id','geometry','address_components','name']\r\n    });\r\n\r\n    ac.addListener('place_changed', () => {\r\n      const place = ac.getPlace();\r\n      if (!place || !place.geometry || !place.geometry.location) return;\r\n\r\n      const lat = place.geometry.location.lat();\r\n      const lng = place.geometry.location.lng();\r\n\r\n      const country = pickComponent(place, 'country');\r\n      const region =\r\n        pickComponent(place, 'administrative_area_level_1') || '';\r\n\r\n      const city =\r\n        pickComponent(place, 'locality') ||\r\n        pickComponent(place, 'postal_town') ||\r\n        pickComponent(place, 'administrative_area_level_2') ||\r\n        place.name || '';\r\n\r\n      selectedPlace = {\r\n        country,\r\n        region,\r\n        city,\r\n        lat,\r\n        lng,\r\n        place_id: place.place_id || ''\r\n      };\r\n\r\n      if (hLat) hLat.value = String(lat);\r\n      if (hLng) hLng.value = String(lng);\r\n      if (hCountry) hCountry.value = country;\r\n      if (hRegion) hRegion.value = region;\r\n      if (hCity) hCity.value = city;\r\n      if (hPlaceId) hPlaceId.value = place.place_id || '';\r\n\r\n      placeInput.classList.remove('error');\r\n    });\r\n  }\r\n\r\n  let autocompleteInited = false;\r\n\r\nfunction initAutocomplete() {\r\n  if (autocompleteInited) return;\r\n  if (!placeInput) return;\r\n  if (!window.google || !google.maps || !google.maps.places) return;\r\n\r\n  autocompleteInited = true;\r\n\r\n  const ac = new google.maps.places.Autocomplete(placeInput, {\r\n    types: ['(cities)'],\r\n    fields: ['place_id', 'geometry', 'address_components', 'name']\r\n  });\r\n\r\n  ac.addListener('place_changed', () => {\r\n    const place = ac.getPlace();\r\n    if (!place || !place.geometry || !place.geometry.location) return;\r\n\r\n    const lat = place.geometry.location.lat();\r\n    const lng = place.geometry.location.lng();\r\n\r\n    const country = pickComponent(place, 'country');\r\n    const region = pickComponent(place, 'administrative_area_level_1') || '';\r\n\r\n    const city =\r\n      pickComponent(place, 'locality') ||\r\n      pickComponent(place, 'postal_town') ||\r\n      pickComponent(place, 'administrative_area_level_2') ||\r\n      place.name ||\r\n      '';\r\n\r\n    selectedPlace = {\r\n      country,\r\n      region,\r\n      city,\r\n      lat,\r\n      lng,\r\n      place_id: place.place_id || ''\r\n    };\r\n\r\n    if (hLat) hLat.value = String(lat);\r\n    if (hLng) hLng.value = String(lng);\r\n    if (hCountry) hCountry.value = country;\r\n    if (hRegion) hRegion.value = region;\r\n    if (hCity) hCity.value = city;\r\n    if (hPlaceId) hPlaceId.value = place.place_id || '';\r\n\r\n    placeInput.classList.remove('error');\r\n  });\r\n}\r\n\r\nwindow.addEventListener('mh-google-places-ready', initAutocomplete);\r\n\r\nif (window.google && window.google.maps && window.google.maps.places) {\r\n  initAutocomplete();\r\n}\r\n\r\n  \/\/ =======================\r\n  \/\/ Form submit + validation\r\n  \/\/ =======================\r\n  const form = $('translatorForm');\r\n\r\n  function showDiiaPopup(deeplink) {\r\n    let popup = document.getElementById('diiaAuthPopup');\r\n\r\n    if (!popup) {\r\n      popup = document.createElement('div');\r\n      popup.id = 'diiaAuthPopup';\r\n      popup.style.cssText = `\r\n        position: fixed;\r\n        inset: 0;\r\n        background: rgba(0,0,0,.6);\r\n        z-index: 99999;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n      `;\r\n\r\n      popup.innerHTML = `\r\n        <div style=\"background:#fff;padding:24px;border-radius:16px;max-width:420px;width:90%;text-align:center;\">\r\n          <h3 style=\"margin-bottom:12px;\">\u041f\u0456\u0434\u0442\u0432\u0435\u0440\u0434\u0436\u0435\u043d\u043d\u044f \u0447\u0435\u0440\u0435\u0437 \u0414\u0456\u044e<\/h3>\r\n          <p style=\"margin-bottom:16px;\">\u0421\u043a\u0430\u043d\u0443\u0439\u0442\u0435 QR-\u043a\u043e\u0434 \u0443 \u0437\u0430\u0441\u0442\u043e\u0441\u0443\u043d\u043a\u0443 \u0414\u0456\u044f.<\/p>\r\n          <div id=\"diiaQrWrap\" style=\"margin-bottom:16px;\"><\/div>\r\n          <p style=\"font-size:13px;color:#666;margin-bottom:16px;\">\u0410\u0431\u043e \u0432\u0456\u0434\u043a\u0440\u0438\u0439\u0442\u0435 \u043f\u043e\u0441\u0438\u043b\u0430\u043d\u043d\u044f \u0432\u0440\u0443\u0447\u043d\u0443 \u043d\u0430 \u0446\u044c\u043e\u043c\u0443 \u043f\u0440\u0438\u0441\u0442\u0440\u043e\u0457.<\/p>\r\n          <a id=\"diiaOpenLink\" href=\"#\" target=\"_blank\" rel=\"noopener\" style=\"display:inline-block;padding:10px 18px;background:#111;color:#fff;border-radius:999px;text-decoration:none;\">\r\n            \u0412\u0456\u0434\u043a\u0440\u0438\u0442\u0438 \u0414\u0456\u044e\r\n          <\/a>\r\n        <\/div>\r\n      `;\r\n\r\n      document.body.appendChild(popup);\r\n    }\r\n\r\n    document.getElementById('diiaOpenLink').href = deeplink;\r\n\r\n    const qrWrap = document.getElementById('diiaQrWrap');\r\n    qrWrap.innerHTML = `\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/api.qrserver.com\/v1\/create-qr-code\/?size=260x260&data=${encodeURIComponent(deeplink)}\"\r\n        alt=\"QR code\"\r\n        style=\"width:260px;height:260px;\"\r\n      >\r\n    `;\r\n  }\r\n\r\n  function closeDiiaPopup() {\r\n    const popup = document.getElementById('diiaAuthPopup');\r\n    if (popup) popup.remove();\r\n  }\r\n\r\n  safeOn(form, 'submit', async (event) => {\r\n      event.preventDefault();\r\n    \r\n      const submitButton = form.querySelector('[type=\"submit\"]');\r\n    \r\n      function lockSubmitButton() {\r\n        form.dataset.submitted = '1';\r\n    \r\n        if (submitButton) {\r\n          submitButton.disabled = true;\r\n    \r\n          const submitIcon = $('submitBtnDiiaIcon');\r\n          const submitText = $('submitBtnText');\r\n    \r\n          if (submitIcon) {\r\n            submitIcon.style.display = 'none';\r\n          }\r\n    \r\n          if (submitText) {\r\n            submitText.style.display = 'inline';\r\n            submitText.textContent = '\u0412\u0456\u0434\u043f\u0440\u0430\u0432\u043b\u044f\u0454\u0442\u044c\u0441\u044f...';\r\n          } else {\r\n            submitButton.textContent = '\u0412\u0456\u0434\u043f\u0440\u0430\u0432\u043b\u044f\u0454\u0442\u044c\u0441\u044f...';\r\n          }\r\n        }\r\n      }\r\n    \r\n      function resetSubmitButton() {\r\n        form.dataset.submitted = '0';\r\n    \r\n        if (submitButton) {\r\n          submitButton.disabled = false;\r\n        }\r\n    \r\n        updateSubmitButton();\r\n      }\r\n    \r\n      if (form.dataset.submitted === '1') {\r\n        event.preventDefault();\r\n        return;\r\n      }\r\n    \r\n      let hasError = false;\r\n      let firstErrorEl = null;\r\n\r\n    \/\/ languages\r\n    const languagesChecked = document.querySelectorAll('input[name=\"working_languages[]\"]:checked');\r\n    const languagesError = $('languagesError');\r\n    const languagesGrid = $('languagesGrid');\r\n\r\n    if (languagesChecked.length === 0) {\r\n      hasError = true;\r\n      if (languagesError) languagesError.style.display = 'block';\r\n      if (!firstErrorEl) firstErrorEl = languagesGrid;\r\n    } else {\r\n      if (languagesError) languagesError.style.display = 'none';\r\n    }\r\n    \r\n    const langOtherChecked = $('langOther')?.checked;\r\n    const otherLangInput = $('workingLanguageOther');\r\n    \r\n    if (langOtherChecked && otherLangInput && !otherLangInput.value.trim()) {\r\n      hasError = true;\r\n      otherLangInput.classList.add('error');\r\n    \r\n      const err = ensureErrorEl(\r\n        workingLanguageOtherGroup,\r\n        'workingLanguageOtherError',\r\n        'color:#e53935;font-size:13px;margin-top:8px;'\r\n      );\r\n    \r\n      if (err) {\r\n        err.textContent = '\u0411\u0443\u0434\u044c \u043b\u0430\u0441\u043a\u0430, \u0432\u043a\u0430\u0436\u0456\u0442\u044c \u0456\u043d\u0448\u0443 \u043c\u043e\u0432\u0443.';\r\n      }\r\n    \r\n      if (!firstErrorEl) firstErrorEl = otherLangInput;\r\n    } else if (otherLangInput) {\r\n      otherLangInput.classList.remove('error');\r\n    \r\n      const err = $('workingLanguageOtherError');\r\n      if (err) err.textContent = '';\r\n    }\r\n\r\n    \/\/ translation type\r\n    const translationTypeChecked = document.querySelectorAll('input[name=\"translation_type[]\"]:checked');\r\n    const translationTypeError = $('translationTypeError');\r\n    const translationTypeGroup = $('translationTypeGroup');\r\n\r\n    if (translationTypeChecked.length === 0) {\r\n      hasError = true;\r\n      if (translationTypeError) translationTypeError.style.display = 'block';\r\n      if (!firstErrorEl) firstErrorEl = translationTypeGroup;\r\n    } else {\r\n      if (translationTypeError) translationTypeError.style.display = 'none';\r\n    }\r\n\r\n    \/\/ oral subtype validation\r\n    const oralSubtypeError = ensureErrorEl(\r\n      translationTypeGroup,\r\n      'oralSubtypeError',\r\n      'color:#e53935;font-size:13px;margin-top:8px;'\r\n    );\r\n\r\n    if (oralSubtypeError) oralSubtypeError.textContent = '';\r\n\r\n    if ($('transOral')?.checked) {\r\n      const oralSubtypeChecked = document.querySelectorAll('#oralSubtypes input[type=\"checkbox\"]:checked');\r\n\r\n      if (oralSubtypeChecked.length === 0) {\r\n        hasError = true;\r\n        if (oralSubtypeError) {\r\n          oralSubtypeError.textContent = '\u042f\u043a\u0449\u043e \u043e\u0431\u0440\u0430\u043d\u043e \u0443\u0441\u043d\u0438\u0439 \u043f\u0435\u0440\u0435\u043a\u043b\u0430\u0434, \u043f\u043e\u0442\u0440\u0456\u0431\u043d\u043e \u0432\u0438\u0431\u0440\u0430\u0442\u0438 \u0445\u043e\u0447\u0430 \u0431 \u043e\u0434\u0438\u043d \u0442\u0438\u043f: \u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u0438\u0439, \u043f\u043e\u0441\u043b\u0456\u0434\u043e\u0432\u043d\u0438\u0439 \u0430\u0431\u043e \u0448\u0443\u0448\u0443\u0442\u0430\u0436.';\r\n        }\r\n        if (!firstErrorEl) firstErrorEl = $('oralSubtypes');\r\n      }\r\n    }\r\n\r\n    \/\/ format\r\n    const formatChecked = document.querySelectorAll('input[name=\"work_formats[]\"]:checked');\r\n    const formatError = $('formatError');\r\n    const formatGroup = $('formatGroup');\r\n\r\n    if (formatChecked.length === 0) {\r\n      hasError = true;\r\n      if (formatError) formatError.style.display = 'block';\r\n      if (!firstErrorEl) firstErrorEl = formatGroup;\r\n    } else {\r\n      if (formatError) formatError.style.display = 'none';\r\n    }\r\n\r\n    \/\/ payment\r\n    const paymentGroup = $('paymentGroup');\r\n    const paymentError = $('paymentError');\r\n\r\n    if (paymentGroup) {\r\n      const paymentChecked = document.querySelectorAll('input[name=\"payment_options[]\"]:checked');\r\n\r\n      if (paymentChecked.length === 0) {\r\n        hasError = true;\r\n        if (paymentError) paymentError.style.display = 'block';\r\n        if (!firstErrorEl) firstErrorEl = paymentGroup;\r\n      } else {\r\n        if (paymentError) paymentError.style.display = 'none';\r\n      }\r\n\r\n      const hourlyRateSelect = document.querySelector('select[name=\"hourly_rate\"]');\r\n      if (paymentHourlyCheckbox?.checked && hourlyRateSelect && !hourlyRateSelect.value) {\r\n        hasError = true;\r\n        hourlyRateSelect.classList.add('error');\r\n        const e = ensureErrorEl(hourlyRateGroup, 'hourlyRateError', 'color:#e53935;font-size:13px;margin-top:8px;');\r\n        if (e) e.textContent = '\u041e\u0431\u0435\u0440\u0456\u0442\u044c \u043e\u0440\u0456\u0454\u043d\u0442\u043e\u0432\u043d\u0443 \u043e\u043f\u043b\u0430\u0442\u0443 \u0437\u0430 \u0433\u043e\u0434\u0438\u043d\u0443.';\r\n        if (!firstErrorEl) firstErrorEl = hourlyRateSelect;\r\n      } else if (hourlyRateSelect) {\r\n        hourlyRateSelect.classList.remove('error');\r\n        const e = $('hourlyRateError');\r\n        if (e) e.textContent = '';\r\n      }\r\n    }\r\n\r\n    \/\/ offline locations\r\n    const offlineCheckedNow = $('formatOffline')?.checked;\r\n    if (offlineCheckedNow) {\r\n      const items = locationList?.querySelectorAll('.location-item') || [];\r\n      const locErr = ensureErrorEl(locationFormGroup, 'offlineLocationError', 'color:#e53935;font-size:13px;margin-top:8px;');\r\n      if (locErr) locErr.textContent = '';\r\n      placeInput?.classList.remove('error');\r\n\r\n      if (items.length === 0) {\r\n        hasError = true;\r\n        if (locErr) locErr.textContent = '\u0411\u0443\u0434\u044c \u043b\u0430\u0441\u043a\u0430, \u0434\u043e\u0434\u0430\u0439\u0442\u0435 \u0445\u043e\u0447\u0430 \u0431 \u043e\u0434\u043d\u0443 \u043b\u043e\u043a\u0430\u0446\u0456\u044e \u0437\u0456 \u0441\u043f\u0438\u0441\u043a\u0443 \u043f\u0456\u0434\u043a\u0430\u0437\u043e\u043a.';\r\n        placeInput?.classList.add('error');\r\n        if (!firstErrorEl) firstErrorEl = placeInput;\r\n      }\r\n    }\r\n\r\n    \/\/ profile photo\r\n    const photoErr = ensureErrorEl(profilePhotoUpload?.parentNode, 'profilePhotoError', 'color:#e53935;font-size:13px;margin-top:8px;');\r\n    if (photoErr) photoErr.textContent = '';\r\n    profilePhotoUpload?.classList.remove('error');\r\n\r\n    if (!profilePhotoInput?.files || profilePhotoInput.files.length === 0) {\r\n      hasError = true;\r\n      if (photoErr) photoErr.textContent = '\u0411\u0443\u0434\u044c \u043b\u0430\u0441\u043a\u0430, \u0437\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0442\u0435 \u0444\u043e\u0442\u043e \u043f\u0440\u043e\u0444\u0456\u043b\u044e.';\r\n      profilePhotoUpload?.classList.add('error');\r\n      if (!firstErrorEl) firstErrorEl = profilePhotoUpload;\r\n    }\r\n\r\n    \/\/ practice start date\r\n    const practiceSinceInput = $('translatorPracticeSince');\r\n    const practiceSinceError = $('translatorPracticeSinceError');\r\n\r\n    if (practiceSinceInput) {\r\n      practiceSinceInput.classList.remove('error');\r\n      if (practiceSinceError) practiceSinceError.style.display = 'none';\r\n\r\n      if (!practiceSinceInput.value) {\r\n        hasError = true;\r\n        practiceSinceInput.classList.add('error');\r\n        if (practiceSinceError) practiceSinceError.style.display = 'block';\r\n        if (!firstErrorEl) firstErrorEl = practiceSinceInput;\r\n      }\r\n    }\r\n\r\n    \/\/ qualification fields\r\n    const qualDateInput = $('qualificationIssueDate');\r\n    const qualNumInput  = $('qualificationNumber');\r\n\r\n    qualDateInput?.classList.remove('error');\r\n    qualNumInput?.classList.remove('error');\r\n\r\n    if (qualDateInput && !qualDateInput.value) {\r\n      hasError = true;\r\n      qualDateInput.classList.add('error');\r\n      if (!firstErrorEl) firstErrorEl = qualDateInput;\r\n    }\r\n\r\n    if (qualNumInput && !qualNumInput.value.trim()) {\r\n      hasError = true;\r\n      qualNumInput.classList.add('error');\r\n      if (!firstErrorEl) firstErrorEl = qualNumInput;\r\n    }\r\n\r\n    const qualDocErr = ensureErrorEl(qualDocUpload?.parentNode, 'qualDocError', 'color:#e53935;font-size:13px;margin-top:8px;');\r\n    if (qualDocErr) qualDocErr.textContent = '';\r\n    qualDocUpload?.classList.remove('error');\r\n\r\n    if (!qualDocInput?.files || qualDocInput.files.length === 0) {\r\n      hasError = true;\r\n      if (qualDocErr) qualDocErr.textContent = '\u0411\u0443\u0434\u044c \u043b\u0430\u0441\u043a\u0430, \u0437\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0442\u0435 \u0441\u043a\u0430\u043d \u043a\u0432\u0430\u043b\u0456\u0444\u0456\u043a\u0430\u0446\u0456\u0439\u043d\u043e\u0433\u043e \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430.';\r\n      qualDocUpload?.classList.add('error');\r\n      if (!firstErrorEl) firstErrorEl = qualDocUpload;\r\n    }\r\n\r\n    \/\/ mediation courses \/ certificates\r\n    const coursesValidation = validateCourses();\r\n    if (coursesValidation.hasError) {\r\n      hasError = true;\r\n      if (!firstErrorEl) firstErrorEl = coursesValidation.firstErrorEl;\r\n    }\r\n\r\n    \/\/ conditional textareas\r\n    const conditionalTextareas = [\r\n      { checkboxId: 'paymentFree', textareaName: 'free_service_terms', groupId: 'freeServicesTermsGroup', label: '\u0443\u043c\u043e\u0432\u0438 \u0431\u0435\u0437\u043e\u043f\u043b\u0430\u0442\u043d\u0438\u0445 \u043f\u043e\u0441\u043b\u0443\u0433' },\r\n      { checkboxId: 'paymentDonation', textareaName: 'donation_terms', groupId: 'donationTermsGroup', label: '\u0443\u043c\u043e\u0432\u0438 \u043e\u043f\u043b\u0430\u0442\u0438 \u0437\u0430 \u0434\u043e\u043d\u0430\u0442' }\r\n    ];\r\n\r\n    conditionalTextareas.forEach(({ checkboxId, textareaName, groupId, label }) => {\r\n      const checkbox = $(checkboxId);\r\n      const group = $(groupId);\r\n      const textarea = document.querySelector(`textarea[name=\"${textareaName}\"]`);\r\n      if (!checkbox?.checked || !group || !textarea) return;\r\n\r\n      textarea.classList.remove('error');\r\n      group.querySelector('.textarea-field-error')?.remove();\r\n\r\n      if (!textarea.value.trim()) {\r\n        hasError = true;\r\n        textarea.classList.add('error');\r\n\r\n        const te = document.createElement('div');\r\n        te.className = 'textarea-field-error';\r\n        te.style.cssText = 'color:#e53935;font-size:13px;margin-top:8px;';\r\n        te.textContent = `\u0411\u0443\u0434\u044c \u043b\u0430\u0441\u043a\u0430, \u0432\u043a\u0430\u0436\u0456\u0442\u044c ${label}.`;\r\n        group.appendChild(te);\r\n\r\n        if (!firstErrorEl) firstErrorEl = textarea;\r\n      }\r\n    });\r\n\r\n    if (hasError && firstErrorEl) {\r\n      setTimeout(() => firstErrorEl.scrollIntoView({ behavior: 'smooth', block: 'center' }), 0);\r\n      return;\r\n    }\r\n    \r\n    if (!form.checkValidity()) {\r\n      form.reportValidity();\r\n      return;\r\n    }\r\n    \r\n    lockSubmitButton();\r\n    \r\n    if (!USE_DIIA_FLOW) {\r\n      try {\r\n        const submitRes = await fetch(form.action || window.location.href, {\r\n          method: 'POST',\r\n          body: new FormData(form)\r\n        });\r\n\r\n        const responseText = await submitRes.text();\r\n\r\n        console.log('Submit status:', submitRes.status);\r\n        console.log('Submit response:', responseText);\r\n        \r\n        if (!submitRes.ok) {\r\n         resetSubmitButton();\r\n          alert(\r\n            '\u041f\u043e\u043c\u0438\u043b\u043a\u0430 \u043d\u0430\u0434\u0441\u0438\u043b\u0430\u043d\u043d\u044f \u0430\u043d\u043a\u0435\u0442\u0438.\\n\\n' +\r\n            'HTTP \u0441\u0442\u0430\u0442\u0443\u0441: ' + submitRes.status + '\\n\\n' +\r\n            responseText.slice(0, 700)\r\n          );\r\n          return;\r\n        }\r\n\r\n        $('successPopup')?.classList.add('active');\r\n      } catch (submitErr) {\r\n        resetSubmitButton();\r\n          console.error('Submit fetch error:', submitErr);\r\n        \r\n          alert(\r\n            '\u0421\u0442\u0430\u043b\u0430\u0441\u044f \u0442\u0435\u0445\u043d\u0456\u0447\u043d\u0430 \u043f\u043e\u043c\u0438\u043b\u043a\u0430 \u043f\u0456\u0434 \u0447\u0430\u0441 \u043d\u0430\u0434\u0441\u0438\u043b\u0430\u043d\u043d\u044f \u0430\u043d\u043a\u0435\u0442\u0438.\\n\\n' +\r\n            '\u0422\u0438\u043f \u043f\u043e\u043c\u0438\u043b\u043a\u0438: ' + (submitErr?.name || '\u043d\u0435\u0432\u0456\u0434\u043e\u043c\u043e') + '\\n' +\r\n            '\u041f\u043e\u0432\u0456\u0434\u043e\u043c\u043b\u0435\u043d\u043d\u044f: ' + (submitErr?.message || '\u043d\u0435\u043c\u0430\u0454 \u043f\u043e\u0432\u0456\u0434\u043e\u043c\u043b\u0435\u043d\u043d\u044f') + '\\n\\n' +\r\n            '\u0421\u0442\u043e\u0440\u0456\u043d\u043a\u0430: ' + window.location.href\r\n          );\r\n        }\r\n\r\n      return;\r\n    }\r\n\r\n    try {\r\n      const fd = new FormData(form);\r\n\r\n      const res = await fetch('\/index.php?mh_diia_action=start', {\r\n        method: 'POST',\r\n        body: fd\r\n      });\r\n\r\n      const data = await res.json();\r\n\r\n      if (!data.success) {\r\n        resetSubmitButton();\r\n        alert(data.message || '\u041d\u0435 \u0432\u0434\u0430\u043b\u043e\u0441\u044f \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u0438 \u043f\u0456\u0434\u0442\u0432\u0435\u0440\u0434\u0436\u0435\u043d\u043d\u044f \u0447\u0435\u0440\u0435\u0437 \u0414\u0456\u044e');\r\n        return;\r\n      }\r\n\r\n      if (typeof showDiiaPopup === 'function') {\r\n        showDiiaPopup(data.deeplink);\r\n      } else {\r\n        window.location.href = data.deeplink;\r\n      }\r\n\r\n      const poll = setInterval(async () => {\r\n        try {\r\n          const st = await fetch(`\/index.php?mh_diia_action=status&requestId=${encodeURIComponent(data.requestId)}`);\r\n          const json = await st.json();\r\n\r\n          if (json.status === 'verified') {\r\n            clearInterval(poll);\r\n\r\n            let input = document.querySelector('input[name=\"diia_request_id\"]');\r\n            if (!input) {\r\n              input = document.createElement('input');\r\n              input.type = 'hidden';\r\n              input.name = 'diia_request_id';\r\n              form.appendChild(input);\r\n            }\r\n\r\n            input.value = data.requestId;\r\n\r\n            closeDiiaPopup();\r\n\r\n            try {\r\n              const submitRes = await fetch(form.action || window.location.href, {\r\n                method: 'POST',\r\n                body: new FormData(form)\r\n              });\r\n\r\n              if (!submitRes.ok) {\r\n                throw new Error('\u041d\u0435 \u0432\u0434\u0430\u043b\u043e\u0441\u044f \u043d\u0430\u0434\u0456\u0441\u043b\u0430\u0442\u0438 \u0430\u043d\u043a\u0435\u0442\u0443');\r\n              }\r\n\r\n              const sp = $('successPopup');\r\n              if (sp) sp.classList.add('active');\r\n\r\n            } catch (submitErr) {\r\n             resetSubmitButton();\r\n              console.error(submitErr);\r\n              alert('\u041e\u0441\u043e\u0431\u0443 \u043f\u0456\u0434\u0442\u0432\u0435\u0440\u0434\u0436\u0435\u043d\u043e, \u0430\u043b\u0435 \u0441\u0442\u0430\u043b\u0430\u0441\u044f \u043f\u043e\u043c\u0438\u043b\u043a\u0430 \u043f\u0456\u0434 \u0447\u0430\u0441 \u043d\u0430\u0434\u0441\u0438\u043b\u0430\u043d\u043d\u044f \u0430\u043d\u043a\u0435\u0442\u0438');\r\n            }\r\n          }\r\n\r\n          if (['failed', 'expired', 'refused'].includes(json.status)) {\r\n            clearInterval(poll);\r\n            resetSubmitButton();\r\n            alert('\u041f\u0456\u0434\u0442\u0432\u0435\u0440\u0434\u0436\u0435\u043d\u043d\u044f \u043e\u0441\u043e\u0431\u0438 \u043d\u0435 \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u043e');\r\n          }\r\n        } catch (err) {\r\n         resetSubmitButton();\r\n          clearInterval(poll);\r\n          console.error(err);\r\n          alert('\u041f\u043e\u043c\u0438\u043b\u043a\u0430 \u043f\u0456\u0434 \u0447\u0430\u0441 \u043f\u0435\u0440\u0435\u0432\u0456\u0440\u043a\u0438 \u0441\u0442\u0430\u0442\u0443\u0441\u0443 \u0414\u0456\u0457');\r\n        }\r\n      }, 2500);\r\n\r\n    } catch (err) {\r\n        resetSubmitButton();\r\n      console.error(err);\r\n      alert('\u041f\u043e\u043c\u0438\u043b\u043a\u0430 \u0437\u0430\u043f\u0443\u0441\u043a\u0443 \u043f\u0456\u0434\u0442\u0432\u0435\u0440\u0434\u0436\u0435\u043d\u043d\u044f \u0447\u0435\u0440\u0435\u0437 \u0414\u0456\u044e');\r\n    }\r\n  });\r\n})();\r\n<\/script>\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":"<p>\u0406\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u044f \u043f\u0440\u043e \u043f\u0435\u0440\u0435\u043a\u043b\u0430\u0434\u0430\u0447\u0430 \ud83d\udccb \u041f\u0435\u0440\u0435\u0434 \u043f\u043e\u0447\u0430\u0442\u043a\u043e\u043c \u0437\u0430\u043f\u043e\u0432\u043d\u0435\u043d\u043d\u044f \u0430\u043d\u043a\u0435\u0442\u0438 \u041f\u0456\u0434\u0433\u043e\u0442\u0443\u0439\u0442\u0435, \u0431\u0443\u0434\u044c \u043b\u0430\u0441\u043a\u0430: \u043f\u043e\u0440\u0442\u0440\u0435\u0442\u043d\u0435 \u0444\u043e\u0442\u043e \u0434\u043b\u044f \u043f\u0440\u043e\u0444\u0456\u043b\u044e. \u0441\u043a\u0430\u043d \u0430\u0431\u043e \u0444\u043e\u0442\u043e \u0441\u0432\u0456\u0434\u043e\u0446\u0442\u0432\u0430 (\u0434\u0438\u043f\u043b\u043e\u043c\u0430) \u043f\u0440\u043e \u043a\u0432\u0430\u043b\u0456\u0444\u0456\u043a\u0430\u0446\u0456\u044e \u043f\u0435\u0440\u0435\u043a\u043b\u0430\u0434\u0430\u0447\u0430 \u0430\u0431\u043e \u0456\u043d\u0448\u043e\u0433\u043e \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430, \u0449\u043e \u043f\u0456\u0434\u0442\u0432\u0435\u0440\u0434\u0436\u0443\u0454 \u043f\u0440\u043e\u0444\u0435\u0441\u0456\u0439\u043d\u0435 \u0432\u043e\u043b\u043e\u0434\u0456\u043d\u043d\u044f \u0456\u043d\u043e\u0437\u0435\u043c\u043d\u043e\u044e \u043c\u043e\u0432\u043e\u044e; ! \u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0438 \u043c\u0430\u044e\u0442\u044c \u0431\u0443\u0442\u0438 \u043e\u0431&#8217;\u0454\u0434\u043d\u0430\u043d\u043d\u0456 \u0432 \u043e\u0434\u0438\u043d \u0444\u0430\u0439\u043b \u0441\u043a\u0430\u043d\u0438 \u0430\u0431\u043e \u0444\u043e\u0442\u043e \u0441\u0435\u0440\u0442\u0438\u0444\u0456\u043a\u0430\u0442\u0456\u0432 \u043f\u0440\u043e \u043d\u0430\u0432\u0447\u0430\u043d\u043d\u044f \u0437 \u043c\u0435\u0434\u0456\u0430\u0446\u0456\u0457. \u0426\u0456 \u0444\u0430\u0439\u043b\u0438 \u0442\u0440\u0435\u0431\u0430 \u0431\u0443\u0434\u0435 \u0437\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438 \u043f\u0456\u0434 \u0447\u0430\u0441 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8961","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.mediation-help.com\/en\/wp-json\/wp\/v2\/pages\/8961","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mediation-help.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.mediation-help.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.mediation-help.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mediation-help.com\/en\/wp-json\/wp\/v2\/comments?post=8961"}],"version-history":[{"count":96,"href":"https:\/\/www.mediation-help.com\/en\/wp-json\/wp\/v2\/pages\/8961\/revisions"}],"predecessor-version":[{"id":12338,"href":"https:\/\/www.mediation-help.com\/en\/wp-json\/wp\/v2\/pages\/8961\/revisions\/12338"}],"wp:attachment":[{"href":"https:\/\/www.mediation-help.com\/en\/wp-json\/wp\/v2\/media?parent=8961"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}