// ЗОВ MiniApp — главный скрипт. v20260519e
// На входе: подписанный initData от Telegram.
// Ходим на backend → получаем профиль (роль, статус) → рендерим меню.
// tg и Platform определены в platform.js (загружается первым).
// Cloudflare Quick Tunnel → VPS FastAPI backend (GigaChat).
// Временный URL — пока wasrusgen1.pro в verification-hold; затем переключим на https://api.wasrusgen1.pro
// Позволяет переключить бэкенд через ?backend=https://staging.api.wasrusgen1.pro
const BACKEND_URL = new URLSearchParams(window.location.search).get("backend")
  || "https://api.wasrusgen1.pro";

const app = document.getElementById("app");

/* ----------------- Theme / variant helpers ----------------- */
const THEME_KEY = "zov_variant";
const THEMES = [
  { id: "",  name: "ЗОВ",      dotA: "#003E7E", dotB: "#76BD22", outline: false },
  { id: "b", name: "Foundry",  dotA: "#15140F", dotB: "#B68A1A", outline: false },
  { id: "c", name: "Boardroom",dotA: "#0E2A2E", dotB: "#D08A55", outline: false },
  { id: "d", name: "Atelier",  dotA: "#2E5266", dotB: "#E9EBEF", outline: true  },
];

function applyVariant(id) {
  const html = document.documentElement;
  if (id) {
    html.setAttribute("data-variant", id);
  } else {
    html.removeAttribute("data-variant");
  }
  try { localStorage.setItem(THEME_KEY, id); } catch(e) {}
}

function savedVariant() {
  try { return localStorage.getItem(THEME_KEY) ?? ""; } catch(e) { return ""; }
}

/* ----------------- Platform setup ----------------- */
function setupTelegram() {
  document.documentElement.setAttribute("data-theme", Platform.colorScheme);
  applyVariant(savedVariant());

  Platform.ready();
  Platform.expand();
  Platform.onThemeChange(() => {
    document.documentElement.setAttribute("data-theme", Platform.colorScheme);
  });
  Platform.enableClosingConfirmation();
}

function haptic(type = "selection") {
  Platform.haptic(type);
}

/* ----------------- Palette switcher UI ----------------- */
function renderPaletteSwitcher() {
  const current = savedVariant();
  const wrap = el(`<div class="palette-switcher"></div>`);
  // Маленький ярлык слева
  const lbl = el(`<span class="palette-switcher__label">Тема</span>`);
  wrap.appendChild(lbl);

  THEMES.forEach(t => {
    const btn = el(`
      <button class="ps-btn${current === t.id ? " active" : ""}" title="${t.name}">
        <span class="ps-swatches">
          <span class="ps-dot${t.outline ? " ps-dot--outline" : ""}" style="background:${t.dotA}"></span>
          <span class="ps-dot${t.outline ? " ps-dot--outline" : ""}" style="background:${t.dotB}"></span>
        </span>
        <span class="ps-name">${t.name}</span>
      </button>
    `);
    btn.addEventListener("click", () => {
      haptic();
      applyVariant(t.id);
      // Перерисовываем все кнопки
      wrap.querySelectorAll(".ps-btn").forEach((b, i) => {
        b.classList.toggle("active", THEMES[i].id === t.id);
      });
    });
    wrap.appendChild(btn);
  });

  return wrap;
}

/* ----------------- Data ----------------- */
async function fetchMe() {
  if (!BACKEND_URL) {
    // dev-режим без backend — мок для просмотра вёрстки
    return {
      role: "manager",
      user: {
        full_name: "Руслан Васильев",
        salon: "ЗОВ Москва",
        avatar_initial: "Р",
      },
      status: "active",
      status_until: "12.08.2026",
    };
  }
  // Apps Script Web App: путь через query-параметр.
  // Заголовок Content-Type НЕ ставим — иначе браузер шлёт CORS preflight,
  // который Apps Script не обрабатывает. Без заголовка fetch использует
  // text/plain — Apps Script всё равно парсит body как JSON.
  // Роль приходит в URL (?role=manager|client) — её бот подставляет в WebApp-кнопку
  const urlParams = new URLSearchParams(window.location.search);
  const explicitRole = urlParams.get("role");

  const res = await fetch(`${BACKEND_URL}/api/me`, {
    method: "POST",
    body: JSON.stringify({
      initData: Platform.initData,
      // Fallback для Telegram Desktop side-panel где initData может приходить пустым.
      // Backend проверит подпись initData первым; если её нет — упадёт сюда. UNSAFE!
      initDataUnsafe: Platform.initDataUnsafe,
      startParam: Platform.startParam,
      role: explicitRole,
    }),
  });
  if (!res.ok) throw new Error("backend HTTP " + res.status);
  return res.json();
}

/* ----------------- Helpers ----------------- */
function el(html) {
  const t = document.createElement("template");
  t.innerHTML = html.trim();
  return t.content.firstChild;
}

function statusLabel(s) {
  return ({
    active: "Активен",
    lapsed: "Ограничен",
    grace:  "Грейс",
  })[s] || s;
}

function getInitial(name) {
  return (name || "").trim().slice(0, 1).toUpperCase() || "?";
}

/* ----------------- Renders ----------------- */
function renderManager(me) {
  // Новый главный экран — «утро менеджера»
  return renderManagerHome(me);
}

function timeOfDay(date = new Date()) {
  const h = date.getHours();
  if (h >= 5 && h < 12)  return "Доброе утро";
  if (h >= 12 && h < 18) return "Добрый день";
  if (h >= 18 && h < 23) return "Добрый вечер";
  return "Доброй ночи";
}

function pluralRu(n, forms) {
  // forms = ["замер", "замера", "замеров"]
  const mod10 = n % 10, mod100 = n % 100;
  if (mod100 >= 11 && mod100 <= 14) return forms[2];
  if (mod10 === 1) return forms[0];
  if (mod10 >= 2 && mod10 <= 4) return forms[1];
  return forms[2];
}

async function renderManagerHome(me) {
  const firstName = (me.user?.full_name || "").split(/\s+/)[0] || "Менеджер";

  app.innerHTML = "";
  document.body.classList.add("has-bottom-nav");

  // Palette (theme) switcher — вверху экрана
  app.appendChild(renderPaletteSwitcher());

  // Greeting + bell (placeholder)
  const greetingEl = el(`
    <header class="greeting">
      <div class="greeting-text">
        <div class="greeting-kicker">${timeOfDay()}</div>
        <div class="greeting-headline" id="greetingHeadline">${firstName},<br>
          <span class="accent">смотрим день…</span>
        </div>
      </div>
    </header>
  `);
  app.appendChild(greetingEl);

  // Контейнер для «Сегодня» — наполнится после загрузки
  const todayContainer = el(`<div id="todayContainer"></div>`);
  app.appendChild(todayContainer);

  // Quick actions
  const quickActions = [
    { icon: "user",      title: "Клиенты",        subtitle: "История + хронология", href: "#/clients" },
    { icon: "clipboard", title: "Заказы",          subtitle: "Сборки + заявки",      href: "#/assembly" },
    { icon: "package",   title: "Подбор техники", subtitle: "Встройка + AI",        href: "#/podbor" },
    { icon: "ruler",     title: "Заказать замер", subtitle: "Назначить замерщика",  href: "#/request" },
    { icon: "wrench",    title: "Ставки сборки",  subtitle: "% клиент / сборщик",   href: "#/admin/rates" },
    { icon: "folder",    title: "Аналитика",       subtitle: "Занятость сборщиков",  href: "#/admin/assembler-analytics" },
    { icon: "user",      title: "Команда",         subtitle: "Нагрузка + статусы",   href: "#/admin/staff" },
    { icon: "wallet",    title: "Финансы",         subtitle: "Выручка · маржа · выплаты", href: "#/admin/finance" },
    { icon: "star",      title: "Мои оценки",      subtitle: "Рейтинг · отзывы",          href: "#/feedback/my"  },
  ];
  app.appendChild(el(`<div class="section-head"><span class="label">Быстрые действия</span></div>`));
  const grid = el(`<div class="quick-grid"></div>`);
  quickActions.forEach(qa => {
    const card = el(`
      <button class="quick-card">
        <div class="icon">${ICONS[qa.icon] || ""}</div>
        <div class="title">${qa.title}</div>
        <div class="subtitle">${qa.subtitle}</div>
      </button>
    `);
    card.addEventListener("click", () => {
      haptic("impact");
      if (qa.href) location.hash = qa.href;
      else Platform.showAlert(`«${qa.title}» — скоро`);
    });
    grid.appendChild(card);
  });
  app.appendChild(grid);

  // Активные проекты — будет наполняться позже из реальных данных
  const projectsContainer = el(`<div id="projectsContainer"></div>`);
  app.appendChild(projectsContainer);

  // Сборки в работе (под активными проектами)
  const assembliesContainer = el(`<div id="assembliesContainer"></div>`);
  app.appendChild(assembliesContainer);

  // Контейнер для отгрузок с завода (под активными проектами)
  const shipmentsContainer = el(`<div id="shipmentsContainer"></div>`);
  app.appendChild(shipmentsContainer);

  // Контейнер для поступлений на склад СПб
  const arrivalsContainer = el(`<div id="arrivalsContainer"></div>`);
  app.appendChild(arrivalsContainer);

  renderBottomNav("home", { unreadChats: 0 });

  // Контейнер для карточек «Замер готов — что делать с подбором?»
  const pendingContainer = el(`<div id="pendingContainer"></div>`);
  app.insertBefore(pendingContainer, todayContainer);

  // Параллельно грузим реальные данные (измерения + pending — критичные)
  // Складские данные грузим отдельно, чтобы ошибка Drive не ломала весь дашборд
  try {
    const authBody = { initData: Platform.initData, initDataUnsafe: Platform.initDataUnsafe };
    const [resM, resP] = await Promise.all([
      fetch(`${BACKEND_URL}/api/measurements`, { method: "POST", body: JSON.stringify(authBody) }),
      fetch(`${BACKEND_URL}/api/manager_pending`, { method: "POST", body: JSON.stringify(authBody) }),
    ]);
    const data        = await resM.json();
    const pendingData = await resP.json();

    renderManagerPending(pendingContainer, pendingData.pending || []);
    renderManagerToday(todayContainer, data.measurements || [], firstName, greetingEl);
    renderManagerProjects(projectsContainer, data.measurements || []);

    // Складские данные + сборки — не критичны; ошибка не ломает дашборд
    const authBodyStr = JSON.stringify(authBody);
    Promise.all([
      fetch(`${BACKEND_URL}/api/shipments`,     { method: "POST", body: authBodyStr }).then(r => r.json()).catch(() => ({})),
      fetch(`${BACKEND_URL}/api/arrivals`,      { method: "POST", body: authBodyStr }).then(r => r.json()).catch(() => ({})),
      fetch(`${BACKEND_URL}/api/assembly_list`, { method: "POST", body: authBodyStr }).then(r => r.json()).catch(() => ({})),
    ]).then(([shipmentsData, arrivalsData, assemblyData]) => {
      renderManagerShipments(shipmentsContainer, shipmentsData.shipments || [], "📦 Отгрузки с завода");
      renderManagerShipments(arrivalsContainer,  arrivalsData.shipments  || [], "📥 Поступление в СПб");
      renderManagerAssemblies(assembliesContainer, assemblyData.assemblies || []);
    }).catch(() => { /* тихо — дашборд уже отрисован */ });
  } catch (e) {
    todayContainer.innerHTML = `<div class="error">Не удалось загрузить данные: ${escHtml(e.message)}</div>`;
  }
}

