{"id":11881,"date":"2026-05-05T19:08:17","date_gmt":"2026-05-05T19:08:17","guid":{"rendered":"https:\/\/www.mediation-help.com\/?page_id=11881"},"modified":"2026-05-05T20:33:41","modified_gmt":"2026-05-05T20:33:41","slug":"my-cases","status":"publish","type":"page","link":"https:\/\/www.mediation-help.com\/en\/my-cases\/","title":{"rendered":"\u041c\u043e\u0457 \u043a\u0435\u0439\u0441\u0438"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11881\" class=\"elementor elementor-11881\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d8d7ec3 e-flex e-con-boxed e-con e-parent\" data-id=\"d8d7ec3\" 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-ddfbfd8 elementor-widget elementor-widget-html\" data-id=\"ddfbfd8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"mh-cases-root\" class=\"mh-cases-wrap\">\r\n  <div class=\"mh-cases-loading\">\r\n    <div class=\"mh-loader\"><\/div>\r\n    <p>\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0443\u0454\u043c\u043e \u043a\u0435\u0439\u0441\u0438...<\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .mh-cases-wrap,\r\n  .mh-cases-wrap * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .mh-cases-wrap {\r\n    width: 100%;\r\n    max-width: 1180px;\r\n    margin: 0 auto;\r\n    padding: 32px 0;\r\n    color: var(--e-global-color-text, #0D1211);\r\n    font-family: var(--e-global-typography-text-font-family, \"Inter Tight\"), system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n    font-size: var(--e-global-typography-text-font-size, 16px);\r\n    font-weight: var(--e-global-typography-text-font-weight, 400);\r\n    line-height: var(--e-global-typography-text-line-height, 27.2px);\r\n  }\r\n\r\n  .mh-cases-loading {\r\n    min-height: 220px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: var(--e-global-color-d9712f5, #FFFFFF);\r\n    border: 1px solid rgba(14, 36, 72, 0.08);\r\n    border-radius: 24px;\r\n  }\r\n\r\n  .mh-loader {\r\n    width: 36px;\r\n    height: 36px;\r\n    border: 3px solid rgba(14, 36, 72, 0.12);\r\n    border-top-color: var(--e-global-color-secondary, #72B6AA);\r\n    border-radius: 999px;\r\n    animation: mhSpin 0.8s linear infinite;\r\n  }\r\n\r\n  @keyframes mhSpin {\r\n    to { transform: rotate(360deg); }\r\n  }\r\n\r\n  .mh-cases-hero {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    gap: 20px;\r\n    align-items: flex-start;\r\n    margin-bottom: 18px;\r\n    padding: 28px;\r\n    border-radius: 28px;\r\n    background: var(--e-global-color-d9712f5, #FFFFFF);\r\n    border: 1px solid rgba(14, 36, 72, 0.08);\r\n  }\r\n\r\n  .mh-cases-kicker,\r\n  .mh-cases-label {\r\n    display: inline-flex;\r\n    width: fit-content;\r\n    margin-bottom: 12px;\r\n    color: var(--e-global-color-secondary, #72B6AA);\r\n    font-family: var(--e-global-typography-accent-font-family, \"Inter Tight\"), system-ui, sans-serif;\r\n    font-size: var(--e-global-typography-accent-font-size, 15px);\r\n    font-weight: 400;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .mh-cases-hero h1 {\r\n    margin: 0 0 12px;\r\n    color: var(--e-global-color-primary, #0E2448);\r\n    font-family: var(--e-global-typography-primary-font-family, \"Inter\"), system-ui, sans-serif;\r\n    font-size: var(--e-global-typography-primary-font-size, 50px);\r\n    line-height: var(--e-global-typography-primary-line-height, 50px);\r\n    font-weight: var(--e-global-typography-primary-font-weight, 600);\r\n    letter-spacing: -0.045em;\r\n  }\r\n\r\n  .mh-cases-hero p {\r\n    max-width: 760px;\r\n    margin: 0;\r\n    color: rgba(13, 18, 17, 0.68);\r\n    font-family: var(--e-global-typography-text-font-family, \"Inter Tight\"), system-ui, sans-serif;\r\n    font-size: var(--e-global-typography-text-font-size, 16px);\r\n    font-weight: var(--e-global-typography-text-font-weight, 400);\r\n    line-height: var(--e-global-typography-text-line-height, 27.2px);\r\n  }\r\n\r\n  .mh-cases-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 46px;\r\n    padding: 13px 20px;\r\n    border-radius: 999px;\r\n    font-family: var(--e-global-typography-accent-font-family, \"Inter Tight\"), system-ui, sans-serif;\r\n    font-size: var(--e-global-typography-accent-font-size, 15px);\r\n    font-weight: var(--e-global-typography-accent-font-weight, 700);\r\n    line-height: 1.2;\r\n    text-decoration: none !important;\r\n    cursor: pointer;\r\n    border: 1px solid rgba(14, 36, 72, 0.18);\r\n    background: transparent;\r\n    color: var(--e-global-color-primary, #0E2448) !important;\r\n  }\r\n\r\n  .mh-cases-btn-primary {\r\n    background: var(--e-global-color-primary, #0E2448);\r\n    color: #fff !important;\r\n    border-color: var(--e-global-color-primary, #0E2448);\r\n  }\r\n\r\n  .mh-cases-layout {\r\n    display: grid;\r\n    grid-template-columns: minmax(280px, 0.38fr) minmax(0, 1fr);\r\n    gap: 18px;\r\n  }\r\n\r\n  .mh-cases-card {\r\n    background: var(--e-global-color-d9712f5, #FFFFFF);\r\n    border: 1px solid rgba(14, 36, 72, 0.08);\r\n    border-radius: 28px;\r\n    padding: 24px;\r\n  }\r\n\r\n  .mh-cases-list {\r\n    display: grid;\r\n    gap: 10px;\r\n    margin-top: 16px;\r\n  }\r\n\r\n  .mh-case-list-item {\r\n    width: 100%;\r\n    padding: 16px;\r\n    border-radius: 18px;\r\n    border: 1px solid rgba(14, 36, 72, 0.08);\r\n    background: var(--e-global-color-2dae0d9, #F8F5F0);\r\n    text-align: left;\r\n    cursor: pointer;\r\n    font-family: var(--e-global-typography-text-font-family, \"Inter Tight\"), system-ui, sans-serif;\r\n  }\r\n\r\n  .mh-case-list-item.is-active {\r\n    border-color: rgba(114, 182, 170, 0.55);\r\n    background: rgba(114, 182, 170, 0.14);\r\n  }\r\n\r\n  .mh-case-list-item strong {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    color: var(--e-global-color-primary, #0E2448);\r\n    font-family: var(--e-global-typography-text-font-family, \"Inter Tight\"), system-ui, sans-serif;\r\n    font-size: var(--e-global-typography-text-font-size, 16px);\r\n    line-height: 1.25;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .mh-case-list-item span {\r\n    display: block;\r\n    color: rgba(13, 18, 17, 0.62);\r\n    font-family: var(--e-global-typography-text-font-family, \"Inter Tight\"), system-ui, sans-serif;\r\n    font-size: 14px;\r\n    line-height: 1.35;\r\n  }\r\n\r\n  .mh-cases-empty {\r\n    padding: 28px;\r\n    border-radius: 22px;\r\n    background: var(--e-global-color-2dae0d9, #F8F5F0);\r\n    text-align: center;\r\n    color: rgba(13, 18, 17, 0.68);\r\n    font-family: var(--e-global-typography-text-font-family, \"Inter Tight\"), system-ui, sans-serif;\r\n    font-size: var(--e-global-typography-text-font-size, 16px);\r\n    line-height: var(--e-global-typography-text-line-height, 27.2px);\r\n  }\r\n\r\n  .mh-case-editor-head {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    gap: 18px;\r\n    align-items: flex-start;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .mh-case-editor-head h2,\r\n  .mh-cases-card h2 {\r\n    margin: 0;\r\n    color: var(--e-global-color-primary, #0E2448);\r\n    font-family: var(--e-global-typography-secondary-font-family, \"Inter\"), system-ui, sans-serif;\r\n    font-size: var(--e-global-typography-secondary-font-size, 36px);\r\n    line-height: 1;\r\n    font-weight: var(--e-global-typography-secondary-font-weight, 400);\r\n    letter-spacing: -0.04em;\r\n  }\r\n\r\n  .mh-case-status-pill {\r\n    display: inline-flex;\r\n    white-space: nowrap;\r\n    padding: 8px 12px;\r\n    border-radius: 999px;\r\n    background: rgba(114, 182, 170, 0.16);\r\n    color: var(--e-global-color-primary, #0E2448);\r\n    font-family: var(--e-global-typography-accent-font-family, \"Inter Tight\"), system-ui, sans-serif;\r\n    font-size: var(--e-global-typography-accent-font-size, 15px);\r\n    font-weight: 400;\r\n    line-height: 1.1;\r\n  }\r\n\r\n  .mh-case-form {\r\n    display: grid;\r\n    gap: 18px;\r\n  }\r\n\r\n  .mh-case-section {\r\n    padding: 20px;\r\n    border-radius: 22px;\r\n    background: var(--e-global-color-2dae0d9, #F8F5F0);\r\n    border: 1px solid rgba(14, 36, 72, 0.06);\r\n  }\r\n\r\n  .mh-case-section h3 {\r\n    margin: 0 0 16px;\r\n    color: var(--e-global-color-primary, #0E2448);\r\n    font-family: var(--e-global-typography-secondary-font-family, \"Inter\"), system-ui, sans-serif;\r\n    font-size: 26px;\r\n    line-height: 1.05;\r\n    font-weight: var(--e-global-typography-secondary-font-weight, 400);\r\n    letter-spacing: -0.03em;\r\n  }\r\n\r\n  .mh-case-grid-2,\r\n  .mh-case-grid-3 {\r\n    display: grid;\r\n    gap: 14px;\r\n  }\r\n\r\n  .mh-case-grid-2 {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n\r\n  .mh-case-grid-3 {\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  }\r\n\r\n  .mh-case-field {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n  }\r\n\r\n  .mh-case-field label {\r\n    color: var(--e-global-color-primary, #0E2448);\r\n    font-family: var(--e-global-typography-accent-font-family, \"Inter Tight\"), system-ui, sans-serif;\r\n    font-size: 14px;\r\n    line-height: 1.3;\r\n    font-weight: var(--e-global-typography-accent-font-weight, 700);\r\n  }\r\n\r\n  .mh-case-field input,\r\n  .mh-case-field select,\r\n  .mh-case-field textarea {\r\n    width: 100%;\r\n    min-height: 48px;\r\n    padding: 12px 14px;\r\n    border: 1px solid rgba(14, 36, 72, 0.14);\r\n    border-radius: 14px;\r\n    background: #fff;\r\n    color: var(--e-global-color-text, #0D1211);\r\n    font-family: var(--e-global-typography-text-font-family, \"Inter Tight\"), system-ui, sans-serif;\r\n    font-size: var(--e-global-typography-text-font-size, 16px);\r\n    font-weight: var(--e-global-typography-text-font-weight, 400);\r\n    line-height: var(--e-global-typography-text-line-height, 27.2px);\r\n    outline: none;\r\n  }\r\n\r\n  .mh-case-field textarea {\r\n    resize: vertical;\r\n  }\r\n\r\n  .mh-case-field input:focus,\r\n  .mh-case-field select:focus,\r\n  .mh-case-field textarea:focus {\r\n    border-color: var(--e-global-color-secondary, #72B6AA);\r\n    box-shadow: 0 0 0 4px rgba(114, 182, 170, 0.18);\r\n  }\r\n\r\n  .mh-case-field small {\r\n    color: rgba(13, 18, 17, 0.56);\r\n    font-family: var(--e-global-typography-text-font-family, \"Inter Tight\"), system-ui, sans-serif;\r\n    font-size: 13px;\r\n    line-height: 1.35;\r\n  }\r\n\r\n  .mh-case-actions {\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    gap: 10px;\r\n    flex-wrap: wrap;\r\n    margin-top: 4px;\r\n  }\r\n\r\n  .mh-case-notice {\r\n    padding: 14px 16px;\r\n    border-radius: 16px;\r\n    background: rgba(114, 182, 170, 0.14);\r\n    color: var(--e-global-color-primary, #0E2448);\r\n    font-family: var(--e-global-typography-text-font-family, \"Inter Tight\"), system-ui, sans-serif;\r\n    font-size: var(--e-global-typography-text-font-size, 16px);\r\n    font-weight: var(--e-global-typography-text-font-weight, 400);\r\n    line-height: var(--e-global-typography-text-line-height, 27.2px);\r\n  }\r\n\r\n  .mh-case-notice-error {\r\n    background: rgba(191, 83, 64, 0.10);\r\n    color: #7a2d22;\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .mh-cases-layout {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .mh-cases-hero {\r\n      flex-direction: column;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    .mh-cases-wrap {\r\n      padding: 24px 0;\r\n    }\r\n\r\n    .mh-cases-hero,\r\n    .mh-cases-card {\r\n      border-radius: 22px;\r\n      padding: 20px;\r\n    }\r\n\r\n    .mh-cases-hero h1 {\r\n      font-size: 36px;\r\n      line-height: 1;\r\n    }\r\n\r\n    .mh-case-grid-2,\r\n    .mh-case-grid-3 {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .mh-case-editor-head {\r\n      flex-direction: column;\r\n    }\r\n\r\n    .mh-case-actions {\r\n      flex-direction: column;\r\n    }\r\n\r\n    .mh-cases-btn {\r\n      width: 100%;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  const root = document.getElementById('mh-cases-root');\r\n  const casesEndpoint = '\/wp-json\/mh\/v1\/cases';\r\n  const categoriesEndpoint = '\/wp-json\/mh\/v1\/cases\/categories';\r\n  const cabinetUrl = '\/cabinet\/';\r\n\r\n  if (!root) return;\r\n\r\n  let state = {\r\n    cases: [],\r\n    categories: [],\r\n    activeCaseId: getCaseIdFromUrl(),\r\n    activeCase: null\r\n  };\r\n\r\n  function esc(value) {\r\n    return String(value ?? '')\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 getCaseIdFromUrl() {\r\n    const params = new URLSearchParams(window.location.search);\r\n    const value = parseInt(params.get('case_id') || '0', 10);\r\n    return Number.isFinite(value) && value > 0 ? value : 0;\r\n  }\r\n\r\n  function updateUrl(caseId) {\r\n    const url = new URL(window.location.href);\r\n\r\n    if (caseId) {\r\n      url.searchParams.set('case_id', caseId);\r\n    } else {\r\n      url.searchParams.delete('case_id');\r\n    }\r\n\r\n    window.history.replaceState({}, '', url.toString());\r\n  }\r\n\r\n  function renderLoading() {\r\n    root.innerHTML = `\r\n      <div class=\"mh-cases-loading\">\r\n        <div class=\"mh-loader\"><\/div>\r\n        <p>\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0443\u0454\u043c\u043e \u043a\u0435\u0439\u0441\u0438...<\/p>\r\n      <\/div>\r\n    `;\r\n  }\r\n\r\n  function showNotice(message, isError = false) {\r\n    const target = document.getElementById('mh-case-editor-notice');\r\n\r\n    if (!target) return;\r\n\r\n    target.innerHTML = message\r\n      ? `<div class=\"mh-case-notice ${isError ? 'mh-case-notice-error' : ''}\">${esc(message)}<\/div>`\r\n      : '';\r\n  }\r\n\r\n  function parseMinutesList(value) {\r\n    return String(value || '')\r\n      .split(',')\r\n      .map(item => parseInt(item.trim(), 10))\r\n      .filter(item => Number.isFinite(item) && item > 0);\r\n  }\r\n\r\n  function minutesListToText(value) {\r\n    if (!Array.isArray(value)) return '';\r\n    return value.filter(item => parseInt(item, 10) > 0).join(', ');\r\n  }\r\n\r\n  function setFieldValue(form, name, value) {\r\n    if (!form.elements[name]) return;\r\n    form.elements[name].value = value ?? '';\r\n  }\r\n\r\n  async function loadInitialData() {\r\n    renderLoading();\r\n\r\n    try {\r\n      await Promise.all([\r\n        loadCategories(),\r\n        loadCases()\r\n      ]);\r\n\r\n      if (!state.activeCaseId && state.cases.length) {\r\n        state.activeCaseId = state.cases[0].id;\r\n        updateUrl(state.activeCaseId);\r\n      }\r\n\r\n      if (state.activeCaseId) {\r\n        await loadCase(state.activeCaseId);\r\n      }\r\n\r\n      render();\r\n    } catch (error) {\r\n      root.innerHTML = `\r\n        <div class=\"mh-cases-card\">\r\n          <h2>\u041d\u0435 \u0432\u0434\u0430\u043b\u043e\u0441\u044f \u0437\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438 \u043a\u0435\u0439\u0441\u0438<\/h2>\r\n          <p>${esc(error.message || '\u0421\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u043e\u043d\u043e\u0432\u0438\u0442\u0438 \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0443.')}<\/p>\r\n        <\/div>\r\n      `;\r\n    }\r\n  }\r\n\r\n  async function loadCategories() {\r\n    const response = await fetch(categoriesEndpoint, {\r\n      method: 'GET',\r\n      credentials: 'same-origin',\r\n      headers: {\r\n        'Accept': 'application\/json'\r\n      }\r\n    });\r\n\r\n    const data = await response.json();\r\n\r\n    if (!response.ok || !data.success) {\r\n      throw new Error(data.message || '\u041d\u0435 \u0432\u0434\u0430\u043b\u043e\u0441\u044f \u0437\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0456\u0457 \u0441\u043f\u043e\u0440\u0456\u0432.');\r\n    }\r\n\r\n    state.categories = Array.isArray(data.categories) ? data.categories : [];\r\n  }\r\n\r\n  async function loadCases() {\r\n    const response = await fetch(casesEndpoint, {\r\n      method: 'GET',\r\n      credentials: 'same-origin',\r\n      headers: {\r\n        'Accept': 'application\/json'\r\n      }\r\n    });\r\n\r\n    const data = await response.json();\r\n\r\n    if (!response.ok || !data.success) {\r\n      throw new Error(data.message || '\u041d\u0435 \u0432\u0434\u0430\u043b\u043e\u0441\u044f \u0437\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438 \u0441\u043f\u0438\u0441\u043e\u043a \u043a\u0435\u0439\u0441\u0456\u0432.');\r\n    }\r\n\r\n    state.cases = Array.isArray(data.cases) ? data.cases : [];\r\n  }\r\n\r\n  async function loadCase(caseId) {\r\n    const response = await fetch(`${casesEndpoint}\/${caseId}`, {\r\n      method: 'GET',\r\n      credentials: 'same-origin',\r\n      headers: {\r\n        'Accept': 'application\/json'\r\n      }\r\n    });\r\n\r\n    const data = await response.json();\r\n\r\n    if (!response.ok || !data.success) {\r\n      throw new Error(data.message || '\u041d\u0435 \u0432\u0434\u0430\u043b\u043e\u0441\u044f \u0437\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438 \u043a\u0435\u0439\u0441.');\r\n    }\r\n\r\n    state.activeCase = data.case || null;\r\n  }\r\n\r\n  function caseKindLabel(kind) {\r\n    return kind === 'mediation' ? '\u041c\u0435\u0434\u0456\u0430\u0446\u0456\u0439\u043d\u0438\u0439 \u043a\u0435\u0439\u0441' : '\u0406\u041e\u0417\u041c \/ \u0437\u0432\u0435\u0440\u043d\u0435\u043d\u043d\u044f';\r\n  }\r\n\r\n  function renderCaseList() {\r\n    if (!state.cases.length) {\r\n      return `\r\n        <div class=\"mh-cases-empty\">\r\n          \u041f\u043e\u043a\u0438 \u043d\u0435\u043c\u0430\u0454 \u0434\u043e\u0434\u0430\u043d\u0438\u0445 \u043a\u0435\u0439\u0441\u0456\u0432. \u0421\u0442\u0432\u043e\u0440\u0438\u0442\u0438 \u043a\u0435\u0439\u0441 \u043c\u043e\u0436\u043d\u0430 \u0437\u0456 \u0437\u0432\u0435\u0440\u043d\u0435\u043d\u043d\u044f \u0443 \u043a\u0430\u0431\u0456\u043d\u0435\u0442\u0456.\r\n        <\/div>\r\n      `;\r\n    }\r\n\r\n    return `\r\n      <div class=\"mh-cases-list\">\r\n        ${state.cases.map(item => `\r\n          <button\r\n            type=\"button\"\r\n            class=\"mh-case-list-item ${parseInt(item.id, 10) === parseInt(state.activeCaseId, 10) ? 'is-active' : ''}\"\r\n            data-open-case=\"${esc(item.id)}\"\r\n          >\r\n            <strong>${esc(item.title || ('\u041a\u0435\u0439\u0441 #' + item.id))}<\/strong>\r\n            <span>${esc(caseKindLabel(item.case_kind))}<\/span>\r\n            <span>${esc(item.case_status_label || '')}<\/span>\r\n            <span>${esc(item.date || '')}<\/span>\r\n          <\/button>\r\n        `).join('')}\r\n      <\/div>\r\n    `;\r\n  }\r\n\r\n  function categoryOptions(activeId) {\r\n    return `\r\n      <option value=\"\">\u041e\u0431\u0435\u0440\u0456\u0442\u044c \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0456\u044e<\/option>\r\n      ${state.categories.map(category => `\r\n        <option value=\"${esc(category.id)}\" ${parseInt(activeId || 0, 10) === parseInt(category.id, 10) ? 'selected' : ''}>\r\n          ${esc(category.name)}\r\n        <\/option>\r\n      `).join('')}\r\n    `;\r\n  }\r\n\r\n  function renderEditor() {\r\n    const item = state.activeCase;\r\n\r\n    if (!item) {\r\n      return `\r\n        <div class=\"mh-cases-card\">\r\n          <h2>\u041e\u0431\u0435\u0440\u0456\u0442\u044c \u043a\u0435\u0439\u0441<\/h2>\r\n          <p>\u0412\u0438\u0431\u0435\u0440\u0456\u0442\u044c \u043a\u0435\u0439\u0441 \u0437\u0456 \u0441\u043f\u0438\u0441\u043a\u0443, \u0449\u043e\u0431 \u043f\u0435\u0440\u0435\u0433\u043b\u044f\u043d\u0443\u0442\u0438 \u0430\u0431\u043e \u043e\u043d\u043e\u0432\u0438\u0442\u0438 \u0456\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u044e.<\/p>\r\n        <\/div>\r\n      `;\r\n    }\r\n\r\n    const intake = item.intake || {};\r\n    const mediation = item.mediation || {};\r\n\r\n    return `\r\n      <div class=\"mh-cases-card\">\r\n        <div class=\"mh-case-editor-head\">\r\n          <div>\r\n            <span class=\"mh-cases-label\">\u0420\u0435\u0434\u0430\u0433\u0443\u0432\u0430\u043d\u043d\u044f \u043a\u0435\u0439\u0441\u0443<\/span>\r\n            <h2>${esc(item.title || ('\u041a\u0435\u0439\u0441 #' + item.id))}<\/h2>\r\n          <\/div>\r\n\r\n          <span class=\"mh-case-status-pill\">${esc(item.case_status_label || '')}<\/span>\r\n        <\/div>\r\n\r\n        <form id=\"mh-case-page-form\" class=\"mh-case-form\">\r\n          <div class=\"mh-case-section\">\r\n            <h3>\u041e\u0441\u043d\u043e\u0432\u043d\u0456 \u0434\u0430\u043d\u0456<\/h3>\r\n\r\n            <div class=\"mh-case-grid-2\">\r\n              <div class=\"mh-case-field\">\r\n                <label>\u0422\u0438\u043f \u0437\u0430\u043f\u0438\u0441\u0443<\/label>\r\n                <select name=\"case_kind\">\r\n                  <option value=\"intake\" ${item.case_kind === 'intake' ? 'selected' : ''}>\u0406\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u0439\u043d\u043e-\u043e\u0446\u0456\u043d\u043e\u0447\u043d\u0430 \u0437\u0443\u0441\u0442\u0440\u0456\u0447 \/ \u0437\u0432\u0435\u0440\u043d\u0435\u043d\u043d\u044f<\/option>\r\n                  <option value=\"mediation\" ${item.case_kind === 'mediation' ? 'selected' : ''}>\u041c\u0435\u0434\u0456\u0430\u0446\u0456\u0439\u043d\u0438\u0439 \u043a\u0435\u0439\u0441<\/option>\r\n                <\/select>\r\n              <\/div>\r\n\r\n              <div class=\"mh-case-field\">\r\n                <label>\u041a\u0430\u0442\u0435\u0433\u043e\u0440\u0456\u044f \u0441\u043f\u043e\u0440\u0443<\/label>\r\n                <select name=\"dispute_category_id\">\r\n                  ${categoryOptions(item.dispute_category?.id || 0)}\r\n                <\/select>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"mh-case-field\" style=\"margin-top:14px;\">\r\n              <label>\u0423\u0442\u043e\u0447\u043d\u0435\u043d\u043d\u044f, \u044f\u043a\u0449\u043e \u201c\u0406\u043d\u0448\u0435\u201d<\/label>\r\n              <input type=\"text\" name=\"dispute_category_other\" value=\"${esc(item.dispute_category_other || '')}\">\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"mh-case-section\" data-case-section=\"intake\">\r\n            <h3>\u0414\u0430\u043d\u0456 \u0434\u043b\u044f \u0406\u041e\u0417\u041c<\/h3>\r\n\r\n            <div class=\"mh-case-grid-2\">\r\n              <div class=\"mh-case-field\">\r\n                <label>\u0412\u0430\u0440\u0456\u0430\u043d\u0442 \u043f\u0440\u043e\u0432\u0435\u0434\u0435\u043d\u043d\u044f<\/label>\r\n                <select name=\"intake_format\">\r\n                  <option value=\"\">\u041e\u0431\u0435\u0440\u0456\u0442\u044c<\/option>\r\n                  <option value=\"both_parties\" ${intake.format === 'both_parties' ? 'selected' : ''}>\u0417 \u043e\u0431\u043e\u043c\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0430\u043c\u0438<\/option>\r\n                  <option value=\"one_party\" ${intake.format === 'one_party' ? 'selected' : ''}>\u0417 \u043e\u0434\u043d\u0456\u0454\u044e \u0441\u0442\u043e\u0440\u043e\u043d\u043e\u044e<\/option>\r\n                  <option value=\"not_held\" ${intake.format === 'not_held' ? 'selected' : ''}>\u041d\u0435 \u043f\u0440\u043e\u0432\u043e\u0434\u0438\u043b\u0430\u0441\u044c<\/option>\r\n                <\/select>\r\n              <\/div>\r\n\r\n              <div class=\"mh-case-field\">\r\n                <label>\u0422\u0440\u0438\u0432\u0430\u043b\u0456\u0441\u0442\u044c, \u0445\u0432<\/label>\r\n                <input type=\"number\" name=\"intake_duration_minutes\" min=\"0\" step=\"5\" value=\"${esc(intake.duration_minutes || '')}\">\r\n              <\/div>\r\n\r\n              <div class=\"mh-case-field\">\r\n                <label>\u041a\u0456\u043b\u044c\u043a\u0456\u0441\u0442\u044c \u0437\u0443\u0441\u0442\u0440\u0456\u0447\u0435\u0439<\/label>\r\n                <input type=\"number\" name=\"intake_meetings_count\" min=\"0\" step=\"1\" value=\"${esc(intake.meetings_count || '')}\">\r\n              <\/div>\r\n\r\n              <div class=\"mh-case-field\">\r\n                <label>\u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0406\u041e\u0417\u041c<\/label>\r\n                <select name=\"intake_result\">\r\n                  <option value=\"\">\u041e\u0431\u0435\u0440\u0456\u0442\u044c<\/option>\r\n                  <option value=\"initiator_refused\" ${intake.result === 'initiator_refused' ? 'selected' : ''}>\u0412\u0456\u0434\u043c\u043e\u0432\u0430 \u0456\u043d\u0456\u0446\u0456\u0430\u0442\u043e\u0440\u0430<\/option>\r\n                  <option value=\"other_party_refused\" ${intake.result === 'other_party_refused' ? 'selected' : ''}>\u0412\u0456\u0434\u043c\u043e\u0432\u0430 \u0456\u043d\u0448\u043e\u0457 \u0441\u0442\u043e\u0440\u043e\u043d\u0438<\/option>\r\n                  <option value=\"not_mediable\" ${intake.result === 'not_mediable' ? 'selected' : ''}>\u041d\u0435 \u043c\u0435\u0434\u0456\u0430\u0431\u0435\u043b\u044c\u043d\u0456\u0441\u0442\u044c<\/option>\r\n                  <option value=\"mediator_refused\" ${intake.result === 'mediator_refused' ? 'selected' : ''}>\u0412\u0456\u0434\u043c\u043e\u0432\u0430 \u043c\u0435\u0434\u0456\u0430\u0442\u043e\u0440\u0430<\/option>\r\n                  <option value=\"moved_to_mediation\" ${intake.result === 'moved_to_mediation' ? 'selected' : ''}>\u041f\u0435\u0440\u0435\u0445\u0456\u0434 \u0443 \u043c\u0435\u0434\u0456\u0430\u0446\u0456\u044e<\/option>\r\n                  <option value=\"domestic_violence_signs\" ${intake.result === 'domestic_violence_signs' ? 'selected' : ''}>\u0412\u0438\u044f\u0432\u043b\u0435\u043d\u043e \u043e\u0437\u043d\u0430\u043a\u0438 \u0434\u043e\u043c\u0430\u0448\u043d\u044c\u043e\u0433\u043e \u043d\u0430\u0441\u0438\u043b\u044c\u0441\u0442\u0432\u0430<\/option>\r\n                  <option value=\"other\" ${intake.result === 'other' ? 'selected' : ''}>\u0406\u043d\u0448\u0435<\/option>\r\n                <\/select>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"mh-case-field\" data-other-field=\"intake_result\" style=\"margin-top:14px;\">\r\n              <label>\u0423\u0442\u043e\u0447\u043d\u0435\u043d\u043d\u044f \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0443 \u0406\u041e\u0417\u041c<\/label>\r\n              <input type=\"text\" name=\"intake_result_other\" value=\"${esc(intake.result_other || '')}\">\r\n            <\/div>\r\n\r\n            <div class=\"mh-case-field\" style=\"margin-top:14px;\">\r\n              <label>\u0422\u0440\u0438\u0432\u0430\u043b\u0456\u0441\u0442\u044c \u043a\u043e\u0436\u043d\u043e\u0457 \u0437\u0443\u0441\u0442\u0440\u0456\u0447\u0456 \u0406\u041e\u0417\u041c, \u0445\u0432<\/label>\r\n              <input type=\"text\" name=\"intake_meeting_durations_text\" value=\"${esc(minutesListToText(intake.meeting_durations || []))}\" placeholder=\"\u041d\u0430\u043f\u0440\u0438\u043a\u043b\u0430\u0434: 60, 90, 45\">\r\n              <small>\u0412\u043a\u0430\u0436\u0456\u0442\u044c \u0442\u0440\u0438\u0432\u0430\u043b\u043e\u0441\u0442\u0456 \u0447\u0435\u0440\u0435\u0437 \u043a\u043e\u043c\u0443.<\/small>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"mh-case-section\" data-case-section=\"mediation\">\r\n            <h3>\u0414\u0430\u043d\u0456 \u043c\u0435\u0434\u0456\u0430\u0446\u0456\u0439\u043d\u043e\u0433\u043e \u043a\u0435\u0439\u0441\u0443<\/h3>\r\n\r\n            <div class=\"mh-case-grid-2\">\r\n              <div class=\"mh-case-field\">\r\n                <label>\u041a\u0456\u043b\u044c\u043a\u0456\u0441\u0442\u044c \u0443\u0447\u0430\u0441\u043d\u0438\u043a\u0456\u0432<\/label>\r\n                <input type=\"number\" name=\"participants_count\" min=\"0\" step=\"1\" value=\"${esc(mediation.participants_count || '')}\">\r\n              <\/div>\r\n\r\n              <div class=\"mh-case-field\">\r\n                <label>\u041a\u0456\u043b\u044c\u043a\u0456\u0441\u0442\u044c \u0437\u0443\u0441\u0442\u0440\u0456\u0447\u0435\u0439<\/label>\r\n                <input type=\"number\" name=\"mediation_meetings_count\" min=\"0\" step=\"1\" value=\"${esc(mediation.meetings_count || '')}\">\r\n              <\/div>\r\n\r\n              <div class=\"mh-case-field\">\r\n                <label>\u0417\u0430\u0433\u0430\u043b\u044c\u043d\u0430 \u0442\u0440\u0438\u0432\u0430\u043b\u0456\u0441\u0442\u044c, \u0445\u0432<\/label>\r\n                <input type=\"number\" name=\"total_duration_minutes\" min=\"0\" step=\"5\" value=\"${esc(mediation.total_duration_minutes || '')}\">\r\n              <\/div>\r\n\r\n              <div class=\"mh-case-field\">\r\n                <label>\u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442<\/label>\r\n                <select name=\"mediation_result\">\r\n                  <option value=\"\">\u041e\u0431\u0435\u0440\u0456\u0442\u044c<\/option>\r\n                  <option value=\"full_agreement\" ${mediation.result === 'full_agreement' ? 'selected' : ''}>\u0414\u043e\u043c\u043e\u0432\u043b\u0435\u043d\u043e\u0441\u0442\u0456 \u0434\u043e\u0441\u044f\u0433\u043d\u0443\u0442\u043e \u043f\u043e\u0432\u043d\u0456\u0441\u0442\u044e<\/option>\r\n                  <option value=\"partial_agreement\" ${mediation.result === 'partial_agreement' ? 'selected' : ''}>\u0414\u043e\u043c\u043e\u0432\u043b\u0435\u043d\u043e\u0441\u0442\u0456 \u0434\u043e\u0441\u044f\u0433\u043d\u0443\u0442\u043e \u0447\u0430\u0441\u0442\u043a\u043e\u0432\u043e<\/option>\r\n                  <option value=\"no_agreement\" ${mediation.result === 'no_agreement' ? 'selected' : ''}>\u0414\u043e\u043c\u043e\u0432\u043b\u0435\u043d\u043e\u0441\u0442\u0456 \u043d\u0435 \u0434\u043e\u0441\u044f\u0433\u043d\u0443\u0442\u043e<\/option>\r\n                  <option value=\"terminated\" ${mediation.result === 'terminated' ? 'selected' : ''}>\u041c\u0435\u0434\u0456\u0430\u0446\u0456\u044e \u043f\u0440\u0438\u043f\u0438\u043d\u0435\u043d\u043e<\/option>\r\n                  <option value=\"other\" ${mediation.result === 'other' ? 'selected' : ''}>\u0406\u043d\u0448\u0435<\/option>\r\n                <\/select>\r\n              <\/div>\r\n\r\n              <div class=\"mh-case-field\">\r\n                <label>\u041f\u043e\u0441\u0442\u043c\u0435\u0434\u0456\u0430\u0446\u0456\u044f<\/label>\r\n                <select name=\"post_mediation\">\r\n                  <option value=\"\">\u041e\u0431\u0435\u0440\u0456\u0442\u044c<\/option>\r\n                  <option value=\"yes\" ${mediation.post_mediation === 'yes' ? 'selected' : ''}>\u0422\u0430\u043a<\/option>\r\n                  <option value=\"no\" ${mediation.post_mediation === 'no' ? 'selected' : ''}>\u041d\u0456<\/option>\r\n                <\/select>\r\n              <\/div>\r\n\r\n              <div class=\"mh-case-field\">\r\n                <label>\u0421\u0442\u0430\u0442\u0443\u0441 \u043a\u0435\u0439\u0441\u0443<\/label>\r\n                <select name=\"case_status\">\r\n                  <option value=\"in_progress\" ${item.case_status === 'in_progress' ? 'selected' : ''}>\u0412 \u0440\u043e\u0431\u043e\u0442\u0456<\/option>\r\n                  <option value=\"completed\" ${item.case_status === 'completed' ? 'selected' : ''}>\u0417\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u043e<\/option>\r\n                  <option value=\"paused\" ${item.case_status === 'paused' ? 'selected' : ''}>\u0417\u0443\u043f\u0438\u043d\u0435\u043d\u043e<\/option>\r\n                <\/select>\r\n              <\/div>\r\n\r\n              <div class=\"mh-case-field\">\r\n                <label>\u0427\u0438 \u0441\u043f\u0440\u0430\u0432\u0430 \u043f\u0435\u0440\u0435\u0431\u0443\u0432\u0430\u0454 \u0432 \u0441\u0443\u0434\u0456?<\/label>\r\n                <select name=\"court_case\">\r\n                  <option value=\"\">\u041e\u0431\u0435\u0440\u0456\u0442\u044c<\/option>\r\n                  <option value=\"yes\" ${mediation.court_case === 'yes' ? 'selected' : ''}>\u0422\u0430\u043a<\/option>\r\n                  <option value=\"no\" ${mediation.court_case === 'no' ? 'selected' : ''}>\u041d\u0456<\/option>\r\n                  <option value=\"unknown\" ${mediation.court_case === 'unknown' ? 'selected' : ''}>\u041d\u0435 \u0437\u043d\u0430\u044e<\/option>\r\n                <\/select>\r\n              <\/div>\r\n\r\n              <div class=\"mh-case-field\">\r\n                <label>\u0427\u0438 \u0454 \u0441\u0443\u0434\u043e\u0432\u0435 \u0440\u0456\u0448\u0435\u043d\u043d\u044f?<\/label>\r\n                <select name=\"court_decision\">\r\n                  <option value=\"\">\u041e\u0431\u0435\u0440\u0456\u0442\u044c<\/option>\r\n                  <option value=\"yes\" ${mediation.court_decision === 'yes' ? 'selected' : ''}>\u0422\u0430\u043a<\/option>\r\n                  <option value=\"no\" ${mediation.court_decision === 'no' ? 'selected' : ''}>\u041d\u0456<\/option>\r\n                  <option value=\"unknown\" ${mediation.court_decision === 'unknown' ? 'selected' : ''}>\u041d\u0435 \u0437\u043d\u0430\u044e<\/option>\r\n                <\/select>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"mh-case-field\" data-other-field=\"mediation_result\" style=\"margin-top:14px;\">\r\n              <label>\u0423\u0442\u043e\u0447\u043d\u0435\u043d\u043d\u044f \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0443 \u043c\u0435\u0434\u0456\u0430\u0446\u0456\u0457<\/label>\r\n              <input type=\"text\" name=\"mediation_result_other\" value=\"${esc(mediation.result_other || '')}\">\r\n            <\/div>\r\n\r\n            <div class=\"mh-case-field\" style=\"margin-top:14px;\">\r\n              <label>\u0422\u0440\u0438\u0432\u0430\u043b\u0456\u0441\u0442\u044c \u043a\u043e\u0436\u043d\u043e\u0457 \u043c\u0435\u0434\u0456\u0430\u0446\u0456\u0439\u043d\u043e\u0457 \u0437\u0443\u0441\u0442\u0440\u0456\u0447\u0456, \u0445\u0432<\/label>\r\n              <input type=\"text\" name=\"mediation_meeting_durations_text\" value=\"${esc(minutesListToText(mediation.meeting_durations || []))}\" placeholder=\"\u041d\u0430\u043f\u0440\u0438\u043a\u043b\u0430\u0434: 60, 90, 45\">\r\n              <small>\u0412\u043a\u0430\u0436\u0456\u0442\u044c \u0442\u0440\u0438\u0432\u0430\u043b\u043e\u0441\u0442\u0456 \u0447\u0435\u0440\u0435\u0437 \u043a\u043e\u043c\u0443.<\/small>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"mh-case-section\">\r\n            <h3>\u0423\u0437\u0430\u0433\u0430\u043b\u044c\u043d\u0435\u043d\u0456 \u043e\u0437\u043d\u0430\u043a\u0438 \u0443\u0447\u0430\u0441\u043d\u0438\u043a\u0456\u0432<\/h3>\r\n\r\n            <div class=\"mh-case-grid-3\">\r\n              <div class=\"mh-case-field\">\r\n                <label>\u041d\u0430\u044f\u0432\u043d\u0456\u0441\u0442\u044c \u043d\u0435\u043f\u043e\u0432\u043d\u043e\u043b\u0456\u0442\u043d\u0456\u0445<\/label>\r\n                <select name=\"has_minors\">\r\n                  <option value=\"\">\u041e\u0431\u0435\u0440\u0456\u0442\u044c<\/option>\r\n                  <option value=\"yes\" ${item.has_minors === 'yes' ? 'selected' : ''}>\u0422\u0430\u043a<\/option>\r\n                  <option value=\"no\" ${item.has_minors === 'no' ? 'selected' : ''}>\u041d\u0456<\/option>\r\n                  <option value=\"unknown\" ${item.has_minors === 'unknown' ? 'selected' : ''}>\u041d\u0435 \u0437\u043d\u0430\u044e<\/option>\r\n                <\/select>\r\n              <\/div>\r\n\r\n              <div class=\"mh-case-field\">\r\n                <label>\u041d\u0430\u044f\u0432\u043d\u0456\u0441\u0442\u044c \u0432\u0435\u0442\u0435\u0440\u0430\u043d\u0456\u0432<\/label>\r\n                <select name=\"has_veterans\">\r\n                  <option value=\"\">\u041e\u0431\u0435\u0440\u0456\u0442\u044c<\/option>\r\n                  <option value=\"yes\" ${item.has_veterans === 'yes' ? 'selected' : ''}>\u0422\u0430\u043a<\/option>\r\n                  <option value=\"no\" ${item.has_veterans === 'no' ? 'selected' : ''}>\u041d\u0456<\/option>\r\n                  <option value=\"unknown\" ${item.has_veterans === 'unknown' ? 'selected' : ''}>\u041d\u0435 \u0437\u043d\u0430\u044e<\/option>\r\n                <\/select>\r\n              <\/div>\r\n\r\n              <div class=\"mh-case-field\">\r\n                <label>\u041d\u0430\u044f\u0432\u043d\u0456\u0441\u0442\u044c \u043e\u0441\u0456\u0431 \u0437 \u0456\u043d\u0432\u0430\u043b\u0456\u0434\u043d\u0456\u0441\u0442\u044e<\/label>\r\n                <select name=\"has_disability\">\r\n                  <option value=\"\">\u041e\u0431\u0435\u0440\u0456\u0442\u044c<\/option>\r\n                  <option value=\"yes\" ${item.has_disability === 'yes' ? 'selected' : ''}>\u0422\u0430\u043a<\/option>\r\n                  <option value=\"no\" ${item.has_disability === 'no' ? 'selected' : ''}>\u041d\u0456<\/option>\r\n                  <option value=\"unknown\" ${item.has_disability === 'unknown' ? 'selected' : ''}>\u041d\u0435 \u0437\u043d\u0430\u044e<\/option>\r\n                <\/select>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"mh-case-field\">\r\n            <label>\u041a\u043e\u043c\u0435\u043d\u0442\u0430\u0440 \u0430\u0431\u043e \u043f\u0440\u0438\u043c\u0456\u0442\u043a\u0430 \u043c\u0435\u0434\u0456\u0430\u0442\u043e\u0440\u0430<\/label>\r\n            <textarea name=\"mediator_comment\" rows=\"4\">${esc(item.mediator_comment || '')}<\/textarea>\r\n          <\/div>\r\n\r\n          <div class=\"mh-case-field\">\r\n            <label>\u041f\u0440\u0438\u0432\u0430\u0442\u043d\u0456 \u043d\u043e\u0442\u0430\u0442\u043a\u0438<\/label>\r\n            <textarea name=\"private_notes\" rows=\"6\" placeholder=\"\u0426\u0456 \u043d\u043e\u0442\u0430\u0442\u043a\u0438 \u0431\u0430\u0447\u0438\u0442\u0435 \u0442\u0456\u043b\u044c\u043a\u0438 \u0432\u0438.\">${esc(item.private_notes || '')}<\/textarea>\r\n          <\/div>\r\n\r\n          <div id=\"mh-case-editor-notice\"><\/div>\r\n\r\n          <div class=\"mh-case-actions\">\r\n            <a class=\"mh-cases-btn\" href=\"${esc(cabinetUrl)}\">\u041d\u0430\u0437\u0430\u0434 \u0443 \u043a\u0430\u0431\u0456\u043d\u0435\u0442<\/a>\r\n            <button type=\"submit\" class=\"mh-cases-btn mh-cases-btn-primary\">\u0417\u0431\u0435\u0440\u0435\u0433\u0442\u0438 \u0434\u0430\u043d\u0456<\/button>\r\n          <\/div>\r\n        <\/form>\r\n      <\/div>\r\n    `;\r\n  }\r\n\r\n  function render() {\r\n    root.innerHTML = `\r\n      <section class=\"mh-cases-hero\">\r\n        <div>\r\n          <span class=\"mh-cases-kicker\">\u041e\u0441\u043e\u0431\u0438\u0441\u0442\u0438\u0439 \u043a\u0430\u0431\u0456\u043d\u0435\u0442<\/span>\r\n          <h1>\u041c\u043e\u0457 \u043a\u0435\u0439\u0441\u0438<\/h1>\r\n          <p>\r\n            \u0422\u0443\u0442 \u0432\u0438 \u043c\u043e\u0436\u0435\u0442\u0435 \u0432\u0435\u0441\u0442\u0438 \u0434\u043e\u0431\u0440\u043e\u0432\u0456\u043b\u044c\u043d\u0438\u0439 \u043e\u0431\u043b\u0456\u043a \u0437\u0432\u0435\u0440\u043d\u0435\u043d\u044c \u0456 \u043a\u0435\u0439\u0441\u0456\u0432, \u043e\u043d\u043e\u0432\u043b\u044e\u0432\u0430\u0442\u0438 \u0434\u0430\u043d\u0456,\r\n            \u0434\u043e\u0434\u0430\u0432\u0430\u0442\u0438 \u043f\u0440\u0438\u0432\u0430\u0442\u043d\u0456 \u043d\u043e\u0442\u0430\u0442\u043a\u0438 \u0442\u0430 \u0437\u0431\u0435\u0440\u0456\u0433\u0430\u0442\u0438 \u0456\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u044e \u0434\u043b\u044f \u0432\u043b\u0430\u0441\u043d\u043e\u0457 \u0441\u0442\u0430\u0442\u0438\u0441\u0442\u0438\u043a\u0438 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0438.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <a class=\"mh-cases-btn\" href=\"${esc(cabinetUrl)}\">\u0414\u043e \u043a\u0430\u0431\u0456\u043d\u0435\u0442\u0443<\/a>\r\n      <\/section>\r\n\r\n      <section class=\"mh-cases-layout\">\r\n        <aside class=\"mh-cases-card\">\r\n          <span class=\"mh-cases-label\">\u0421\u043f\u0438\u0441\u043e\u043a<\/span>\r\n          <h2>\u041a\u0435\u0439\u0441\u0438<\/h2>\r\n          ${renderCaseList()}\r\n        <\/aside>\r\n\r\n        <main>\r\n          ${renderEditor()}\r\n        <\/main>\r\n      <\/section>\r\n    `;\r\n\r\n    bindEvents();\r\n    updateCaseSections();\r\n  }\r\n\r\n  function updateCaseSections() {\r\n    const form = document.getElementById('mh-case-page-form');\r\n\r\n    if (!form) return;\r\n\r\n    const kind = form.elements.case_kind?.value || 'intake';\r\n\r\n    form.querySelectorAll('[data-case-section]').forEach(section => {\r\n      section.hidden = section.getAttribute('data-case-section') !== kind;\r\n    });\r\n\r\n    const intakeResult = form.elements.intake_result?.value;\r\n    const mediationResult = form.elements.mediation_result?.value;\r\n\r\n    form.querySelectorAll('[data-other-field=\"intake_result\"]').forEach(field => {\r\n      field.hidden = intakeResult !== 'other';\r\n    });\r\n\r\n    form.querySelectorAll('[data-other-field=\"mediation_result\"]').forEach(field => {\r\n      field.hidden = mediationResult !== 'other';\r\n    });\r\n  }\r\n\r\n  async function openCase(caseId) {\r\n    state.activeCaseId = parseInt(caseId, 10);\r\n    updateUrl(state.activeCaseId);\r\n\r\n    try {\r\n      await loadCase(state.activeCaseId);\r\n      render();\r\n    } catch (error) {\r\n      alert(error.message || '\u041d\u0435 \u0432\u0434\u0430\u043b\u043e\u0441\u044f \u0432\u0456\u0434\u043a\u0440\u0438\u0442\u0438 \u043a\u0435\u0439\u0441.');\r\n    }\r\n  }\r\n\r\n  async function submitCaseForm(event) {\r\n    event.preventDefault();\r\n\r\n    if (!state.activeCaseId) return;\r\n\r\n    const form = event.currentTarget;\r\n    const submit = form.querySelector('button[type=\"submit\"]');\r\n    const formData = new FormData(form);\r\n\r\n    const payload = {\r\n      case_kind: formData.get('case_kind') || 'intake',\r\n      dispute_category_id: formData.get('dispute_category_id') || '',\r\n      dispute_category_other: formData.get('dispute_category_other') || '',\r\n\r\n      intake_format: formData.get('intake_format') || '',\r\n      intake_duration_minutes: formData.get('intake_duration_minutes') || '',\r\n      intake_meetings_count: formData.get('intake_meetings_count') || '',\r\n      intake_meeting_durations: parseMinutesList(formData.get('intake_meeting_durations_text')),\r\n      intake_result: formData.get('intake_result') || '',\r\n      intake_result_other: formData.get('intake_result_other') || '',\r\n\r\n      participants_count: formData.get('participants_count') || '',\r\n      mediation_meetings_count: formData.get('mediation_meetings_count') || '',\r\n      mediation_meeting_durations: parseMinutesList(formData.get('mediation_meeting_durations_text')),\r\n      total_duration_minutes: formData.get('total_duration_minutes') || '',\r\n      mediation_result: formData.get('mediation_result') || '',\r\n      mediation_result_other: formData.get('mediation_result_other') || '',\r\n      post_mediation: formData.get('post_mediation') || '',\r\n      case_status: formData.get('case_status') || 'in_progress',\r\n      court_case: formData.get('court_case') || '',\r\n      court_decision: formData.get('court_decision') || '',\r\n\r\n      has_minors: formData.get('has_minors') || '',\r\n      has_veterans: formData.get('has_veterans') || '',\r\n      has_disability: formData.get('has_disability') || '',\r\n\r\n      mediator_comment: formData.get('mediator_comment') || '',\r\n      private_notes: formData.get('private_notes') || ''\r\n    };\r\n\r\n    if (submit) {\r\n      submit.disabled = true;\r\n      submit.textContent = '\u0417\u0431\u0435\u0440\u0456\u0433\u0430\u0454\u043c\u043e...';\r\n    }\r\n\r\n    showNotice('');\r\n\r\n    try {\r\n      const response = await fetch(`${casesEndpoint}\/${state.activeCaseId}`, {\r\n        method: 'POST',\r\n        credentials: 'same-origin',\r\n        headers: {\r\n          'Accept': 'application\/json',\r\n          'Content-Type': 'application\/json'\r\n        },\r\n        body: JSON.stringify(payload)\r\n      });\r\n\r\n      const data = await response.json();\r\n\r\n      if (!response.ok || !data.success) {\r\n        throw new Error(data.message || '\u041d\u0435 \u0432\u0434\u0430\u043b\u043e\u0441\u044f \u0437\u0431\u0435\u0440\u0435\u0433\u0442\u0438 \u043a\u0435\u0439\u0441.');\r\n      }\r\n\r\n      state.activeCase = data.case || state.activeCase;\r\n\r\n      await loadCases();\r\n\r\n      if (data.suggest_continue_as_mediation) {\r\n        showNotice('\u0414\u0430\u043d\u0456 \u0437\u0431\u0435\u0440\u0435\u0436\u0435\u043d\u043e. \u041e\u0441\u043a\u0456\u043b\u044c\u043a\u0438 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0406\u041e\u0417\u041c \u2014 \u201c\u041f\u0435\u0440\u0435\u0445\u0456\u0434 \u0443 \u043c\u0435\u0434\u0456\u0430\u0446\u0456\u044e\u201d, \u0432\u0438 \u043c\u043e\u0436\u0435\u0442\u0435 \u0437\u043c\u0456\u043d\u0438\u0442\u0438 \u0442\u0438\u043f \u0437\u0430\u043f\u0438\u0441\u0443 \u043d\u0430 \u201c\u041c\u0435\u0434\u0456\u0430\u0446\u0456\u0439\u043d\u0438\u0439 \u043a\u0435\u0439\u0441\u201d \u0456 \u043f\u0440\u043e\u0434\u043e\u0432\u0436\u0438\u0442\u0438 \u0437\u0430\u043f\u043e\u0432\u043d\u0435\u043d\u043d\u044f.');\r\n      } else {\r\n        showNotice('\u0414\u0430\u043d\u0456 \u043a\u0435\u0439\u0441\u0443 \u0437\u0431\u0435\u0440\u0435\u0436\u0435\u043d\u043e.');\r\n      }\r\n    } catch (error) {\r\n      showNotice(error.message || '\u041d\u0435 \u0432\u0434\u0430\u043b\u043e\u0441\u044f \u0437\u0431\u0435\u0440\u0435\u0433\u0442\u0438 \u043a\u0435\u0439\u0441.', true);\r\n    } finally {\r\n      if (submit) {\r\n        submit.disabled = false;\r\n        submit.textContent = '\u0417\u0431\u0435\u0440\u0435\u0433\u0442\u0438 \u0434\u0430\u043d\u0456';\r\n      }\r\n    }\r\n  }\r\n\r\n  function bindEvents() {\r\n    root.querySelectorAll('[data-open-case]').forEach(button => {\r\n      button.addEventListener('click', function () {\r\n        openCase(this.getAttribute('data-open-case'));\r\n      });\r\n    });\r\n\r\n    const form = document.getElementById('mh-case-page-form');\r\n\r\n    if (form) {\r\n      form.addEventListener('submit', submitCaseForm);\r\n      form.addEventListener('change', updateCaseSections);\r\n    }\r\n    \r\n        root.querySelectorAll('[data-admin-contact-open]').forEach(button => {\r\n      button.addEventListener('click', openAdminContactModal);\r\n    });\r\n    \r\n    root.querySelectorAll('[data-admin-contact-close]').forEach(button => {\r\n      button.addEventListener('click', closeAdminContactModal);\r\n    });\r\n    \r\n    const adminContactForm = document.getElementById('mh-admin-contact-form');\r\n    \r\n    if (adminContactForm) {\r\n      adminContactForm.addEventListener('submit', submitAdminContactForm);\r\n    }\r\n  }\r\n\r\n  loadInitialData();\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>\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0443\u0454\u043c\u043e \u043a\u0435\u0439\u0441\u0438&#8230;<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11881","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.mediation-help.com\/en\/wp-json\/wp\/v2\/pages\/11881","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=11881"}],"version-history":[{"count":13,"href":"https:\/\/www.mediation-help.com\/en\/wp-json\/wp\/v2\/pages\/11881\/revisions"}],"predecessor-version":[{"id":11942,"href":"https:\/\/www.mediation-help.com\/en\/wp-json\/wp\/v2\/pages\/11881\/revisions\/11942"}],"wp:attachment":[{"href":"https:\/\/www.mediation-help.com\/en\/wp-json\/wp\/v2\/media?parent=11881"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}