{"id":8947,"date":"2026-03-30T23:43:26","date_gmt":"2026-03-30T23:43:26","guid":{"rendered":"https:\/\/www.mediation-help.com\/?page_id=8947"},"modified":"2026-05-29T20:04:33","modified_gmt":"2026-05-29T20:04:33","slug":"notary-form","status":"publish","type":"page","link":"https:\/\/www.mediation-help.com\/en\/notary-form\/","title":{"rendered":"\u0410\u043d\u043a\u0435\u0442\u0430 \u043d\u043e\u0442\u0430\u0440\u0456\u0443\u0441\u0430"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8947\" class=\"elementor elementor-8947\" 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 \u043d\u043e\u0442\u0430\u0440\u0456\u0443\u0441\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\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\r\n  .form-input {\r\n    width: 100%;\r\n    padding: 14px 16px;\r\n    border: 1px solid #e0e0e0;\r\n    border-radius: 8px;\r\n    font-size: 15px;\r\n    transition: border-color 0.2s;\r\n    background: #fafafa;\r\n  }\r\n\r\n  .form-input:focus,\r\n  .form-textarea:focus {\r\n    outline: none;\r\n    border-color: #333;\r\n    background: #fff;\r\n  }\r\n\r\n  .form-input.error,\r\n  .form-textarea.error,\r\n  .upload-box.error {\r\n    border-color: #e53935;\r\n    background-color: #fff5f5;\r\n  }\r\n\r\n  .form-input::placeholder,\r\n  .form-textarea::placeholder { color: #999; }\r\n\r\n  .profile-img-upload-container { display: flex; flex-direction: column; }\r\n\r\n  .input-with-icon { position: relative; display: flex; align-items: center; }\r\n  .input-icon {\r\n    position: absolute;\r\n    left: 12px;\r\n    width: 24px;\r\n    height: 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 12px;\r\n  }\r\n  .input-with-icon .form-input { padding-left: 48px; }\r\n  .flag-emoji { font-size: 18px; }\r\n\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\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\r\n  input[type=\"checkbox\"], input[type=\"radio\"] {\r\n    width: 16px;\r\n    height: 16px;\r\n    min-width: 16px;\r\n    min-height: 16px;\r\n    cursor: pointer;\r\n    accent-color: #1a1a1a;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .checkbox-item label, .radio-item label { font-size: 14px; cursor: pointer; }\r\n\r\n  .upload-box {\r\n    overflow: clip;\r\n    background: #fff;\r\n    border: 2px dashed #d0d0d0;\r\n    border-radius: 12px;\r\n    padding: 30px 20px;\r\n    text-align: center;\r\n    transition: border-color 0.3s, background-color 0.3s;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .upload-box * { text-align: center; }\r\n  .upload-box:hover,\r\n  .upload-box.dragover { border-color: #999; background-color: #fafafa; }\r\n  .upload-box.has-file { border-style: solid; border-color: #4caf50; position: relative; padding: 0; }\r\n\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\r\n  #profilePhotoUpload .upload-button { margin-top: auto; }\r\n\r\n  .upload-box.has-file .example-photo {\r\n    width: 100%;\r\n    height: 100%;\r\n    margin-bottom: 0;\r\n    object-fit: cover;\r\n    padding: 0;\r\n  }\r\n\r\n  .upload-box.has-file .example-label {\r\n    position: absolute;\r\n    bottom: 8px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    background: rgba(0,0,0,0.7);\r\n    color: #fff;\r\n    padding: 4px 12px;\r\n    border-radius: 4px;\r\n    font-size: 12px;\r\n    margin: 0;\r\n    white-space: nowrap;\r\n    max-width: 90%;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n  }\r\n\r\n  .upload-box.has-file .upload-title,\r\n  .upload-box.has-file .upload-formats,\r\n  .upload-box.has-file .upload-button { display: none; }\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  .reset-photo-btn {\r\n    display: none;\r\n    background: #e53935;\r\n    color: #fff;\r\n    border: none;\r\n    border-radius: 50px;\r\n    padding: 10px 20px;\r\n    font-size: 13px;\r\n    cursor: pointer;\r\n    margin-top: 12px;\r\n  }\r\n\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\r\n  .example-photo {\r\n    width: 80px;\r\n    height: 80px;\r\n    object-fit: cover;\r\n    margin-bottom: 8px;\r\n    border-radius: 8px !important;\r\n  }\r\n\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\r\n  .upload-button {\r\n    background-color: #1a1a1a;\r\n    color: #fff;\r\n    border: none;\r\n    border-radius: 50px;\r\n    padding: 12px 24px;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    cursor: pointer;\r\n    transition: background-color 0.2s;\r\n  }\r\n\r\n  .upload-button:hover { background-color: #333; }\r\n  .hidden-input { display: none; }\r\n\r\n  .form-textarea {\r\n    width: 100%;\r\n    min-height: 120px;\r\n    padding: 14px 16px;\r\n    border: 1px solid #e0e0e0;\r\n    border-radius: 8px;\r\n    font-size: 14px;\r\n    font-family: inherit;\r\n    resize: vertical;\r\n    background: #fafafa;\r\n  }\r\n\r\n  .english-toggle {\r\n    background: #f8f8f8;\r\n    padding: 16px;\r\n    border-radius: 8px;\r\n    margin-bottom: 24px;\r\n  }\r\n\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\r\n  .date-input { position: relative; }\r\n  .date-input .form-input { padding-left: 48px; }\r\n  .date-icon,\r\n  .time-icon {\r\n    position: absolute;\r\n    left: 14px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    color: #666;\r\n  }\r\n\r\n  .course-card {\r\n    border: 1px solid #e0e0e0;\r\n    border-radius: 12px;\r\n    padding: 24px;\r\n    margin-bottom: 20px;\r\n    background: #fff;\r\n  }\r\n\r\n  .course-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    gap: 16px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .course-title {\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: #111;\r\n  }\r\n\r\n  .delete-btn {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 6px;\r\n    padding: 8px 16px;\r\n    border: 1px solid #e53935;\r\n    border-radius: 8px;\r\n    background: none;\r\n    color: #e53935;\r\n    font-size: 14px;\r\n    cursor: pointer;\r\n    transition: background-color 0.2s;\r\n  }\r\n\r\n  .delete-btn:hover { background-color: #ffebee; }\r\n  .delete-btn:disabled { opacity: 0.5; cursor: not-allowed; }\r\n\r\n  .add-course-btn {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    width: 100%;\r\n    padding: 16px;\r\n    border: 2px dashed #d0d0d0;\r\n    border-radius: 12px;\r\n    background: none;\r\n    cursor: pointer;\r\n    font-size: 15px;\r\n    color: #666;\r\n    transition: border-color 0.2s, color 0.2s;\r\n  }\r\n\r\n  .add-course-btn:hover {\r\n    border-color: #999;\r\n    color: #333;\r\n  }\r\n\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\r\n  .submit-btn {\r\n    background-color: #1a1a1a;\r\n    color: #fff;\r\n    border: none;\r\n    border-radius: 50px;\r\n    padding: 16px 32px;\r\n    font-size: 16px;\r\n    font-weight: 500;\r\n    cursor: pointer;\r\n    transition: background-color 0.2s;\r\n    margin-top: 24px;\r\n  }\r\n\r\n  .submit-btn:hover { background-color: #333; }\r\n\r\n  .mh-hidden { display: none !important; }\r\n  .mh-address-preview {\r\n    margin-top: 10px;\r\n    padding: 12px 14px;\r\n    border: 1px solid #e0e0e0;\r\n    border-radius: 10px;\r\n    background: #fafafa;\r\n    font-size: 14px;\r\n    color: #333;\r\n    display: none;\r\n  }\r\n\r\n  .popup-overlay {\r\n    position: fixed;\r\n    top: 0; left: 0;\r\n    width: 100%; height: 100%;\r\n    background: rgba(0,0,0,0.5);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 1000;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition: opacity 0.3s, visibility 0.3s;\r\n  }\r\n\r\n  .popup-overlay.active { opacity: 1; visibility: visible; }\r\n\r\n  .popup-content {\r\n    background: #fff;\r\n    border-radius: 16px;\r\n    padding: 32px;\r\n    max-width: 500px;\r\n    width: 90%;\r\n    box-shadow: 0 8px 32px rgba(0,0,0,0.2);\r\n    transform: translateY(-20px);\r\n    transition: transform 0.3s;\r\n  }\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-icon { font-size: 48px; text-align: center; margin-bottom: 16px; }\r\n\r\n  .popup-btn {\r\n    background-color: #1a1a1a;\r\n    color: #fff;\r\n    border: none;\r\n    border-radius: 50px;\r\n    padding: 14px 28px;\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    cursor: pointer;\r\n    transition: background-color 0.2s;\r\n    display: block;\r\n    width: 100%;\r\n    text-align: center;\r\n  }\r\n\r\n  .popup-btn:hover { background-color: #333; }\r\n\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 { cursor: grabbing; }\r\n\r\n  .crop-overlay {\r\n    position: absolute;\r\n    top: 0; left: 0;\r\n    width: 100%; height: 100%;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .crop-area {\r\n    position: absolute;\r\n    top: 50%; left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 350px;\r\n    height: 350px;\r\n    border: 3px solid #fff;\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  }\r\n\r\n  .cropper-btn:hover { background: #f5f5f5; }\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 { display: flex; gap: 12px; }\r\n  .popup-btn.secondary { background: #fff; color: #333; border: 1px solid #e0e0e0; }\r\n  .popup-btn.secondary:hover { background: #f5f5f5; }\r\n  .popup-buttons .popup-btn { flex: 1; }\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<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>\u043f\u043e\u0441\u0438\u043b\u0430\u043d\u043d\u044f \u043d\u0430 \u043f\u0440\u043e\u0444\u0456\u043b\u044c \u0443 \u0404\u0434\u0438\u043d\u043e\u043c\u0443 \u0440\u0435\u0454\u0441\u0442\u0440\u0456 \u043d\u043e\u0442\u0430\u0440\u0456\u0443\u0441\u0456\u0432;<\/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<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<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\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\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\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=\"notaryForm\" class=\"form-container\" method=\"POST\" enctype=\"multipart\/form-data\">\r\n  <input type=\"hidden\" name=\"mh_notary_form\" value=\"1\">\r\n  <input type=\"hidden\" name=\"profile_kind\" value=\"notary\">\r\n  <input type=\"hidden\" name=\"work_formats[]\" value=\"offline\">\r\n  <input type=\"hidden\" name=\"diia_request_id\" id=\"diia_request_id\" value=\"\">\r\n  <span class=\"mh-hidden\"><input type=\"hidden\" id=\"mh_nonce\" name=\"mh_nonce\" value=\"230817902f\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/8947\" \/><input type=\"hidden\" name=\"mh_notary_form\" value=\"1\"><\/span>\r\n\r\n  <input type=\"hidden\" name=\"locations\" id=\"locations\" value=\"\">\r\n  <input type=\"hidden\" name=\"location_latitude\" id=\"location_latitude\" value=\"\">\r\n  <input type=\"hidden\" name=\"location_longitude\" id=\"location_longitude\" value=\"\">\r\n  <input type=\"hidden\" name=\"location_country\" id=\"location_country\" value=\"\">\r\n  <input type=\"hidden\" name=\"location_region\" id=\"location_region\" value=\"\">\r\n  <input type=\"hidden\" name=\"location_city\" id=\"location_city\" value=\"\">\r\n  <input type=\"hidden\" name=\"location_place_id\" id=\"location_place_id\" value=\"\">\r\n  <input type=\"hidden\" name=\"location_street\" id=\"location_street\" value=\"\">\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\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 \u041c\u0411.<\/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\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 \u043f\u0440\u043e\u0444\u0456\u043b\u044e \u0430\u043d\u0433\u043b\u0456\u0439\u0441\u044c\u043a\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=\"Usyk\">\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\u2019\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;\">\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;\">\r\n            <label class=\"form-label\" style=\"visibility:hidden;\">\u0416\u0435\u0441\u0442\u043e\u0432\u0430 \u043c\u043e\u0432\u0430<\/label>\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  <div class=\"form-section\">\r\n    <h2 class=\"section-title\">\u041c\u0456\u0441\u0446\u0435 \u0440\u043e\u0431\u043e\u0442\u0438<\/h2>\r\n\r\n    <div class=\"form-group\">\r\n      <label class=\"form-label\">\u0410\u0434\u0440\u0435\u0441\u0430 \u0440\u043e\u0431\u043e\u0447\u043e\u0433\u043e \u043c\u0456\u0441\u0446\u044f <span class=\"required\">*<\/span><\/label>\r\n      <p class=\"form-hint\">\u041f\u043e\u0447\u043d\u0456\u0442\u044c \u0432\u0432\u043e\u0434\u0438\u0442\u0438 \u043f\u043e\u0432\u043d\u0443 \u0430\u0434\u0440\u0435\u0441\u0443 \u0442\u0430 \u043e\u0431\u0435\u0440\u0456\u0442\u044c \u0432\u0430\u0440\u0456\u0430\u043d\u0442 \u0437\u0456 \u0441\u043f\u0438\u0441\u043a\u0443 Google Maps.<\/p>\r\n      <input type=\"text\" class=\"form-input\" id=\"workAddressInput\" placeholder=\"\u041d\u0430\u043f\u0440\u0438\u043a\u043b\u0430\u0434: \u041a\u0438\u0457\u0432, \u0432\u0443\u043b. \u0425\u0440\u0435\u0449\u0430\u0442\u0438\u043a, 1\" autocomplete=\"off\">\r\n      <div id=\"workAddressError\" style=\"color:#e53935;font-size:13px;margin-top:8px;display:none;\">\u0411\u0443\u0434\u044c \u043b\u0430\u0441\u043a\u0430, \u043e\u0431\u0435\u0440\u0456\u0442\u044c \u0430\u0434\u0440\u0435\u0441\u0443 \u0437\u0456 \u0441\u043f\u0438\u0441\u043a\u0443 \u043f\u0456\u0434\u043a\u0430\u0437\u043e\u043a.<\/div>\r\n      <div class=\"mh-address-preview\" id=\"selectedAddressPreview\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"form-group\">\r\n      <label class=\"form-label\">\u041f\u043e\u0441\u0438\u043b\u0430\u043d\u043d\u044f \u043d\u0430 \u0440\u0435\u0454\u0441\u0442\u0440 \u043d\u043e\u0442\u0430\u0440\u0456\u0443\u0441\u0456\u0432 \u0423\u043a\u0440\u0430\u0457\u043d\u0438 (\u043f\u0440\u043e\u0444\u0456\u043b\u044c \u041e\u043f\u0435\u043d\u0434\u0430\u0442\u0430\u0431\u043e\u0442) <span class=\"required\">*<\/span><\/label>\r\n      <input type=\"url\" class=\"form-input\" name=\"notary_register_link\" placeholder=\"https:\/\/...\" required>\r\n    <\/div>\r\n    \r\n    <div class=\"form-group\">\r\n      <label class=\"form-label\">\u041d\u043e\u043c\u0435\u0440 \u0441\u0432\u0456\u0434\u043e\u0446\u0442\u0432\u0430 <span class=\"required\">*<\/span><\/label>\r\n      <input type=\"text\" class=\"form-input\" name=\"notary_certificate_number\" placeholder=\"\u0412\u043a\u0430\u0436\u0456\u0442\u044c \u043d\u043e\u043c\u0435\u0440 \u0441\u0432\u0456\u0434\u043e\u0446\u0442\u0432\u0430\" required>\r\n        <\/div>\r\n      <\/div>\r\n\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\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=\"name@example.com\" required>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"form-section\">\r\n    <h2 class=\"section-title\">\u041f\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...\" required><\/textarea>\r\n      <\/div>\r\n\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 yourself...\"><\/textarea>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  \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    <div id=\"coursesContainer\">\r\n      <div class=\"course-card\" data-course-id=\"1\">\r\n        <div class=\"course-header\"><span class=\"course-title\">\u041a\u0443\u0440\u0441 \/ \u0422\u0440\u0435\u043d\u0456\u043d\u0433 #1<\/span><button type=\"button\" class=\"delete-btn\" style=\"display: none;\">\ud83d\uddd1\ufe0f \u0412\u0438\u0434\u0430\u043b\u0438\u0442\u0438<\/button><\/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          <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\r\n\r\n    <div class=\"form-group\" id=\"profEducationOtherGroup\" style=\"display: none;\">\r\n      <label class=\"form-label\">\u0412\u043a\u0430\u0436\u0456\u0442\u044c \u0432\u0430\u0448\u0443 \u043f\u0440\u043e\u0444\u0435\u0441\u0456\u0439\u043d\u0443 \u043e\u0441\u0432\u0456\u0442\u0443<\/label>\r\n      <input type=\"text\" class=\"form-input\" id=\"profEducationOtherInput\" name=\"professional_education_other\" placeholder=\"\">\r\n    <\/div>\r\n  <\/div>\r\n\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 \u043d\u043e\u0432\u0438\u043d\u0438 \u0442\u0430 \u043f\u043e\u0434\u0456\u0457 \u0432 \u0441\u0444\u0435\u0440\u0456 \u043c\u0435\u0434\u0456\u0430\u0446\u0456\u0457? <span class=\"required\">*<\/span><\/label>\r\n      <div class=\"radio-group\">\r\n        <div class=\"radio-item\">\r\n          <input type=\"radio\" id=\"newsletterYes\" name=\"receive_news_and_updates\" value=\"\u0422\u0430\u043a\" required>\r\n          <label for=\"newsletterYes\">\u0422\u0430\u043a<\/label>\r\n        <\/div>\r\n        <div class=\"radio-item\">\r\n          <input type=\"radio\" id=\"newsletterNo\" name=\"receive_news_and_updates\" value=\"\u041d\u0456\">\r\n          <label for=\"newsletterNo\">\u041d\u0456<\/label>\r\n        <\/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.<\/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 escHtml(s) {\r\n    return String(s ?? '')\r\n      .replaceAll('&', '&amp;')\r\n      .replaceAll('<', '&lt;')\r\n      .replaceAll('>', '&gt;')\r\n      .replaceAll('\"', '&quot;')\r\n      .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;\r\n  let posY = 0;\r\n  let isDragging = false;\r\n  let dragStartX = 0;\r\n  let dragStartY = 0;\r\n  let imgNaturalWidth = 0;\r\n  let 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 = `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\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\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        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', () => {\r\n    isDragging = false;\r\n  });\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) => {\r\n      e.preventDefault();\r\n      profilePhotoUpload.classList.add('dragover');\r\n    };\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) {\r\n      profilePreview.src = 'https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?w=200&h=200&fit=crop&crop=face';\r\n    }\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  function toggleEnglishFields() {\r\n    const checked = !!fillEnglishCheckbox?.checked;\r\n    englishFields.forEach((id) => {\r\n      const el = $(id);\r\n      if (el) el.style.display = checked ? '' : 'none';\r\n    });\r\n  }\r\n\r\n  safeOn(fillEnglishCheckbox, 'change', toggleEnglishFields);\r\n  toggleEnglishFields();\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\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 = $(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 = $(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('click', (event) => {\r\n      if (event.target.tagName !== 'BUTTON') input.click();\r\n    });\r\n\r\n    input.addEventListener('change', (event) => {\r\n      handleDocUpload(event.target.files[0], box, maxSizeMB, fileInfoId, deleteBtnId);\r\n    });\r\n\r\n    box.addEventListener('dragover', (event) => {\r\n      event.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', (event) => {\r\n      event.preventDefault();\r\n      box.classList.remove('dragover');\r\n\r\n      if (event.dataTransfer.files.length > 0) {\r\n        input.files = event.dataTransfer.files;\r\n        handleDocUpload(event.dataTransfer.files[0], box, maxSizeMB, fileInfoId, deleteBtnId);\r\n      }\r\n    });\r\n  }\r\n\r\n  function setupDeleteFileButton(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  \/\/ COURSES \/ 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    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) 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    const card = btn.closest('.course-card');\r\n    removeCourseCard(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        <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      setupDocDragDrop(certUpload, certInput, 5, `cert${num}FileInfo`, `deleteCert${num}Btn`);\r\n      setupDeleteFileButton(`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    setupDocDragDrop(certUpload1, cert1Input, 5, 'cert1FileInfo', 'deleteCert1Btn');\r\n    setupDeleteFileButton('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  \/\/ =========================\r\n  \/\/ ADDRESS AUTOCOMPLETE\r\n  \/\/ =========================\r\n  const addressInput = $('workAddressInput');\r\n  const addressError = $('workAddressError');\r\n  const addressPreview = $('selectedAddressPreview');\r\n\r\n  const hLocations = $('locations');\r\n  const hLat = $('location_latitude');\r\n  const hLng = $('location_longitude');\r\n  const hCountry = $('location_country');\r\n  const hRegion = $('location_region');\r\n  const hCity = $('location_city');\r\n  const hPlaceId = $('location_place_id');\r\n  const hStreet = $('location_street');\r\n\r\n  let selectedAddress = null;\r\n  let autocompleteInited = false;\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 buildStreet(place) {\r\n    const route = pickComponent(place, 'route') || '';\r\n    const streetNumber = pickComponent(place, 'street_number') || '';\r\n    const premise = pickComponent(place, 'premise') || '';\r\n    const subpremise = pickComponent(place, 'subpremise') || '';\r\n\r\n    let street = route;\r\n    if (streetNumber) street += (street ? ', ' : '') + streetNumber;\r\n    if (premise) street += (street ? ', ' : '') + premise;\r\n    if (subpremise) street += (street ? ', ' : '') + subpremise;\r\n\r\n    return street.trim();\r\n  }\r\n\r\n  function syncAddressHidden() {\r\n    if (!selectedAddress) {\r\n      if (hLocations) hLocations.value = '';\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      if (hStreet) hStreet.value = '';\r\n      if (addressPreview) {\r\n        addressPreview.style.display = 'none';\r\n        addressPreview.innerHTML = '';\r\n      }\r\n      return;\r\n    }\r\n\r\n    const locationItem = {\r\n      country: selectedAddress.country || '',\r\n      region: selectedAddress.region || '',\r\n      city: selectedAddress.city || '',\r\n      street: selectedAddress.street || '',\r\n      lat: selectedAddress.lat ?? '',\r\n      lng: selectedAddress.lng ?? '',\r\n      place_id: selectedAddress.place_id || ''\r\n    };\r\n\r\n    if (hLocations) hLocations.value = JSON.stringify([locationItem]);\r\n    if (hLat) hLat.value = String(locationItem.lat);\r\n    if (hLng) hLng.value = String(locationItem.lng);\r\n    if (hCountry) hCountry.value = locationItem.country;\r\n    if (hRegion) hRegion.value = locationItem.region;\r\n    if (hCity) hCity.value = locationItem.city;\r\n    if (hPlaceId) hPlaceId.value = locationItem.place_id;\r\n    if (hStreet) hStreet.value = locationItem.street;\r\n\r\n    if (addressPreview) {\r\n      addressPreview.style.display = 'block';\r\n      addressPreview.innerHTML = `<strong>\u041e\u0431\u0440\u0430\u043d\u0430 \u0430\u0434\u0440\u0435\u0441\u0430:<\/strong><br>${escHtml(selectedAddress.label || '')}`;\r\n    }\r\n  }\r\n\r\n  function initAddressAutocomplete() {\r\n    if (autocompleteInited) return;\r\n    if (!addressInput) 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(addressInput, {\r\n      types: ['address'],\r\n      componentRestrictions: { country: 'ua' },\r\n      fields: ['place_id', 'geometry', 'address_components', 'formatted_address', '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) {\r\n        selectedAddress = null;\r\n        syncAddressHidden();\r\n        return;\r\n      }\r\n\r\n      const lat = place.geometry.location.lat();\r\n      const lng = place.geometry.location.lng();\r\n      const country = pickComponent(place, 'country');\r\n      const region = pickComponent(place, 'administrative_area_level_1') || '';\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        '';\r\n      const street = buildStreet(place);\r\n\r\n      selectedAddress = {\r\n        country,\r\n        region,\r\n        city,\r\n        street,\r\n        lat,\r\n        lng,\r\n        place_id: place.place_id || '',\r\n        label: place.formatted_address || [country, region, city, street].filter(Boolean).join(', ')\r\n      };\r\n\r\n      addressInput.classList.remove('error');\r\n      if (addressError) addressError.style.display = 'none';\r\n\r\n      syncAddressHidden();\r\n    });\r\n\r\n    safeOn(addressInput, 'input', () => {\r\n      selectedAddress = null;\r\n      syncAddressHidden();\r\n    });\r\n  }\r\n\r\n  window.addEventListener('mh-google-places-ready', initAddressAutocomplete);\r\n\r\n  if (window.google && window.google.maps && window.google.maps.places) {\r\n    initAddressAutocomplete();\r\n  }\r\n\r\n  \/\/ =========================\r\n  \/\/ DIIA POPUP\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  \/\/ =========================\r\n  \/\/ VALIDATION HELPERS\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  \/\/ FORM SUBMIT\r\n  \/\/ =========================\r\n  const form = $('notaryForm');\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    \/\/ 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    \/\/ address\r\n    addressInput?.classList.remove('error');\r\n    if (addressError) addressError.style.display = 'none';\r\n\r\n    if (!selectedAddress || !hLocations?.value) {\r\n      hasError = true;\r\n      addressInput?.classList.add('error');\r\n      if (addressError) addressError.style.display = 'block';\r\n      if (!firstErrorEl) firstErrorEl = addressInput;\r\n    }\r\n\r\n    \/\/ 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    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        \/\/ \u042f\u043a\u0449\u043e \u0414\u0456\u044f \u0432\u0438\u043c\u043a\u043d\u0435\u043d\u0430 \u2014 \u043d\u0430\u0434\u0441\u0438\u043b\u0430\u0454\u043c\u043e \u0430\u043d\u043a\u0435\u0442\u0443 \u043e\u0434\u0440\u0430\u0437\u0443\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        if (!submitRes.ok) {\r\n          resetSubmitButton();\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        $('successPopup')?.classList.add('active');\r\n      } catch (submitErr) {\r\n        resetSubmitButton();\r\n        console.error(submitErr);\r\n        alert('\u0421\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      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      showDiiaPopup(data.deeplink);\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            const diiaInput = $('diia_request_id');\r\n            if (diiaInput) diiaInput.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                resetSubmitButton();\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              $('successPopup')?.classList.add('active');\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            resetSubmitButton();\r\n            clearInterval(poll);\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    } 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 \u043d\u043e\u0442\u0430\u0440\u0456\u0443\u0441\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; \u043f\u043e\u0441\u0438\u043b\u0430\u043d\u043d\u044f \u043d\u0430 \u043f\u0440\u043e\u0444\u0456\u043b\u044c \u0443 \u0404\u0434\u0438\u043d\u043e\u043c\u0443 \u0440\u0435\u0454\u0441\u0442\u0440\u0456 \u043d\u043e\u0442\u0430\u0440\u0456\u0443\u0441\u0456\u0432; \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 \u0437\u0430\u043f\u043e\u0432\u043d\u0435\u043d\u043d\u044f \u0430\u043d\u043a\u0435\u0442\u0438. \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. \u0417\u0440\u043e\u0437\u0443\u043c\u0456\u043b\u043e, \u043f\u043e\u0447\u0430\u0442\u0438 \u2705 \u0410\u043d\u043a\u0435\u0442\u0443 [&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-8947","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.mediation-help.com\/en\/wp-json\/wp\/v2\/pages\/8947","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=8947"}],"version-history":[{"count":100,"href":"https:\/\/www.mediation-help.com\/en\/wp-json\/wp\/v2\/pages\/8947\/revisions"}],"predecessor-version":[{"id":12345,"href":"https:\/\/www.mediation-help.com\/en\/wp-json\/wp\/v2\/pages\/8947\/revisions\/12345"}],"wp:attachment":[{"href":"https:\/\/www.mediation-help.com\/en\/wp-json\/wp\/v2\/media?parent=8947"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}