/* ----------------- Менеджер: карточки «Замер готов — подбор?» ----------------- */
function renderManagerPending(container, pending) {
  container.innerHTML = "";
  if (!pending.length) return;

  container.appendChild(el(`
    <div class="section-head"><span class="label">✅ Замеры готовы · ${pending.length}</span></div>
  `));

  for (const p of pending) {
    const isLater = p.decision === "later";
    const card = el(`
      <section class="pending-card${isLater ? " later" : ""}">
        <div class="pending-head">
          <span class="pending-icon">✅</span>
          <div>
            <div class="pending-title">${escHtml(p.client_name || "Без имени")}</div>
            <div class="pending-sub">Замер выполнен · ${escHtml(p.address || "адрес не указан")}</div>
          </div>
        </div>
        <div class="pending-question">${isLater ? "Снова: " : ""}Клиенту потребуется помощь с подбором техники?</div>
        <div class="pending-actions">
          <button class="btn-primary" data-act="yes" type="button">Да, поможем</button>
          <button class="btn-secondary" data-act="no" type="button">Нет</button>
          <button class="btn-secondary" data-act="later" type="button">Позже</button>
        </div>
        <div class="pending-result" data-id="${p.id}"></div>
      </section>
    `);
    card.querySelectorAll("button[data-act]").forEach(btn => {
      btn.addEventListener("click", () => handlePodborDecision(p, btn.dataset.act, card));
    });
    container.appendChild(card);
  }
}

async function handlePodborDecision(item, act, card) {
  const decisionMap = { yes: "needed", no: "not_needed", later: "later" };
  const decision = decisionMap[act];
  if (!decision) return;
  const resultEl = card.querySelector(".pending-result");
  if (resultEl) resultEl.textContent = "Сохраняем...";
  card.querySelectorAll("button").forEach(b => b.disabled = true);
  try {
    const res = await fetch(`${BACKEND_URL}/api/measurement_decision`, {
      method: "POST",
      body: JSON.stringify({
        initData: Platform.initData,
        initDataUnsafe: Platform.initDataUnsafe,
        measurement_id: item.id,
        decision,
      }),
    });
    const data = await res.json();
    if (data.error) {
      if (resultEl) resultEl.innerHTML = `<span style="color:#C0392B;">Ошибка: ${escHtml(data.error)}</span>`;
      card.querySelectorAll("button").forEach(b => b.disabled = false);
      return;
    }
    haptic && haptic("success");
    if (decision === "needed") {
      // Переходим в подбор техники с pre-fill из клиента
      sessionStorage.setItem("prefillClient", JSON.stringify({
        name: item.client_name, phone: item.client_phone,
      }));
      location.hash = `#/podbor?client_name=${encodeURIComponent(item.client_name || "")}&client_phone=${encodeURIComponent(item.client_phone || "")}`;
    } else {
      // Анимируем удаление карточки
      card.style.transition = "opacity 0.25s, transform 0.25s";
      card.style.opacity = "0";
      card.style.transform = "translateX(20px)";
      setTimeout(() => card.remove(), 250);
    }
  } catch (e) {
    if (resultEl) resultEl.innerHTML = `<span style="color:#C0392B;">Сеть: ${escHtml(e.message)}</span>`;
    card.querySelectorAll("button").forEach(b => b.disabled = false);
  }
}

function renderManagerToday(container, measurements, firstName, greetingEl) {
  const today = _startOfDay(new Date());
  const tomorrow = new Date(today); tomorrow.setDate(tomorrow.getDate() + 1);

  // Сегодня = scheduled_at сегодня и не completed
  const todayEvents = [];
  const overdueEvents = [];
  const noDateEvents = [];

  for (const m of measurements) {
    if (m.status === "completed") continue;
    if (m.scheduled_at) {
      const d = new Date(m.scheduled_at);
      if (_startOfDay(d).getTime() === today.getTime()) {
        todayEvents.push(m);
      } else if (d < new Date()) {
        overdueEvents.push(m);
      }
    } else if (m.status === "requested") {
      // Заявка без даты — нужно подсказать замерщику
      noDateEvents.push(m);
    }
  }
  todayEvents.sort((a, b) => (a.scheduled_at || "").localeCompare(b.scheduled_at || ""));

  // Обновляем приветствие
  const cnt = todayEvents.length;
  let tail;
  if (cnt === 0) {
    tail = overdueEvents.length
      ? `${overdueEvents.length} ${pluralRu(overdueEvents.length, ["просрочка", "просрочки", "просрочек"])}`
      : "ничего на сегодня";
  } else {
    const word = pluralRu(cnt, ["замер", "замера", "замеров"]);
    tail = `${cnt === 1 ? "один" : cnt} ${word} сегодня`;
  }
  const headline = greetingEl.querySelector("#greetingHeadline");
  if (headline) headline.innerHTML = `${escHtml(firstName)},<br><span class="accent">${escHtml(tail)}</span>`;

  container.innerHTML = "";

  // HERO — первое событие сегодня
  if (todayEvents.length > 0) {
    const m = todayEvents[0];
    const d = new Date(m.scheduled_at);
    const hh = String(d.getHours()).padStart(2, "0");
    const mi = String(d.getMinutes()).padStart(2, "0");
    const phoneClean = (m.client_phone || "").replace(/[^\d+]/g, "");
    const hero = el(`
      <section class="hero">
        <div class="hero-meta">
          <span class="left"><span>На сегодня</span><span class="sep">—</span><span>${hh}:${mi}</span></span>
          <span class="hero-tag">ЗАМЕР</span>
        </div>
        <div class="hero-client">${escHtml(m.client_name || "Без имени")}</div>
        <div class="hero-address">${escHtml(m.address || "адрес не указан")}</div>
        <div class="hero-actions">
          <button class="btn-gold" id="heroOpen">${ICONS.ruler || "📐"}<span>Открыть заявку</span></button>
          ${phoneClean ? `<a class="btn-icon-dark" href="tel:${phoneClean}" aria-label="Позвонить">${ICONS.phone || "📞"}</a>` : ""}
        </div>
      </section>
    `);
    hero.querySelector("#heroOpen").addEventListener("click", () => {
      haptic("impact");
      location.hash = `#/clients/measurement/${m.id}`;
    });
    container.appendChild(hero);
  }

  // Срочно: просрочки
  if (overdueEvents.length > 0) {
    container.appendChild(el(`<div class="section-head"><span class="label" style="color:#C0392B;">⚠️ Срочно · ${overdueEvents.length}</span></div>`));
    const list = el(`<div class="today-list"></div>`);
    overdueEvents.slice(0, 5).forEach(m => list.appendChild(renderTodayItem(m, "overdue")));
    container.appendChild(list);
  }

  // Остальные на сегодня (кроме первого, который в hero)
  if (todayEvents.length > 1) {
    container.appendChild(el(`<div class="section-head" style="margin-top:18px;"><span class="label">📅 Ещё сегодня · ${todayEvents.length - 1}</span></div>`));
    const list = el(`<div class="today-list"></div>`);
    todayEvents.slice(1).forEach(m => list.appendChild(renderTodayItem(m, "today")));
    container.appendChild(list);
  }

  // Заявки без даты — напомнить созвониться с замерщиком
  if (noDateEvents.length > 0) {
    container.appendChild(el(`<div class="section-head" style="margin-top:18px;"><span class="label">📞 Без даты · ${noDateEvents.length}</span></div>`));
    const list = el(`<div class="today-list"></div>`);
    noDateEvents.slice(0, 5).forEach(m => list.appendChild(renderTodayItem(m, "no_date")));
    container.appendChild(list);
  }

  if (todayEvents.length === 0 && overdueEvents.length === 0 && noDateEvents.length === 0) {
    container.appendChild(el(`
      <section class="hero" style="background:var(--card);border:1px dashed var(--line-strong);">
        <div style="font-family:var(--font-ui);font-size:17.5px;font-weight:600;letter-spacing:-0.01em;color:var(--ink);line-height:1.2;margin-bottom:8px;">Свободный день</div>
        <div style="font-family:var(--font-mono);font-size:9.5px;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted);line-height:1.5;">Замеров на сегодня нет · можно поработать с клиентами или заказать новые замеры</div>
      </section>
    `));
  }
}

function renderTodayItem(m, kind) {
  const phoneClean = (m.client_phone || "").replace(/[^\d+]/g, "");
  const callHref = phoneClean ? `tel:${phoneClean}` : "";
  let timeText = "—";
  if (m.scheduled_at) {
    const d = new Date(m.scheduled_at);
    const hh = String(d.getHours()).padStart(2, "0");
    const mi = String(d.getMinutes()).padStart(2, "0");
    if (kind === "overdue") {
      timeText = `${String(d.getDate()).padStart(2,"0")}.${String(d.getMonth()+1).padStart(2,"0")} ${hh}:${mi}`;
    } else {
      timeText = `${hh}:${mi}`;
    }
  } else if (kind === "no_date") {
    timeText = "?";
  }
  const row = el(`
    <div class="inbox-row ${kind === "overdue" ? "overdue" : ""}">
      <button class="inbox-row-main" type="button">
        <div class="inbox-time">${escHtml(timeText)}</div>
        <div class="inbox-row-body">
          <div class="inbox-client">${escHtml(m.client_name || "—")}</div>
          <div class="inbox-addr">${escHtml(m.address || "адрес не указан")}</div>
        </div>
        <div class="inbox-arrow">${ICONS.chevron || "›"}</div>
      </button>
      ${callHref ? `<a class="inbox-call" href="${callHref}" aria-label="Позвонить">📞</a>` : ""}
    </div>
  `);
  row.querySelector(".inbox-row-main").addEventListener("click", () => {
    haptic && haptic("impact");
    location.hash = `#/clients/measurement/${m.id}`;
  });
  return row;
}

