import express, { Request, Response } from "express";
import { getPublicWorkouts, getPublicWorkout, WorkoutItem } from "./api";
import { renderTemplate, getAssetTags, SeoMeta } from "./template";

const app = express();
const PORT = process.env.SSR_PORT || 3001;
const BASE_URL = process.env.SSR_BASE_URL || "https://cycle-rider.ru";

app.disable("x-powered-by");

// --- Helpers ---

function getAssetTagsSafe(): string {
  try {
    return getAssetTags();
  } catch {
    return '<script type="module" src="/src/main.ts"></script>';
  }
}

function escapeHtml(text: string | null | undefined): string {
  if (!text) return "";
  return text
    .replace(/&/g, String.fromCharCode(38) + "amp;")
    .replace(/</g, String.fromCharCode(38) + "lt;")
    .replace(/>/g, String.fromCharCode(38) + "gt;")
    .replace(/"/g, String.fromCharCode(38) + "quot;");
}

function formatDate(iso: string): string {
  const d = new Date(iso);
  const dd = String(d.getDate()).padStart(2, "0");
  const mm = String(d.getMonth() + 1).padStart(2, "0");
  const yyyy = d.getFullYear();
  return `${dd}.${mm}.${yyyy}`;
}

function formatDuration(sec: number): string {
  const h = Math.floor(sec / 3600);
  const m = Math.floor((sec % 3600) / 60);
  return `${h} ч. ${m} мин.`;
}

function formatDistance(meters: number): string {
  return (meters / 1000).toFixed(1);
}

function formatSpeed(ms: number): string {
  return Math.round(ms * 3.6).toString();
}

function distInt(m: number): string {
  return Math.round(m / 1000).toString();
}

function getToken(req: Request): string | null {
  const cookieHeader = req.headers.cookie;
  if (!cookieHeader) return null;
  const match = cookieHeader.match(/(?:^|;\s*)token=([^;]*)/);
  return match ? decodeURIComponent(match[1]) : null;
}

// --- Routes ---

// GET / — Landing page (SEO)
app.get("/", async (_req: Request, res: Response) => {
  const token = getToken(_req);
  if (token) {
    res.redirect(302, "/explore");
    return;
  }

  try {
    let workoutsHtml: string;
    try {
      const workouts = await getPublicWorkouts();
      const top5 = workouts.slice(0, 5);
      workoutsHtml = top5
        .map(
          (w) =>
            `  <li><a href="/public/workouts/${w.id}">${escapeHtml(
              w.name,
            )}</a> — ${formatDate(w.workouted_at)}, ${formatDistance(
              w.distantion,
            )} км</li>`,
        )
        .join("\n");
    } catch {
      workoutsHtml = "  <li>Загрузка…</li>";
    }

    const content = `
    <h1>Cycle Rider — анализ велотренировок</h1>
    <p>Платформа для анализа велотренировок: мощность, пульс, скорость, каденс. Загрузите FIT/GPX файлы и получите детальную аналитику.</p>
    <h2>Последние тренировки</h2>
    <ul>
${workoutsHtml}
    </ul>
    <h2>Возможности</h2>
    <ul>
      <li>Нормализованная мощность (NP) и FTP</li>
      <li>Пульсовые зоны и скорость</li>
      <li>Каденс и дистанция</li>
      <li>Профиль высоты</li>
    </ul>`;

    const meta: SeoMeta = {
      title: "Cycle Rider — Анализ велотренировок: мощность, пульс, скорость",
      description:
        "Анализируй велотренировки: мощность (FTP, NP), пульс, скорость, каденс, зоны мощности. Загрузка FIT/GPX. Cycle Rider.",
      canonicalUrl: `${BASE_URL}/`,
      jsonLd: {
        "@context": "https://schema.org",
        "@type": "WebApplication",
        name: "Cycle Rider",
        description: "Платформа для анализа велотренировок",
        url: `${BASE_URL}/`,
        applicationCategory: "HealthApplication",
        operatingSystem: "Web",
        offers: {
          "@type": "Offer",
          price: "0",
        },
      },
    };

    res.send(renderTemplate({ meta, content, assetTags: getAssetTagsSafe() }));
  } catch (err) {
    console.error("SSR error:", err);
    res.status(500).send("Internal Server Error");
  }
});

// GET /explore — Public feed
app.get("/explore", async (_req: Request, res: Response) => {
  try {
    const workouts = await getPublicWorkouts();
    const list = workouts
      .map((w: WorkoutItem) => {
        const meta: string[] = [];
        if (w.workouted_at) {
          meta.push(
            `      <li><span>Дата:</span> ${formatDate(w.workouted_at)}</li>`,
          );
        }
        if (w.photos && w.photos.length > 0) {
          meta.push(`      <li><span>Фото:</span> ${w.photos.length}</li>`);
        }
        if (w.speed) {
          meta.push(
            `      <li><span>Скорость:</span> ${formatSpeed(
              w.speed,
            )} км/ч </li>`,
          );
        }
        if (w.heart_rate) {
          meta.push(
            `      <li><span>Пульс:</span> ${w.heart_rate} уд /мин </li>`,
          );
        }
        if (w.distantion) {
          meta.push(
            `      <li><span>Расстояние:</span> ${distInt(
              w.distantion,
            )} км </li>`,
          );
        }
        if (w.duraion_sec) {
          meta.push(
            `      <li><span>Продолжительность:</span> ${formatDuration(
              w.duraion_sec,
            )}</li>`,
          );
        }
        if (w.cadence) {
          meta.push(`      <li><span>Каденс:</span> ${w.cadence} об/мин </li>`);
        }
        if (w.power) {
          meta.push(
            `      <li><span>Мощность:</span> ${Math.round(w.power)} Вт </li>`,
          );
        }
        if (w.external_links && w.external_links.values.length > 0) {
          meta.push(
            `      <li><span>Ссылки:</span> <a href="${escapeHtml(
              w.external_links.values[0].value,
            )}" target="_blank">Дзен</a></li>`,
          );
        }
        const imageUrl = w.attachment?.url;
        const image = imageUrl
          ? `\n      <a class="image-container" href="/public/workouts/${
              w.id
            }" style="background-image:url(${escapeHtml(imageUrl)})"></a>`
          : "";
        return `    <article class="news-item">
      <div class="news-item-header"><h3><a href="/public/workouts/${
        w.id
      }">${escapeHtml(w.name)}</a></h3></div>
      <ul class="metadata">
${meta.join("\n")}
      </ul>${image}
    </article>`;
      })
      .join("\n");

    const content = `
    <section class="news-feed">
${list}
    </section>`;

    const meta: SeoMeta = {
      title: "Публичные велотренировки — Cycle Rider",
      description:
        "Лента публичных велотренировок: скорость, пульс, мощность, расстояние. Cycle Rider.",
      canonicalUrl: `${BASE_URL}/explore`,
      jsonLd: {
        "@context": "https://schema.org",
        "@type": "WebPage",
        name: "Публичные велотренировки",
        url: `${BASE_URL}/explore`,
        description:
          "Лента публичных велотренировок: скорость, пульс, мощность, расстояние.",
      },
    };

    res.send(renderTemplate({ meta, content, assetTags: getAssetTagsSafe() }));
  } catch (err) {
    console.error("SSR error:", err);
    res.status(500).send("Internal Server Error");
  }
});

// GET /public/workouts/:id — Workout detail
app.get("/public/workouts/:id", async (req: Request, res: Response) => {
  try {
    const detail = await getPublicWorkout(req.params.id);
    const w = (detail as any).workout || detail;
    if (!w || !w.name) {
      console.error(
        "SSR: unexpected API response shape:",
        JSON.stringify(detail).slice(0, 500),
      );
      res.status(500).send("Unexpected API response");
      return;
    }

    // --- Build params section ---
    const params: string[] = [];

    if (w.workouted_at) {
      params.push(
        `      <div class="workout-item-params"><div class="workout-item-params-name">Дата:</div><div class="workout-item-params-value">${formatDate(
          w.workouted_at,
        )}</div></div>`,
      );
    }
    if (w.distantion) {
      params.push(
        `      <div class="workout-item-params"><div class="workout-item-params-name">Расстояние:</div><div class="workout-item-params-value">${formatDistance(
          w.distantion,
        )} км</div></div>`,
      );
    }
    if (w.heart_rate) {
      params.push(
        `      <div class="workout-item-params"><div class="workout-item-params-name">Средний пульс:</div><div class="workout-item-params-value">${Math.floor(
          w.heart_rate,
        )} уд./ мин.</div></div>`,
      );
    }
    if (w.max_heart_rate) {
      params.push(
        `      <div class="workout-item-params"><div class="workout-item-params-name">Максимальный пульс:</div><div class="workout-item-params-value">${Math.floor(
          w.max_heart_rate,
        )} уд./ мин.</div></div>`,
      );
    }
    if (w.speed) {
      params.push(
        `      <div class="workout-item-params"><div class="workout-item-params-name">Средняя скорость:</div><div class="workout-item-params-value">${formatSpeed(
          w.speed,
        )} км / ч</div></div>`,
      );
    }
    if (w.max_speed) {
      params.push(
        `      <div class="workout-item-params"><div class="workout-item-params-name">Максимальная скорость:</div><div class="workout-item-params-value">${formatSpeed(
          w.max_speed,
        )} км / ч</div></div>`,
      );
    }
    if (w.temperature) {
      params.push(
        `      <div class="workout-item-params"><div class="workout-item-params-name">Температура:</div><div class="workout-item-params-value">${w.temperature} °C</div></div>`,
      );
    }
    if (w.power) {
      params.push(
        `      <div class="workout-item-params"><div class="workout-item-params-name">Средняя мощность:</div><div class="workout-item-params-value">${Math.floor(
          w.power,
        )} Вт</div></div>`,
      );
    }
    if (w.max_power) {
      params.push(
        `      <div class="workout-item-params"><div class="workout-item-params-name">Максимальная мощность:</div><div class="workout-item-params-value">${Math.floor(
          w.max_power,
        )} Вт</div></div>`,
      );
    }
    if (w.cadence) {
      params.push(
        `      <div class="workout-item-params"><div class="workout-item-params-name">Каденс:</div><div class="workout-item-params-value">${w.cadence} об/мин</div></div>`,
      );
    }
    if (w.duraion_sec) {
      params.push(
        `      <div class="workout-item-params"><div class="workout-item-params-name">Длительность:</div><div class="workout-item-params-value">${formatDuration(
          w.duraion_sec,
        )}</div></div>`,
      );
    }
    if (
      w.external_links &&
      w.external_links.values &&
      w.external_links.values.length > 0
    ) {
      const dzenUrl = w.external_links.values[0].value;
      params.push(
        `      <div class="workout-item-params"><div class="workout-item-params-name">Ссылки на описание:</div><div><a href="${escapeHtml(
          dzenUrl,
        )}" target="_blank">Дзен</a></div></div>`,
      );
    }

    // --- Build photos section ---
    let photosHtml = "";
    if (w.photos && w.photos.length > 0) {
      const photoItems = w.photos
        .map(
          (p: { id: string; url: string }) =>
            `      <div class="workout-photo"><img src="${escapeHtml(
              p.url,
            )}" alt="${escapeHtml(p.id)}" /></div>`,
        )
        .join("\n");
      photosHtml = `
  <div id="workout-photos">
    <div class="workout-photos-grid">
${photoItems}
    </div>
  </div>`;
    }

    const content = `
  <div id="workout-container">
    <div id="workout-map" style="height:350px;background:#e9ecef;display:flex;align-items:center;justify-content:center;color:#999;font-family:sans-serif;">Карта (загрузится после инициализации JS)</div>
    <div id="workout-short-data">
      <div class="workout-item-editable-title"><h3>${escapeHtml(
        w.name,
      )}</h3></div>
${params.join("\n")}
    </div>
  </div>${photosHtml}
  <div id="workout-charts" style="margin-top:20px;padding:20px;background:#f8f9fa;border-radius:6px;color:#999;text-align:center;font-family:sans-serif;">Графики (загрузятся после инициализации JS)</div>
  <noscript><p>Для полноценного просмотра тренировки (карта, графики) включите JavaScript.</p></noscript>`;

    const desc = w.description
      ? w.description.slice(0, 150) + (w.description.length > 150 ? "…" : "")
      : "";
    const metrics = `${formatDistance(w.distantion)} км, ${formatSpeed(
      w.speed,
    )} км/ч, пульс ${w.heart_rate}, мощность ${w.power} Вт`;

    const meta: SeoMeta = {
      title: `${w.name} — Cycle Rider`,
      description: `${desc} ${metrics}`,
      canonicalUrl: `${BASE_URL}/public/workouts/${w.id}`,
      ogImage: w.attachment?.url,
      jsonLd: {
        "@context": "https://schema.org",
        "@type": "SportsActivity",
        name: w.name,
        description: desc,
        url: `${BASE_URL}/public/workouts/${w.id}`,
        startDate: w.workouted_at,
        sport: "Cycling",
      },
    };

    res.send(renderTemplate({ meta, content, assetTags: getAssetTagsSafe() }));
  } catch (err: unknown) {
    console.error("SSR error:", err);
    // Check for 404 from API
    if (
      err &&
      typeof err === "object" &&
      "response" in err &&
      (err as { response?: { status?: number } }).response?.status === 404
    ) {
      res.status(404).send("Not found");
      return;
    }
    res.status(500).send("Internal Server Error");
  }
});

// GET /routes — Routes page (minimal)
app.get("/routes", async (_req: Request, res: Response) => {
  try {
    const content = `
    <h1>Конструктор маршрутов</h1>
    <p>Создайте свой велосипедный маршрут на карте. Добавляйте точки, рассчитывайте дистанцию и экспортируйте в GPX.</p>`;

    const meta: SeoMeta = {
      title: "Конструктор веломаршрутов — Cycle Rider",
      description:
        "Создайте велосипедный маршрут на карте, экспортируйте в GPX. Cycle Rider.",
      canonicalUrl: `${BASE_URL}/routes`,
    };

    res.send(renderTemplate({ meta, content, assetTags: getAssetTagsSafe() }));
  } catch (err) {
    console.error("SSR error:", err);
    res.status(500).send("Internal Server Error");
  }
});

// GET /sitemap.xml
app.get("/sitemap.xml", async (_req: Request, res: Response) => {
  try {
    const workouts = await getPublicWorkouts();

    const staticUrls = [
      `<url><loc>${BASE_URL}/</loc><changefreq>daily</changefreq><priority>1.0</priority></url>`,
      `<url><loc>${BASE_URL}/explore</loc><changefreq>daily</changefreq><priority>0.9</priority></url>`,
      `<url><loc>${BASE_URL}/routes</loc><changefreq>weekly</changefreq><priority>0.5</priority></url>`,
    ];

    const workoutUrls = workouts.map((w) => {
      const date = new Date(w.workouted_at).toISOString().split("T")[0];
      return `<url><loc>${BASE_URL}/public/workouts/${w.id}</loc><lastmod>${date}</lastmod><changefreq>monthly</changefreq><priority>0.7</priority></url>`;
    });

    const xml = `<?xml version="1.0" encoding="UTF-8"?>\n<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">\n  ${[
      ...staticUrls,
      ...workoutUrls,
    ].join("\n  ")}\n</urlset>`;

    res.set("Content-Type", "application/xml; charset=utf-8");
    res.send(xml);
  } catch (err) {
    console.error("SSR error:", err);
    res.status(500).send("Internal Server Error");
  }
});

// GET /robots.txt
app.get("/robots.txt", (_req: Request, res: Response) => {
  const text = `User-agent: *
Allow: /
Disallow: /auth/
Disallow: /workouts/
Disallow: /preferences/
Disallow: /admin/

Sitemap: ${BASE_URL}/sitemap.xml
`;
  res.set("Content-Type", "text/plain; charset=utf-8");
  res.send(text);
});

// Health check
app.get("/health", (_req: Request, res: Response) => {
  res.json({ status: "ok" });
});

// Catch-all 404 — SEO
app.use((req: Request, res: Response) => {
  if (req.method !== "GET") {
    res.status(404).send("Not Found");
    return;
  }
  const meta: SeoMeta = {
    title: "404 — Страница не найдена — Cycle Rider",
    description:
      "Страница не найдена. Вернитесь на главную страницу Cycle Rider.",
    canonicalUrl: `${BASE_URL}/404`,
  };
  const content = `
    <h1>404 — Страница не найдена</h1>
    <p>Запрашиваемая страница не существует или была перемещена.</p>
    <p><a href="/">Вернуться на главную</a></p>`;
  res
    .status(404)
    .send(renderTemplate({ meta, content, assetTags: getAssetTagsSafe() }));
});

app.listen(PORT, () => {
  console.log(`SSR server listening on :${PORT}`);
});