function renderManagerProjects(container, measurements) {
  // Активные проекты = все замеры менеджера с любым статусом кроме completed/archived в обозримой перспективе.
  // Берём последние 5 по дате создания.
  const active = (measurements || [])
    .filter(m => m.status !== "archived")
    .sort((a, b) => (b.created_at || "").localeCompare(a.created_at || ""))
    .slice(0, 5);

  container.innerHTML = "";
  if (!active.length) return;

  container.appendChild(el(`
    <div class="section-head" style="margin-top:24px;">
      <span class="label">Активные проекты <span class="count">· ${active.length}</span></span>
    </div>
  `));
  const list = el(`<div class="project-list"></div>`);
  for (const m of active) {
    const stage = ({
      requested: "Заявка на замер",
      scheduled: "Замер назначен",
      in_progress: "Замер в работе",
      completed: "Замер выполнен",
    })[m.status] || m.status;
    const statusKind = m.status === "completed" ? "active"
      : m.status === "requested" ? "waiting"
      : m.status === "scheduled" ? "active"
      : "waiting";
    const dateLabel = m.scheduled_at
      ? new Date(m.scheduled_at).toLocaleDateString("ru-RU", { day: "numeric", month: "short" })
      : (m.created_at ? formatDateHuman(m.created_at).slice(0, 10) : "—");
    const progress = ({
      requested: 0.15,
      scheduled: 0.35,
      in_progress: 0.55,
      completed: 0.75,
    })[m.status] || 0.10;
    const card = el(`
      <article class="project-card">
        <div class="project-head">
          <div class="project-title">${escHtml(m.client_name || "Без имени")}</div>
          <span class="project-pill ${statusKind}">${statusKind === "waiting" ? "Ожидает" : "В работе"}</span>
        </div>
        <div class="project-address">${escHtml(m.address || "адрес не указан")}</div>
        <div class="project-progress"><div class="bar" style="width:${Math.round(progress * 100)}%"></div></div>
        <div class="project-foot">
          <span class="stage">${stage}</span>
          <span>${dateLabel}</span>
        </div>
      </article>
    `);
    card.addEventListener("click", () => {
      haptic("impact");
      location.hash = `#/clients/measurement/${m.id}`;
    });
    list.appendChild(card);
  }
  container.appendChild(list);
}

/* ----------------- Менеджер: секция сборок в работе ----------------- */
function renderManagerAssemblies(container, assemblies) {
  container.innerHTML = "";
  const ASSEMBLY_STATUS = {
    created:     { icon: "🆕", label: "Создана",       cls: "waiting" },
    scheduled:   { icon: "📅", label: "Запланирована", cls: "active"  },
    in_progress: { icon: "🔨", label: "В процессе",    cls: "active"  },
    done:        { icon: "✅", label: "Завершена",      cls: "done"    },
    cancelled:   { icon: "❌", label: "Отменена",       cls: "cancel"  },
  };
  // Показываем только активные (не завершённые и не отменённые)
  const active = (assemblies || []).filter(a => a.status !== "done" && a.status !== "cancelled");
  if (!active.length) return;

  container.appendChild(el(`
    <div class="section-head" style="margin-top:24px;">
      <span class="label">🔨 Сборки в работе <span class="count">· ${active.length}</span></span>
    </div>
  `));

  for (const a of active) {
    const sl = ASSEMBLY_STATUS[a.status] || { icon: "🔧", label: a.status, cls: "waiting" };
    const dateLabel = a.scheduled_at
      ? new Date(a.scheduled_at).toLocaleDateString("ru-RU", { day: "numeric", month: "short" })
      : "—";
    const card = el(`
      <article class="project-card">
        <div class="project-head">
          <div class="project-title">${escHtml(a.client_name || "Без имени")}</div>
          <span class="project-pill ${sl.cls}">${sl.icon} ${sl.label}</span>
        </div>
        <div class="project-address">${escHtml(a.address || "адрес не указан")}</div>
        <div class="project-foot">
          <span class="stage">${escHtml(a.scope_of_work || "—")}</span>
          <span>${dateLabel}</span>
        </div>
      </article>
    `);
    card.addEventListener("click", () => {
      haptic("impact");
      location.hash = `#/assembly/${a.id}`;
    });
    container.appendChild(card);
  }
}

/* ----------------- Менеджер: секция отгрузок / поступлений на склад ----------------- */
function renderManagerShipments(container, groups, label = "📦 Отгрузки") {
  container.innerHTML = "";
  if (!groups || !groups.length) return;

  // Показываем последние 3 партии (ближайшие по дате отгрузки с завода)
  const visible = groups.slice(-3);

  const totalItems = visible.reduce((s, g) => s + g.count, 0);
  container.appendChild(el(`
    <div class="section-head" style="margin-top:24px;">
      <span class="label">${escHtml(label)} <span class="count">· ${totalItems} поз.</span></span>
    </div>
  `));

  for (const group of visible) {
    const zakazBadge = group.count_zakazov
      ? `<span class="ship-badge order">Заказов&nbsp;${group.count_zakazov}</span>` : "";
    const dozBadge = group.count_dozakazov
      ? `<span class="ship-badge resupply">Дозаказов&nbsp;${group.count_dozakazov}</span>` : "";

    const groupEl = el(`
      <section class="ship-group">
        <div class="ship-group-head">
          <span class="ship-factory-date">${escHtml(group.factory_date)}</span>
          <span class="ship-badges">${zakazBadge}${dozBadge}</span>
        </div>
        <div class="ship-rows"></div>
      </section>
    `);

    const rowsEl = groupEl.querySelector(".ship-rows");
    for (const item of group.items) {
      const typeClass = item.tovar.startsWith("Доз") ? "dozakaz" : "zakaz";
      const typeMark  = item.tovar.startsWith("Доз") ? "Дозаказ" : "Заказ";

      const delivStr  = item.delivery_date ? `📬&nbsp;${escHtml(item.delivery_date)}` : "";
      const assembler = item.assembler      ? `🔧&nbsp;${escHtml(item.assembler)}`      : "";
      const places    = item.places         ? `📦&nbsp;${escHtml(item.places)} м.`       : "";
      const meta = [delivStr, assembler, places].filter(Boolean).join("&ensp;·&ensp;");

      const furn = item.furn_spb    ? `<span class="ship-check ${item.furn_spb  === "+" ? "yes" : "no"}">Фурн: ${escHtml(item.furn_spb)}</span>`   : "";
      const pan  = item.panels_spb  ? `<span class="ship-check ${item.panels_spb === "+" ? "yes" : "no"}">Пан: ${escHtml(item.panels_spb)}</span>`   : "";

      const numStr      = item.num      ? `#${escHtml(item.num)}&ensp;` : "";
      const contractStr = item.contract ? `Дог&nbsp;${escHtml(item.contract)}` : "";
      const noteStr     = item.note     ? `<div class="ship-note">${escHtml(item.note)}</div>` : "";

      rowsEl.appendChild(el(`
        <div class="ship-row">
          <div class="ship-row-top">
            <span class="ship-type ${typeClass}">${typeMark}</span>
            <span class="ship-id">${numStr}${contractStr}</span>
          </div>
          ${meta ? `<div class="ship-meta">${meta}</div>` : ""}
          ${furn || pan ? `<div class="ship-supply">${furn}${pan}</div>` : ""}
          ${noteStr}
        </div>
      `));
    }

    container.appendChild(groupEl);
  }
}

function renderBottomNav(active, opts = {}) {
  // Удаляем предыдущий, если есть
  const old = document.getElementById("bottom-nav");
  if (old) old.remove();
  const tabs = [
    { key: "home",     icon: "home",   label: "Главная" },
    { key: "projects", icon: "folder", label: "Проекты" },
    { key: "fab",      icon: "plus",   label: "" },
    { key: "chat",     icon: "chat",   label: "Чат",    badge: opts.unreadChats || 0 },
    { key: "profile",  icon: "user",   label: "Профиль" },
  ];
  const nav = el(`<nav class="bottom-nav" id="bottom-nav" role="tablist"></nav>`);
  tabs.forEach(t => {
    const isFab = t.key === "fab";
    const isActive = t.key === active;
    const btn = el(`
      <button class="${isFab ? "fab" : ""} ${isActive && !isFab ? "active" : ""}" aria-label="${t.label || "Создать"}">
        ${ICONS[t.icon] || ""}
        ${isFab || !t.label ? "" : `<span>${t.label}</span>`}
        ${t.badge ? `<span class="badge">${t.badge}</span>` : ""}
      </button>
    `);
    btn.addEventListener("click", () => {
      haptic("impact");
      if (t.key !== active) Platform.showAlert(`«${t.label || "Новое"}» — скоро`);
    });
    nav.appendChild(btn);
  });
  document.body.appendChild(nav);
}

function renderClient(me) {
  const initial = me.user?.avatar_initial || getInitial(me.user?.full_name) || "?";
  const greetName = me.user?.full_name || "Здравствуйте";

  app.innerHTML = "";
  document.body.classList.remove("has-bottom-nav");
  const oldNav = document.getElementById("bottom-nav");
  if (oldNav) oldNav.remove();

  app.appendChild(el(`
    <header class="profile-card">
      <div class="role-tag">Клиент</div>
      <div class="head-row">
        <div class="info">
          <div class="name">${greetName}</div>
          <div class="meta">${me.manager ? "Менеджер: " + me.manager.full_name + (me.manager.salon ? ", " + me.manager.salon : "") : "@wasrusgen1 · CRM"}</div>
        </div>
        <div class="avatar">${initial}</div>
      </div>
    </header>
  `));

  const sections = [
    {
      label: "Мой заказ",
      items: [
        { icon: "clipboard", color: "green", label: "Статус сборки",        href: "#/c/orders",   sub: "Этапы и таймлайн" },
        { icon: "ruler",     color: "blue",  label: "Замер кухни",          href: "#/c/measure"  },
        { icon: "wallet",    color: "gold",  label: "Проверить договор",    href: "#/c/contract" },
      ],
    },
    {
      label: "Подбор техники",
      items: [
        { icon: "wrench",    color: "green", label: "Подобрать встройку",   href: "#/c/proposal" },
      ],
    },
    {
      label: "Помощь",
      items: [
        { icon: "lightbulb", color: "gold",  label: "Идеи и кейсы",        soon: true },
        { icon: "phone",     color: "blue",  label: "Связаться с менеджером", href: "#/c/contact" },
        { icon: "pin",       color: "green", label: "Записаться в салон",  soon: true },
      ],
    },
  ];

  sections.forEach(section => {
    app.appendChild(el(`<div class="section-label">${section.label}</div>`));
    app.appendChild(buildMenu(section.items));
  });

  app.appendChild(el(`
    <div class="footer-hint">
      <div class="signature">@wasrusgen1 · CRM</div>
      <div class="meta">
        Кабинет от Руслана Васильева ·
        <a href="https://t.me/wasrusgen1">канал @wasrusgen1</a>
      </div>
    </div>
  `));
}

function buildMenu(items) {
  const menu = el(`<nav class="menu"></nav>`);
  items.forEach(item => {
    const cls = item.soon ? "menu-item disabled" : "menu-item";
    const node = el(`
      <a class="${cls}" ${item.href && !item.soon ? `href="${item.href}"` : ""}>
        <div class="icon ${item.color}">${ICONS[item.icon] || ""}</div>
        <div class="text">
          <div class="label">
            ${item.label}
            ${item.soon ? '<span class="badge">скоро</span>' : ""}
          </div>
          ${item.sub ? `<div class="sub">${item.sub}</div>` : ""}
        </div>
        ${item.soon ? "" : `<div class="chevron">${ICONS.chevron}</div>`}
      </a>
    `);
    if (!item.soon) node.addEventListener("click", () => haptic("impact"));
    menu.appendChild(node);
  });
  return menu;
}

/* ----------------- Role chooser — первый экран MiniApp ----------------- */
function renderRoleChooser() {
  app.innerHTML = "";
  document.body.classList.remove("has-bottom-nav");
  const oldNav = document.getElementById("bottom-nav");
  if (oldNav) oldNav.remove();

  app.appendChild(el(`
    <div class="role-chooser">
      <div class="role-chooser-head">
        <h1 class="display-title">Кто <span class="accent">вы?</span></h1>
        <p class="lede">Выберите роль — кабинет откроется одним тапом.</p>
      </div>
      <div class="role-cards">
        <button class="role-card" data-role="manager">
          <div class="role-icon">
            <svg viewBox="0 0 24 24" width="40" height="40" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
              <path d="M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0"/>
              <path d="M6 21v-2a4 4 0 0 1 4 -4h.5"/>
              <path d="M17.8 20.817l-2.172 1.138a.392 .392 0 0 1 -.568 -.41l.415 -2.411l-1.757 -1.707a.389 .389 0 0 1 .217 -.665l2.428 -.352l1.086 -2.193a.392 .392 0 0 1 .702 0l1.086 2.193l2.428 .352a.39 .39 0 0 1 .217 .665l-1.757 1.707l.414 2.41a.39 .39 0 0 1 -.567 .411z"/>
            </svg>
          </div>
          <div class="role-text">
            <div class="role-title">Я менеджер</div>
            <div class="role-sub">Веду клиентов и заказы</div>
          </div>
          <div class="role-arrow">${ICONS.chevron || "›"}</div>
        </button>
        <button class="role-card" data-role="client">
          <div class="role-icon">
            <svg viewBox="0 0 24 24" width="40" height="40" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
              <path d="M5 12l-2 0l9 -9l9 9l-2 0"/>
              <path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7"/>
              <path d="M10 12h4v4h-4l0 -4"/>
            </svg>
          </div>
          <div class="role-text">
            <div class="role-title">Я клиент</div>
            <div class="role-sub">Заказал кухню ЗОВ</div>
          </div>
          <div class="role-arrow">${ICONS.chevron || "›"}</div>
        </button>
        <button class="role-card" data-role="staff">
          <div class="role-icon">
            <svg viewBox="0 0 24 24" width="40" height="40" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
              <path d="M3 21h4l13 -13a1.5 1.5 0 0 0 -4 -4l-13 13v4"/>
              <path d="M14.5 5.5l4 4"/>
              <path d="M12 8l-5 -5l-4 4l5 5"/>
              <path d="M7 8l-1.5 1.5"/>
              <path d="M16 12l5 5l-4 4l-5 -5"/>
              <path d="M16 17l-1.5 1.5"/>
            </svg>
          </div>
          <div class="role-text">
            <div class="role-title">Я сотрудник</div>
            <div class="role-sub">Замерщик или сборщик ЗОВ</div>
          </div>
          <div class="role-arrow">${ICONS.chevron || "›"}</div>
        </button>
      </div>
      <p class="muted" style="text-align:center;margin-top:24px;font-size:12px;">
        Свой выбор можно изменить позже в профиле.
      </p>
    </div>
  `));
  app.querySelectorAll(".role-card").forEach(card => {
    card.addEventListener("click", () => {
      const role = card.dataset.role;
      haptic && haptic("impact");
      // Меняем URL и перезапускаем init() — fetchMe пойдёт с правильной ролью
      const qp = new URLSearchParams(window.location.search);
      qp.set("role", role);
      history.replaceState(null, "", `?${qp.toString()}${location.hash || ""}`);
      // Показываем splash снова — на время загрузки
      const splashEl = document.createElement("div");
      splashEl.id = "splash";
      splashEl.className = "loader splash";
      splashEl.innerHTML = `<div class="loader-bar"></div><div class="loader-caption">Открываем кабинет</div>`;
      document.body.appendChild(splashEl);
      init();
    });
  });
}

/* ----------------- Staff (замерщик / сборщик) ----------------- */
async function renderStaff(me) {
  app.innerHTML = "";

  if (me.error === "no_staff_role") {
    app.appendChild(el(`
      <div class="staff-no-role">
        <div class="staff-no-role-ico">🔒</div>
        <h2 class="display-title">У вас нет<br><span class="accent">прав сотрудника</span></h2>
        <p class="lede">Чтобы получить роль замерщика или сборщика — отправьте куратору ваш Telegram ID.</p>
        <div class="block">
          <div class="kv"><span>Ваш ID</span>&nbsp;<strong><code>${me.user?.tg_id || "—"}</code></strong></div>
          <div class="kv"><span>Имя</span>&nbsp;<strong>${me.user?.full_name || "—"}</strong></div>
        </div>
        <p class="muted" style="text-align:center;margin-top:16px;">
          В боте отправьте <code>/whoami</code> и перешлите ответ
          <a href="https://t.me/wasrusgen" target="_blank">@wasrusgen</a>.
        </p>
      </div>
    `));
    return;
  }

  const caps = me.capabilities || {};
  const labels = [];
  if (caps.measurer)  labels.push("замерщик");
  if (caps.assembler) labels.push("сборщик");
  if (caps.expeditor) labels.push("экспедитор");
  if (caps.dispatcher) labels.push("диспетчер");
  const subtitle = labels.length ? labels.join(" · ") : "сотрудник";

  // Экспедитор — отдельный экран
  if (caps.dispatcher && !caps.measurer && !caps.assembler && !caps.expeditor) {
    location.hash = "#/dispatcher";
    return;
  }
  if (caps.expeditor && !caps.measurer && !caps.assembler) {
    _renderExpeditorScreen(app, me);
    return;
  }

  app.appendChild(el(`
    <div class="staff-head">
      <div class="staff-avatar">${me.user?.avatar_initial || "?"}</div>
      <div>
        <div class="kicker">${subtitle}</div>
        <h2 class="display-title">${me.user?.full_name || "Сотрудник"}</h2>
      </div>
    </div>
  `));

  app.appendChild(renderPaletteSwitcher());

  // Загружаем заявки и рендерим: week strip + сгруппированный инбокс
  const stripPlaceholder = el(`<div id="weekStrip"></div>`);
  const inboxSection = el(`
    <section class="block">
      <div class="block-head">📥 Заявки</div>
      <div id="inboxList"><div class="loader-inline"><div class="spinner"></div></div></div>
    </section>
  `);
  app.appendChild(stripPlaceholder);
  app.appendChild(inboxSection);

  if (caps.measurer) {
    try {
      const ctrl1 = new AbortController();
      const t1 = setTimeout(() => ctrl1.abort(), 15000);
      const res = await fetch(`${BACKEND_URL}/api/measurement_inbox`, {
        method: "POST", signal: ctrl1.signal,
        body: JSON.stringify({ initData: Platform.initData, initDataUnsafe: Platform.initDataUnsafe }),
      });
      clearTimeout(t1);
      const data = await res.json();
      const list = document.getElementById("inboxList");
      if (!list) return;
      if (data.error) {
        list.innerHTML = `<div class="error">Ошибка: ${data.error}</div>`;
      } else {
        const measurements = data.measurements || [];
        // Week strip — заменяет placeholder
        document.getElementById("weekStrip").replaceWith(renderWeekStrip(measurements));
        // Группированный инбокс
        renderGroupedInbox(list, measurements);
      }
    } catch (e) {
      const list = document.getElementById("inboxList");
      if (list) list.innerHTML = `<div class="error">Сеть: ${e.message}</div>`;
    }
  } else {
    document.getElementById("inboxList").innerHTML = `
      <div class="empty" style="padding:18px 12px;text-align:center;color:var(--muted);">
        У вас только роль «сборщик» — инбокс заявок на сборку появится позже.
      </div>
    `;
  }

  // Quick action — заполнить замер без заявки (вне очереди)
  if (caps.measurer) {
    const quick = el(`
      <div class="podbor-cta-row" style="margin-top:16px;">
        <button class="btn-secondary" id="newMeasure">📐 Замер без заявки (вручную)</button>
      </div>
    `);
    quick.querySelector("#newMeasure").addEventListener("click", () => {
      haptic && haptic("impact");
      location.hash = "#/measure";
    });
    app.appendChild(quick);
  }

  // Сборки — отдельный блок, доступен мастеру (measurer ∨ assembler)
  if (caps.measurer || caps.assembler) {
    const assemblySection = el(`
      <section class="block" style="margin-top:18px;">
        <div class="block-head">🔨 Сборки</div>
        <div id="assemblyList"><div class="loader-inline"><div class="spinner"></div></div></div>
      </section>
    `);
    app.appendChild(assemblySection);
    renderStaffAssemblies(assemblySection.querySelector("#assemblyList"));
  }

  // Список клиентов — сборщик и/или замерщик
  if (caps.assembler || caps.measurer) {
    const clientsBtn = el(`
      <div class="podbor-cta-row" style="margin-top:16px;">
        <button class="btn-primary" style="gap:8px;">
          👥 Мои клиенты
        </button>
      </div>
    `);
    clientsBtn.querySelector("button").addEventListener("click", () => {
      haptic && haptic("impact");
      location.hash = "#/master/clients";
    });
    app.appendChild(clientsBtn);
  }

  // Статистика замерщика
  if (caps.measurer) {
    const measStatsBtn = el(`
      <div class="podbor-cta-row" style="margin-top:8px;">
        <button class="btn-primary" style="gap:8px;">
          📊 Мои замеры
        </button>
      </div>
    `);
    measStatsBtn.querySelector("button").addEventListener("click", () => {
      haptic && haptic("impact");
      location.hash = "#/master/measurer-stats";
    });
    app.appendChild(measStatsBtn);
  }

  // Шпаргалки + заработки сборщика
  if (caps.assembler) {
    const earningsBtn = el(`
      <div class="podbor-cta-row" style="margin-top:16px;">
        <button class="btn-primary" style="gap:8px;">
          💰 Мои заработки
        </button>
      </div>
    `);
    earningsBtn.querySelector("button").addEventListener("click", () => {
      haptic && haptic("impact");
      location.hash = "#/master/dashboard";
    });
    app.appendChild(earningsBtn);

    const toolsBtn = el(`
      <div class="podbor-cta-row" style="margin-top:8px;">
        <button class="btn-secondary" style="gap:8px;">
          📚 Шпаргалки сборщика
        </button>
      </div>
    `);
    toolsBtn.querySelector("button").addEventListener("click", () => {
      haptic && haptic("impact");
      location.hash = "#/master/tools";
    });
    app.appendChild(toolsBtn);
  }

  // Мои оценки — для всех сотрудников
  const myRatingsBtn = el(`
    <div class="podbor-cta-row" style="margin-top:8px;">
      <button class="btn-secondary" style="gap:8px;">
        ⭐ Мои оценки
      </button>
    </div>
  `);
  myRatingsBtn.querySelector("button").addEventListener("click", () => {
    haptic && haptic("impact");
    location.hash = "#/feedback/my";
  });
  app.appendChild(myRatingsBtn);
}

/* ── Экран экспедитора ─────────────────────────────────────────── */
function _renderExpeditorScreen(container, me) {
  const u = me.user || {};
  container.appendChild(el(`
    <div class="staff-head">
      <div class="staff-avatar">${u.avatar_initial || "Э"}</div>
      <div class="staff-name">${escHtml(u.full_name || "Экспедитор")}</div>
      <div class="staff-role-label">экспедитор</div>
    </div>
  `));

  container.appendChild(el(`
    <div style="padding:12px 16px;">
      <div style="font-size:13px;color:var(--muted);margin-bottom:12px;">
        Выберите сборку для оформления приёмки товара
      </div>
    </div>
  `));

  // Список активных сборок
  const asmWrap = el(`<div id="exp-asm-list" style="padding:0 16px;"></div>`);
  container.appendChild(asmWrap);
  _loadExpeditorAssemblies(asmWrap);
}

async function _loadExpeditorAssemblies(container) {
  container.innerHTML = `<div class="loader-inline"><div class="spinner"></div></div>`;
  try {
    const ctrl = new AbortController();
    const t = setTimeout(() => ctrl.abort(), 15000);
    const res = await fetch(`${BACKEND_URL}/api/assembly_list`, {
      method: "POST",
      headers: { "Content-Type": "application/json" },
      body: JSON.stringify({ initData: Platform.initData, initDataUnsafe: Platform.initDataUnsafe }),
      signal: ctrl,
    });
    clearTimeout(t);
    const data = await res.json();
    if (data.error) { container.innerHTML = `<div class="error">${escHtml(data.error)}</div>`; return; }
    const assemblies = (data.assemblies || []).filter(a => !["done","cancelled"].includes(a.status));
    if (!assemblies.length) {
      container.innerHTML = `<div style="padding:24px 0;text-align:center;color:var(--muted);font-size:13px;">
        Нет активных сборок</div>`;
      return;
    }
    container.innerHTML = "";
    assemblies.forEach(a => {
      const card = el(`
        <div style="padding:12px 14px;background:var(--surface);border:1px solid var(--border);
                    border-radius:12px;margin-bottom:8px;cursor:pointer;">
          <div style="font-size:14px;font-weight:600;color:var(--ink);">${escHtml(a.client_name || "Клиент")}</div>
          <div style="font-size:12px;color:var(--muted);margin-top:2px;">${escHtml(a.address || "")}</div>
          <div style="margin-top:8px;">
            <span style="font-size:12px;font-weight:600;color:var(--accent);">📦 Оформить приёмку</span>
          </div>
        </div>
      `);
      card.addEventListener("click", () => {
        haptic && haptic("impact");
        location.hash = `#/expeditor/act/${a.id}`;
      });
      container.appendChild(card);
    });
  } catch (e) {
    container.innerHTML = `<div class="error">${escHtml(e.message)}</div>`;
  }
}

async function renderStaffAssemblies(container) {
  try {
    const ctrl2 = new AbortController();
    const t2 = setTimeout(() => ctrl2.abort(), 15000);
    const res = await fetch(`${BACKEND_URL}/api/assembly_list`, {
      method: "POST", signal: ctrl2.signal,
      body: JSON.stringify({ initData: Platform.initData, initDataUnsafe: Platform.initDataUnsafe }),
    });
    clearTimeout(t2);
    const data = await res.json();
    if (data.error) {
      container.innerHTML = `<div class="error">Ошибка: ${escHtml(data.error)}</div>`;
      return;
    }
    const items = (data.assemblies || []).filter(a => a.status !== "completed" && a.status !== "cancelled");
    if (!items.length) {
      container.innerHTML = `<div class="empty" style="padding:12px;text-align:center;color:var(--muted);font-size:13px;">Сборок нет</div>`;
      return;
    }
    container.innerHTML = "";
    for (const a of items) {
      const dateStr = a.scheduled_at ? formatDateHuman(a.scheduled_at) : "— дата не назначена";
      const statusLabel = {
        created: "📝 создана",
        scheduled: "📅 назначена",
        in_progress: "🔧 в работе",
      }[a.status] || a.status;
      const card = el(`
        <article class="assembly-card" data-id="${a.id}">
          <div class="assembly-card-head">
            <span class="assembly-card-status">${statusLabel}</span>
            <span class="assembly-card-date">${escHtml(dateStr)}</span>
          </div>
          <div class="assembly-card-name">${escHtml(a.client_name || "Без имени")}</div>
          <div class="assembly-card-address">${escHtml(a.address || "адрес не указан")}</div>
          ${a.scope_of_work ? `<div class="assembly-card-scope">${escHtml(a.scope_of_work.slice(0, 100))}${a.scope_of_work.length > 100 ? "…" : ""}</div>` : ""}
        </article>
      `);
      card.addEventListener("click", () => {
        haptic && haptic("impact");
        location.hash = `#/assembly/${a.id}`;
      });
      container.appendChild(card);
    }
  } catch (e) {
    container.innerHTML = `<div class="error">Сеть: ${escHtml(e.message)}</div>`;
  }
}

/* ----------------- Группировка инбокса замерщика по дням ----------------- */

function _startOfDay(d) {
  const x = new Date(d);
  x.setHours(0, 0, 0, 0);
  return x;
}

function _daysBetween(a, b) {
  return Math.round((_startOfDay(b) - _startOfDay(a)) / 86400000);
}

function _groupForMeasurement(m, today, weekEnd) {
  if (!m.scheduled_at) {
    // Без даты — отделяем requested от scheduled (по идее scheduled без даты быть не должно)
    return { key: "no_date", title: "📞 Без даты — нужно согласовать", order: 5 };
  }
  const d = new Date(m.scheduled_at);
  const diff = _daysBetween(today, d);
  if (diff < 0) return { key: "overdue", title: "⚠️ Просрочено", order: 0 };
  if (diff === 0) return { key: "today", title: "🔥 Сегодня", order: 1 };
  if (diff === 1) return { key: "tomorrow", title: "📅 Завтра", order: 2 };
  if (d <= weekEnd) return { key: "this_week", title: "🗓️ На неделе", order: 3 };
  return { key: "later", title: "📆 Позже", order: 4 };
}

function renderGroupedInbox(container, measurements) {
  container.innerHTML = "";
  if (!measurements.length) {
    container.innerHTML = `
      <div class="empty" style="padding:18px 12px;text-align:center;color:var(--muted);">
        Заявок пока нет. Когда менеджер назначит замер — увидите здесь.
      </div>
    `;
    return;
  }

  const today = _startOfDay(new Date());
  // Конец этой недели: воскресенье вечером
  const weekEnd = new Date(today);
  const dayIdx = (today.getDay() + 6) % 7; // 0 = Пн, 6 = Вс
  weekEnd.setDate(today.getDate() + (6 - dayIdx));
  weekEnd.setHours(23, 59, 59, 999);

  // Группируем
  const groups = new Map();
  for (const m of measurements) {
    const g = _groupForMeasurement(m, today, weekEnd);
    if (!groups.has(g.key)) groups.set(g.key, { ...g, items: [] });
    groups.get(g.key).items.push(m);
  }
  // Сортируем группы и внутри — по дате
  const sortedGroups = [...groups.values()].sort((a, b) => a.order - b.order);
  for (const g of sortedGroups) {
    g.items.sort((a, b) => (a.scheduled_at || "").localeCompare(b.scheduled_at || ""));
    const groupEl = el(`
      <div class="inbox-group">
        <div class="inbox-group-head">${g.title}<span class="count">${g.items.length}</span></div>
        <div class="inbox-group-list"></div>
      </div>
    `);
    const list = groupEl.querySelector(".inbox-group-list");
    g.items.forEach(m => list.appendChild(renderInboxItem(m, g.key)));
    container.appendChild(groupEl);
  }
}

/* ----------------- Week strip — загрузка по дням ----------------- */

function renderWeekStrip(measurements) {
  const today = _startOfDay(new Date());
  const dayIdx = (today.getDay() + 6) % 7; // Пн = 0
  const monday = new Date(today);
  monday.setDate(today.getDate() - dayIdx);
  const days = [];
  for (let i = 0; i < 7; i++) {
    const d = new Date(monday);
    d.setDate(monday.getDate() + i);
    days.push(d);
  }
  // Считаем сколько замеров на каждый день
  const countByDay = days.map(d => {
    const start = _startOfDay(d).getTime();
    const end = start + 86400000;
    return measurements.filter(m => {
      if (!m.scheduled_at) return false;
      const t = new Date(m.scheduled_at).getTime();
      return t >= start && t < end;
    }).length;
  });
  const maxCount = Math.max(1, ...countByDay);

  const dayNames = ["Пн", "Вт", "Ср", "Чт", "Пт", "Сб", "Вс"];
  const section = el(`
    <section class="cal-strip-block">
      <div class="cal-strip-head">
        ${monday.getDate()}–${days[6].getDate()} ${monday.toLocaleString("ru-RU", { month: "long" })}
      </div>
      <div class="cal-strip">
        ${days.map((d, i) => {
          const cnt = countByDay[i];
          const heightPct = cnt ? Math.round((cnt / maxCount) * 100) : 0;
          const isToday = _startOfDay(d).getTime() === today.getTime();
          const isPast = _startOfDay(d).getTime() < today.getTime();
          const loadClass = cnt >= 5 ? "load-hot" : cnt >= 3 ? "load-mid" : cnt > 0 ? "load-low" : "load-zero";
          return `
            <div class="cal-day ${isToday ? "today" : ""} ${isPast ? "past" : ""}">
              <div class="cal-day-name">${dayNames[i]}</div>
              <div class="cal-day-num">${d.getDate()}</div>
              <div class="cal-day-bar"><div class="bar ${loadClass}" style="height:${heightPct}%"></div></div>
              <div class="cal-day-count">${cnt || "—"}</div>
            </div>
          `;
        }).join("")}
      </div>
    </section>
  `);
  return section;
}

/* ----------------- Карточка заявки в инбоксе ----------------- */

function renderInboxItem(m, groupKey) {
  // Когда: точное время если назначено + день недели для не-today
  let timeLine;
  if (m.scheduled_at) {
    const d = new Date(m.scheduled_at);
    const hh = String(d.getHours()).padStart(2, "0");
    const mi = String(d.getMinutes()).padStart(2, "0");
    if (groupKey === "today" || groupKey === "tomorrow") {
      timeLine = `${hh}:${mi}`;
    } else if (groupKey === "overdue") {
      timeLine = `${String(d.getDate()).padStart(2,"0")}.${String(d.getMonth()+1).padStart(2,"0")} ${hh}:${mi}`;
    } else {
      const dayNames = ["Вс", "Пн", "Вт", "Ср", "Чт", "Пт", "Сб"];
      timeLine = `${dayNames[d.getDay()]} ${String(d.getDate()).padStart(2,"0")}.${String(d.getMonth()+1).padStart(2,"0")} ${hh}:${mi}`;
    }
  } else {
    timeLine = formatPreferredHuman(m);
  }

  const phoneClean = (m.client_phone || "").replace(/[^\d+]/g, "");
  const callHref = phoneClean ? `tel:${phoneClean}` : "";

  const item = el(`
    <div class="inbox-row">
      <button class="inbox-row-main" type="button">
        <div class="inbox-time">${escHtml(timeLine)}</div>
        <div class="inbox-row-body">
          <div class="inbox-client">${escHtml(m.client_name || "—")}</div>
          <div class="inbox-addr">${escHtml(m.address || "адрес не указан")}</div>
        </div>
        <div class="inbox-arrow">${ICONS.chevron || "›"}</div>
      </button>
      ${callHref
        ? `<a class="inbox-call" href="${callHref}" aria-label="Позвонить" title="${escHtml(m.client_phone || "")}">📞</a>`
        : ""}
    </div>
  `);
  item.querySelector(".inbox-row-main").addEventListener("click", () => {
    haptic && haptic("impact");
    location.hash = `#/inbox/${m.id}`;
  });
  return item;
}

function formatPreferredHuman(m) {
  // Теперь приоритет — текст из preferred_note (свободная форма).
  // Старые записи с preferred_type/date/time_of_day выводятся как fallback.
  if (m.preferred_note) return m.preferred_note;
  const todMap = { morning: "утром", day: "днём", evening: "вечером" };
  const t = m.preferred_type || "tbd";
  const parts = [];
  if (t === "specific") {
    if (m.preferred_date) {
      try {
        const d = new Date(m.preferred_date);
        parts.push(`${String(d.getDate()).padStart(2,"0")}.${String(d.getMonth()+1).padStart(2,"0")}`);
      } catch (e) { parts.push(m.preferred_date); }
    }
    if (m.preferred_time_of_day && todMap[m.preferred_time_of_day]) {
      parts.push(todMap[m.preferred_time_of_day]);
    }
    if (!parts.length) parts.push("конкретная дата");
  } else if (t === "this_week") {
    parts.push("эта неделя");
  } else if (t === "next_week") {
    parts.push("следующая неделя");
  } else {
    parts.push("согласовать с клиентом");
  }
  return parts.join(" ");
}

function formatDateHuman(iso) {
  if (!iso) return "—";
  try {
    const d = new Date(iso);
    const dd = String(d.getDate()).padStart(2, "0");
    const mm = String(d.getMonth() + 1).padStart(2, "0");
    const yy = d.getFullYear();
    const hh = String(d.getHours()).padStart(2, "0");
    const mi = String(d.getMinutes()).padStart(2, "0");
    return `${dd}.${mm}.${yy} ${hh}:${mi}`;
  } catch (e) { return iso; }
}

function escHtml(s) {
  return String(s == null ? "" : s)
    .replace(/&/g, "&amp;").replace(/</g, "&lt;")
    .replace(/>/g, "&gt;").replace(/"/g, "&quot;");
}

/* ----------------- Карточка заявки для замерщика ----------------- */
async function renderInboxDetail(measurementId) {
  app.innerHTML = "";
  document.body.classList.remove("has-bottom-nav");
  const oldNav = document.getElementById("bottom-nav");
  if (oldNav) oldNav.remove();

  // header
  const header = el(`
    <header class="podbor-header">
      <button class="podbor-back" aria-label="Назад">${ICONS.arrow_left || "‹"}</button>
      <div class="podbor-title">Заявка на замер</div>
      <div style="width:28px"></div>
    </header>
  `);
  header.querySelector(".podbor-back").addEventListener("click", () => {
    // Возврат в главное меню без перезагрузки (иначе сплэш мигает)
    location.hash = "";
    routeByHash();
  });
  app.appendChild(header);

  const loading = el(`<div class="loader-inline"><div class="spinner"></div></div>`);
  app.appendChild(loading);

  let m;
  try {
    const res = await fetch(`${BACKEND_URL}/api/measurement_detail`, {
      method: "POST",
      body: JSON.stringify({ initData: Platform.initData, measurement_id: measurementId }),
    });
    m = await res.json();
  } catch (e) {
    loading.remove();
    app.appendChild(el(`<div class="error">Сеть: ${e.message}</div>`));
    return;
  }
  loading.remove();
  if (m.error) {
    app.appendChild(el(`<div class="error">${m.error}</div>`));
    return;
  }

  // Шапка
  app.appendChild(el(`
    <div class="measurement-detail-head">
      <div class="kicker">Заявка #${(m.id || "").slice(0, 8)}</div>
      <h2 class="display-title">${escHtml(m.client_name || "Без имени")}</h2>
      <div class="measurement-detail-meta">
        <span>📞 ${escHtml(m.client_phone || "—")}</span>
        <span>📍 ${escHtml(m.address || "адрес не указан")}</span>
      </div>
    </div>
  `));

  // Примечание от менеджера (рекомендации по дате, особенности доступа)
  if (m.preferred_note) {
    app.appendChild(el(`
      <section class="block preferred-block">
        <div class="block-head">📝 Примечание менеджера</div>
        <div style="padding:12px 4px;color:var(--ink);font-size:14.5px;line-height:1.5;">${escHtml(m.preferred_note).replace(/\n/g, "<br>")}</div>
      </section>
    `));
  }

  // Блок логистики (подъезд, GPS, парковка) — заполняется на месте
  app.appendChild(renderLogisticsBlock(m));

  // Блок даты замера — две версии в зависимости от статуса
  const isScheduled = m.status === "scheduled" && m.scheduled_at;
  if (isScheduled) {
    // Дата назначена — показываем её крупно + кнопка «Изменить»
    const dateSection = el(`
      <section class="block date-set-block">
        <div class="block-head">📅 Замер назначен</div>
        <div class="date-set-value">${escHtml(formatDateHuman(m.scheduled_at))}</div>
        ${m.gcal_event_url ? `<div style="padding:4px 4px 8px;"><a href="${m.gcal_event_url}" target="_blank" rel="noopener" style="color:var(--accent-1, #003E7E);font-size:13px;">📅 Открыть в Google Calendar</a></div>` : ""}
        <div class="podbor-cta-row">
          <button class="btn-secondary" id="changeDate" type="button">Изменить дату</button>
        </div>
        <div class="date-set-form" id="changeDateForm" style="display:none;">
          <div class="form-row">
            <label class="field">
              <span class="field-label">Новая дата и время</span>
              <input type="datetime-local" id="schedInput" value="${toDatetimeLocalValue(m.scheduled_at)}">
              <span class="field-error" id="schedError"></span>
            </label>
          </div>
          <div class="podbor-cta-row">
            <button class="btn-secondary" id="cancelChange" type="button">Отмена</button>
            <button class="btn-primary" id="saveSched" type="button">Сохранить</button>
          </div>
        </div>
      </section>
    `);
    app.appendChild(dateSection);
    dateSection.querySelector("#changeDate").addEventListener("click", () => {
      dateSection.querySelector("#changeDateForm").style.display = "";
      dateSection.querySelector("#changeDate").style.display = "none";
    });
    dateSection.querySelector("#cancelChange").addEventListener("click", () => {
      dateSection.querySelector("#changeDateForm").style.display = "none";
      dateSection.querySelector("#changeDate").style.display = "";
    });
    dateSection.querySelector("#saveSched").addEventListener("click", () => saveScheduleDate(measurementId, dateSection));

    // ОСНОВНАЯ кнопка — начать замер (открывает мастер с чек-листом)
    const startSection = el(`
      <div class="podbor-cta-row" style="margin-top:20px;">
        <button class="btn-primary" id="startMeasure" style="font-size:16px;padding:14px 20px;">📐 Начать замер</button>
      </div>
      <div class="muted" style="text-align:center;font-size:12px;margin-top:8px;">
        Чек-лист, фото и заметки откроются после нажатия.
      </div>
    `);
    app.appendChild(startSection);
    startSection.querySelector("#startMeasure").addEventListener("click", () => {
      haptic && haptic("impact");
      location.hash = `#/measure?id=${measurementId}`;
    });
  } else {
    // Дата не назначена — основной шаг: согласовать и назначить
    const dateSection = el(`
      <section class="block">
        <div class="block-head">📞 Согласовать дату с клиентом</div>
        <div style="padding:8px 4px;color:var(--muted);font-size:13px;">
          Позвоните клиенту, договоритесь о точной дате и времени, затем зафиксируйте здесь.
        </div>
        <div class="form-row">
          <label class="field">
            <span class="field-label">Дата и время визита</span>
            <input type="datetime-local" id="schedInput">
            <span class="field-error" id="schedError"></span>
          </label>
        </div>
        <div class="podbor-cta-row">
          <button class="btn-primary" id="saveSched" type="button">Назначить</button>
        </div>
      </section>
    `);
    app.appendChild(dateSection);
    dateSection.querySelector("#saveSched").addEventListener("click", () => saveScheduleDate(measurementId, dateSection));
  }

  // === Кнопка «Выставить счёт» (замерщик) ===
  if (m.viewer_is_measurer) {
    const invoiceWrap = el('<div style="margin:16px 16px 0;"></div>');
    const hasFee = parseFloat(m.measurement_fee||0) > 0;
    invoiceWrap.appendChild(el(
      '<button class="btn-primary" id="invoiceBtn" style="width:100%;font-size:15px;padding:13px 20px;' +
      (hasFee ? 'background:var(--surface);color:var(--accent);border:1.5px solid var(--accent);' : '') + '">' +
      (hasFee ? '💳 Счёт выставлен: ' + Math.round(m.measurement_fee).toLocaleString("ru-RU") + ' ₽ — изменить' : '💳 Выставить счёт') +
      '</button>'
    ));
    invoiceWrap.querySelector('#invoiceBtn').addEventListener('click', () => {
      haptic && haptic('impact');
      location.hash = '#/master/invoice/' + measurementId;
    });
    app.appendChild(invoiceWrap);
  }

  // === Обратная связь — замерщик оценивает менеджера ===
  if (m.status === "completed" && m.viewer_is_measurer && !m.measurer_feedback_at
      && typeof FeedbackModule !== "undefined") {
    const fbWrap = el(`<div style="margin:16px;"></div>`);
    app.appendChild(fbWrap);
    FeedbackModule.mountMeasurerFeedback(fbWrap, {
      managerName:    m.manager_name    || "",
      managerTgId:    m.manager_tg_id   || "",
      measurementId:  m.id,
      onSubmit: () => renderInboxDetail(measurementId),
    });
  }

  // === Обратная связь — менеджер оценивает замерщика ===
  if (m.status === "completed" && m.viewer_is_manager && !m.manager_feedback_at
      && typeof FeedbackModule !== "undefined") {
    const fbWrap2 = el(`<div style="margin:16px;"></div>`);
    app.appendChild(fbWrap2);
    FeedbackModule.mountManagerFeedback(fbWrap2, {
      measurerName:   m.measurer_name   || "",
      measurerTgId:   m.measurer_tg_id  || "",
      measurementId:  m.id,
      onSubmit: () => renderInboxDetail(measurementId),
    });
  }
}

async function saveScheduleDate(measurementId, section) {
  const input = section.querySelector("#schedInput");
  const errorEl = section.querySelector("#schedError");
  if (errorEl) errorEl.textContent = "";
  const val = input.value;
  if (!val) {
    if (errorEl) errorEl.textContent = "Укажите дату и время";
    return;
  }
  const iso = new Date(val).toISOString();
  try {
    const res = await fetch(`${BACKEND_URL}/api/measurement_schedule`, {
      method: "POST",
      body: JSON.stringify({
        initData: Platform.initData,
        initDataUnsafe: Platform.initDataUnsafe,
        measurement_id: measurementId,
        scheduled_at: iso,
      }),
    });
    const data = await res.json();
    if (data.error) {
      if (errorEl) errorEl.textContent = "Ошибка: " + data.error;
      return;
    }
    haptic && haptic("success");
    Platform.showAlert("Дата сохранена — менеджер уведомлён.");
    renderInboxDetail(measurementId); // перерисовать с новым статусом
  } catch (e) {
    if (errorEl) errorEl.textContent = "Сеть: " + e.message;
  }
}

function renderLogisticsBlock(m) {
  const hasData = !!(m.entrance || m.floor || m.gps_lat || m.parking_type || m.parking_note || m.delivery_notes);
  const parkingLabels = {
    free:   "🅿️ Бесплатная",
    paid:   "💰 Платная",
    street: "🛣️ На улице",
    none:   "🚫 Нет парковки",
  };

  const section = el(`
    <section class="block logistics-block">
      <div class="block-head" id="logHead">
        <span>📍 Логистика ${hasData ? '<span class="log-dot">●</span>' : ''}</span>
        <button class="log-toggle" id="logToggle" type="button">${hasData ? "Изменить" : "Заполнить"}</button>
      </div>
      <div class="log-summary" id="logSummary"></div>
      <div class="log-editor" id="logEditor" style="display:none;">
        <div class="form-row two-col">
          <label class="field">
            <span class="field-label">Подъезд</span>
            <input type="text" id="logEntrance" value="${escHtml(m.entrance || "")}" placeholder="например: 2">
          </label>
          <label class="field">
            <span class="field-label">Этаж</span>
            <input type="text" id="logFloor" value="${escHtml(m.floor || "")}" placeholder="например: 7">
          </label>
        </div>

        <div class="form-row">
          <label class="field">
            <span class="field-label">GPS координаты</span>
            <div style="display:flex;gap:6px;align-items:center;flex-wrap:wrap;">
              <input type="text" id="logGps" value="${m.gps_lat && m.gps_lng ? `${m.gps_lat}, ${m.gps_lng}` : ""}" placeholder="широта, долгота" style="flex:1;min-width:140px;">
              <button class="btn-secondary" id="getGps" type="button" style="white-space:nowrap;padding:8px 12px;">📍 Сейчас</button>
              <button class="btn-secondary" id="getGpsAddr" type="button" style="white-space:nowrap;padding:8px 12px;">🔍 По адресу</button>
            </div>
            <span class="field-hint" id="gpsHint">«Сейчас» — с устройства. «По адресу» — геокодер по адресу заявки.</span>
          </label>
        </div>

        <div class="form-row">
          <span class="field-label" style="display:block;margin-bottom:6px;">Парковка</span>
          <div class="preferred-options">
            <label class="pref-opt">
              <input type="radio" name="parkType" value="free" ${m.parking_type === "free" ? "checked" : ""}>
              <span class="pref-label">🅿️ Бесплатная</span>
            </label>
            <label class="pref-opt">
              <input type="radio" name="parkType" value="paid" ${m.parking_type === "paid" ? "checked" : ""}>
              <span class="pref-label">💰 Платная</span>
            </label>
            <label class="pref-opt">
              <input type="radio" name="parkType" value="street" ${m.parking_type === "street" ? "checked" : ""}>
              <span class="pref-label">🛣️ На улице</span>
            </label>
            <label class="pref-opt">
              <input type="radio" name="parkType" value="none" ${m.parking_type === "none" ? "checked" : ""}>
              <span class="pref-label">🚫 Нет парковки</span>
            </label>
          </div>
          <input type="text" id="logParkNote" value="${escHtml(m.parking_note || "")}" placeholder="зона, тариф, как оплатить" style="margin-top:8px;">
        </div>

        <div class="form-row">
          <label class="field">
            <span class="field-label">Заметки логистики</span>
            <textarea id="logDelivery" rows="3" placeholder="домофон, шлагбаум, размер лифта (для сборщика), узкий проезд, ...">${escHtml(m.delivery_notes || "")}</textarea>
          </label>
        </div>

        <div class="podbor-cta-row">
          <button class="btn-secondary" id="logCancel" type="button">Отмена</button>
          <button class="btn-primary" id="logSave" type="button">Сохранить</button>
        </div>
      </div>
    </section>
  `);

  // Сводка (когда не в режиме редактирования)
  function updateSummary(curM) {
    const sum = section.querySelector("#logSummary");
    const lines = [];
    if (curM.entrance) lines.push(`Подъезд <b>${escHtml(curM.entrance)}</b>`);
    if (curM.floor)    lines.push(`этаж <b>${escHtml(curM.floor)}</b>`);
    if (curM.gps_lat && curM.gps_lng) {
      const ymUrl = `https://yandex.ru/maps/?pt=${curM.gps_lng},${curM.gps_lat},pm2rdm&z=17&ll=${curM.gps_lng},${curM.gps_lat}`;
      lines.push(`<a href="${ymUrl}" target="_blank" rel="noopener">📍 ${curM.gps_lat}, ${curM.gps_lng}</a>`);
    }
    if (curM.parking_type && parkingLabels[curM.parking_type]) {
      let p = parkingLabels[curM.parking_type];
      if (curM.parking_note) p += ` · ${escHtml(curM.parking_note)}`;
      lines.push(p);
    }
    if (curM.delivery_notes) {
      lines.push(`<i>${escHtml(curM.delivery_notes)}</i>`);
    }
    sum.innerHTML = lines.length
      ? lines.join(" · ")
      : `<span style="color:var(--muted);font-size:13px;">Информация для подъезда не заполнена — заполни при выезде.</span>`;
  }
  updateSummary(m);

  const editor = section.querySelector("#logEditor");
  const summary = section.querySelector("#logSummary");
  const toggleBtn = section.querySelector("#logToggle");

  function setEdit(on) {
    editor.style.display = on ? "" : "none";
    summary.style.display = on ? "none" : "";
    toggleBtn.style.display = on ? "none" : "";
  }

  toggleBtn.addEventListener("click", () => setEdit(true));
  section.querySelector("#logCancel").addEventListener("click", () => setEdit(false));

  // GPS «Сейчас»
  section.querySelector("#getGps").addEventListener("click", () => {
    const hint = section.querySelector("#gpsHint");
    hint.textContent = "Запрашиваем координаты...";
    if (!navigator.geolocation) {
      hint.textContent = "Геолокация недоступна. Введите вручную.";
      return;
    }
    navigator.geolocation.getCurrentPosition(
      (pos) => {
        const lat = pos.coords.latitude.toFixed(6);
        const lng = pos.coords.longitude.toFixed(6);
        section.querySelector("#logGps").value = `${lat}, ${lng}`;
        hint.textContent = `Получено · точность ${Math.round(pos.coords.accuracy)} м`;
        haptic && haptic("success");
      },
      (err) => {
        hint.textContent = `Не удалось: ${err.message || "отказано в доступе"}`;
      },
      { enableHighAccuracy: true, timeout: 12000, maximumAge: 60000 }
    );
  });

  // GPS «По адресу» — геокодирование через backend
  section.querySelector("#getGpsAddr").addEventListener("click", async () => {
    const hint = section.querySelector("#gpsHint");
    const addr = (m.address || "").trim();
    if (!addr) {
      hint.textContent = "В заявке нет адреса — нужен текст адреса для геокодера.";
      return;
    }
    hint.textContent = "Ищем по адресу...";
    try {
      const res = await fetch(`${BACKEND_URL}/api/geocode`, {
        method: "POST",
        body: JSON.stringify({
          initData: Platform.initData,
          initDataUnsafe: Platform.initDataUnsafe,
          address: addr,
        }),
      });
      const data = await res.json();
      if (!data.ok || !data.result) {
        hint.textContent = "Адрес не найден геокодером — введите GPS вручную.";
        return;
      }
      const r = data.result;
      section.querySelector("#logGps").value = `${r.lat.toFixed(6)}, ${r.lng.toFixed(6)}`;
      const srcLabel = r.source === "yandex" ? "Я.Геокодер" : "OSM";
      hint.textContent = `Найдено: ${r.formatted || addr} · источник ${srcLabel}`;
      haptic && haptic("success");
    } catch (e) {
      hint.textContent = "Сеть: " + e.message;
    }
  });

  // Сохранение
  section.querySelector("#logSave").addEventListener("click", async () => {
    const btn = section.querySelector("#logSave");
    btn.disabled = true;
    btn.textContent = "Сохраняем...";
    const gpsStr = (section.querySelector("#logGps").value || "").trim();
    let gps_lat = "", gps_lng = "";
    if (gpsStr) {
      const parts = gpsStr.split(/[,;\s]+/).filter(Boolean);
      if (parts.length >= 2) {
        gps_lat = parts[0];
        gps_lng = parts[1];
      }
    }
    const parkType = (section.querySelector('input[name="parkType"]:checked') || {}).value || "";
    const payload = {
      initData: Platform.initData,
      initDataUnsafe: Platform.initDataUnsafe,
      measurement_id: m.id,
      entrance:       section.querySelector("#logEntrance").value,
      floor:          section.querySelector("#logFloor").value,
      gps_lat, gps_lng,
      parking_type:   parkType,
      parking_note:   section.querySelector("#logParkNote").value,
      delivery_notes: section.querySelector("#logDelivery").value,
    };
    try {
      const res = await fetch(`${BACKEND_URL}/api/measurement_logistics`, {
        method: "POST",
        body: JSON.stringify(payload),
      });
      const data = await res.json();
      if (data.error) {
        btn.disabled = false;
        btn.textContent = "Сохранить";
        alert("Ошибка: " + data.error);
        return;
      }
      // Обновляем локальные данные и сводку
      Object.assign(m, data.logistics || {});
      updateSummary(m);
      setEdit(false);
      // Обновляем точку-индикатор «есть данные»
      const hasNow = !!(m.entrance || m.floor || m.gps_lat || m.parking_type || m.parking_note || m.delivery_notes);
      const head = section.querySelector("#logHead span");
      head.innerHTML = `📍 Логистика ${hasNow ? '<span class="log-dot">●</span>' : ''}`;
      toggleBtn.textContent = hasNow ? "Изменить" : "Заполнить";
      btn.disabled = false;
      btn.textContent = "Сохранить";
      haptic && haptic("success");
    } catch (e) {
      btn.disabled = false;
      btn.textContent = "Сохранить";
      alert("Сеть: " + e.message);
    }
  });

  return section;
}

function toDatetimeLocalValue(iso) {
  // ISO → YYYY-MM-DDTHH:MM для <input type="datetime-local">
  try {
    const d = new Date(iso);
    const pad = (n) => String(n).padStart(2, "0");
    return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}T${pad(d.getHours())}:${pad(d.getMinutes())}`;
  } catch (e) { return ""; }
}

function renderError() {
  app.innerHTML = "";
  app.appendChild(el(`
    <div class="error">
      <h3>Не удалось загрузить кабинет</h3>
      <div>Проверьте подключение и попробуйте позже.</div>
    </div>
  `));
}

/* ----------------- Init ----------------- */
// Засекаем когда стартовали — чтобы splash висел минимум ~700мс
const _splashStart = Date.now();
function hideSplash() {
  const splash = document.getElementById("splash");
  if (!splash) return;
  const elapsed = Date.now() - _splashStart;
  const minShow = 840; // минимум показа, мс — было 1200, сокращено на 30%
  const wait = Math.max(0, minShow - elapsed);
  setTimeout(() => {
    splash.classList.add("hide");
    setTimeout(() => splash.remove(), 450);
  }, wait);
}

let _hashListenerAdded = false;
async function init() {
  setupTelegram();
  if (!_hashListenerAdded) {
    window.addEventListener("hashchange", routeByHash);
    _hashListenerAdded = true;
  }

  const qp = new URLSearchParams(window.location.search);
  // Telegram ставит #tgWebAppData=... в hash при открытии — это НЕ наш роут.
  // Считаем «есть навигационный hash» только если он начинается с #/
  const hasAppRoute = location.hash.startsWith("#/");

  const goScreen = qp.get("go");
  if (goScreen && !hasAppRoute) {
    const map = {
      podbor:  "#/podbor",
      clients: "#/clients",
      measure: "#/measure",
      request: "#/request",
    };
    if (map[goScreen]) {
      history.replaceState(null, "", location.pathname + location.search + map[goScreen]);
    }
  }

  // Если нет ?role= в URL — показываем выбор роли (универсально для всех клиентов)
  const explicitRole = qp.get("role");
  if (!explicitRole && !hasAppRoute) {
    renderRoleChooser();
    hideSplash();
    return;
  }

  try {
    const me = await fetchMe();
    window.__zovMe = me; // кешируем профиль для подэкранов
    // Единая точка роутинга — routeByHash покрывает все маршруты
    routeByHash();
    hideSplash();
  } catch (e) {
    console.error(e);
    renderError();
    hideSplash();
  }
}

function routeByHash() {
  if (location.hash.startsWith("#/podbor")) {
    Podbor.mount(app);
  } else if (location.hash.startsWith("#/clients")) {
    Clients.mount(app);
  } else if (location.hash.startsWith("#/measure")) {
    Measurements.mount(app);
  } else if (location.hash.startsWith("#/request")) {
    MeasurementRequest.mount(app);
  } else if (location.hash.startsWith("#/inbox/")) {
    renderInboxDetail(location.hash.replace("#/inbox/", ""));
  } else if (location.hash === "#/inbox") {
    if (typeof InboxScreen !== "undefined") InboxScreen.mount(app);
    else init();
  } else if (location.hash.startsWith("#/assembly")) {
    Assembly.mount(app);
  } else if (location.hash === "#/admin/staff") {
    if (typeof StaffRoster !== "undefined") StaffRoster.mount(app);
    else init();
  } else if (location.hash === "#/admin/finance") {
    if (typeof FinanceSummary !== "undefined") FinanceSummary.mount(app);
    else init();
  } else if (location.hash === "#/admin/assembler-analytics") {
    if (typeof AssemblerAnalytics !== "undefined") AssemblerAnalytics.mount(app);
    else init();
  } else if (location.hash.startsWith("#/admin/rates")) {
    if (typeof AdminRates !== "undefined") AdminRates.mount(app);
    else init();
  } else if (location.hash === "#/master/clients") {
    if (typeof StaffClients !== "undefined") StaffClients.mount(app);
    else init();
  } else if (location.hash === "#/master/dashboard") {
    if (typeof AssemblerDashboard !== "undefined") AssemblerDashboard.mount(app);
    else init();
  } else if (location.hash.startsWith("#/assembly/") && location.hash.endsWith("/contract")) {
    const asmId = location.hash.split("/")[2];
    if (typeof Contracts !== "undefined") Contracts.mount(app, asmId);
    else init();
  } else if (location.hash === "#/expeditor") {
    if (typeof ExpeditorDashboard !== "undefined") ExpeditorDashboard.mount(app);
    else init();
  } else if (location.hash === "#/dispatcher") {
    if (typeof DispatcherDashboard !== "undefined") DispatcherDashboard.mount(app);
    else init();
  } else if (location.hash.startsWith("#/expeditor/act/")) {
    const asmId = location.hash.replace("#/expeditor/act/", "").split("?")[0];
    if (typeof ExpeditorDashboard !== "undefined") ExpeditorDashboard.mountAct(app, asmId);
    else init();
  } else if (location.hash.startsWith("#/assembly/") && location.hash.endsWith("/extra_acts")) {
    const asmId = location.hash.split("/")[2];
    if (typeof ExtraActs !== "undefined") ExtraActs.mount(app, asmId);
    else init();
    } else if (location.hash.startsWith("#/assembly/") && location.hash.endsWith("/act4")) {
    const asmId = location.hash.split("/")[2];
    if (typeof Act4Screen !== "undefined") Act4Screen.mount(app, asmId);
    else init();
  } else if (location.hash === "#/master/measurer-stats") {
    if (typeof MeasurerDashboard !== "undefined") MeasurerDashboard.mount(app);
    else init();
  } else if (location.hash.startsWith("#/master/invoice/")) {
    const mId = location.hash.replace("#/master/invoice/", "").split("?")[0];
    if (typeof InvoiceScreen !== "undefined") InvoiceScreen.mount(app, mId);
    else init();
  } else if (location.hash.startsWith("#/master/tools")) {
    if (typeof MasterTools !== "undefined") {
      const h = location.hash;
      if (h === "#/master/tools/rails")   MasterTools.mountRails(app);
      else if (h === "#/master/tools/shelves") MasterTools.mountShelves(app);
      else if (h === "#/master/tools/price")   MasterTools.mountPrice(app);
      else MasterTools.mountMenu(app);
    } else init();
  } else if (location.hash.startsWith("#/master")) {
    const me = window.__zovMe;
    if (me) renderStaff(me); else init();
  } else if (location.hash.startsWith("#/me")) {
    if (typeof MeScreen !== "undefined") MeScreen.mount(app);
    else init();
  } else if (location.hash === "#/c/cabinet") {
    if (typeof CabinetScreen !== "undefined") CabinetScreen.mount(app);
    else init();
  } else if (location.hash.startsWith("#/c/proposal")) {
    app.innerHTML = "";
    document.body.classList.remove("has-bottom-nav");
    const oldNav2 = document.getElementById("bottom-nav");
    if (oldNav2) oldNav2.remove();
    if (typeof Proposals !== "undefined") {
      Proposals.mountClient(app);
    } else {
      app.innerHTML = `<div class="error">Модуль подбора не загружен</div>`;
    }
  } else if (location.hash.startsWith("#/c/contract")) {
    app.innerHTML = "";
    document.body.classList.remove("has-bottom-nav");
    const oldNav3 = document.getElementById("bottom-nav");
    if (oldNav3) oldNav3.remove();
    if (typeof Proposals !== "undefined") {
      Proposals.mountContractReview(app);
    } else {
      app.innerHTML = `<div class="error">Модуль не загружен</div>`;
    }
  } else if (location.hash === "#/c/orders") {
    if (typeof OrdersScreen !== "undefined") OrdersScreen.mount(app);
    else init();
  } else if (location.hash.startsWith("#/c/assembly/") && location.hash.endsWith("/timeline")) {
    const parts = location.hash.split("/");
    // #/c/assembly/ID/timeline → parts = ["#", "c", "assembly", "ID", "timeline"]
    const asmIdRaw = parts[parts.length - 2] || "";
    const asmId = decodeURIComponent(asmIdRaw);
    if (typeof ClientTimeline !== "undefined") ClientTimeline.mount(app, asmId);
    else init();
  } else if (location.hash.startsWith("#/c/assembly/")) {
    const assemblyId = decodeURIComponent(location.hash.replace("#/c/assembly/", ""));
    if (typeof AssemblyDetailScreen !== "undefined") AssemblyDetailScreen.mount(app, assemblyId);
    else init();
  } else if (location.hash === "#/c/selfmeasure") {
    if (typeof SelfMeasureScreen !== "undefined") SelfMeasureScreen.mount(app);
    else init();
  } else if (location.hash === "#/feedback/my") {
    if (typeof FeedbackModule !== "undefined") FeedbackModule.mountMyScreen(app);
    else init();
  } else {
    // Главный экран по роли
    const me = window.__zovMe;
    if (!me) { init(); return; }
    if (me.role === "staff") renderStaff(me);
    else if (me.role === "manager") renderManager(me);
    else renderClient(me);
  }
}

init();