Function bodies 62 total

function renderDetail() {
  const recipe = getSelectedRecipe();
  editRecipeButtonEl.disabled = !recipe;
  deleteRecipeToolbarButtonEl.disabled = !recipe;
  printRecipeButtonEl.disabled = !recipe;

  if (!recipe) {
    detailContentEl.innerHTML = `
      <div class="empty-state">
        Vyber recept zo zoznamu alebo pridaj novy.<br />
        Nova verzia uz uklada data do databazy a podporuje obrazky.
      </div>
    `;
    return;
  }

  const ingredients = textToList(recipe.ingredients);
  const instructions = textToList(recipe.instructions);
  const ingredientCount = countLines(recipe.ingredients);
  const prepTime = formatPrepTime(recipe.prep_time_minutes);

  detailContentEl.innerHTML = `
    <article class="detail-hero">
      <div class="cover-card">
        <img src="${escapeHtml(getRecipeImage(recipe))}" alt="${escapeHtml(recipe.title)}" onerror="this.onerror=null;this.src='${FALLBACK_IMAGE}'" />
        <div class="cover-chip">Upraveny ${escapeHtml(formatDate(recipe.updated

function escapeHtml(value) {
  return String(value || "")
    .replace(/&/g, "&")
    .replace(/</g, "&lt;")
    .replace(/>/g, "&gt;")
    .replace(/"/g, "&quot;")
    .replace(/'/g, "&#39;");
}

function textToList(value) {
  return String(value || "")
    .split(/\n+/)
    .map((line) => line.trim())
    .filter(Boolean);
}

function countLines(value) {
  return Math.max(textToList(value).length, 0);
}

function firstNonEmptyLine(value) {
  return textToList(value)[0] || "";
}

function formatDate(value) {
  if (!value) return "nedavno";
  const date = new Date(value);
  if (Number.isNaN(date.getTime())) return "nedavno";
  return new Intl.DateTimeFormat("sk-SK", {
    day: "2-digit",
    month: "2-digit",
    year: "numeric"
  }).format(date);
}

function formatPrepTime(value) {
  if (value === null || value === undefined || value === "") return "- min";
  const minutes = Number(value);
  if (!Number.isFinite(minutes) || minutes < 0) return "- min";
  return `${Math.round(minutes)} min`;
}

function normalizePrepTimeInput(value) {
  const trimmed = String(value || "").trim();
  if (!trimmed) return null;
  const parsed = Number.parseInt(trimmed, 10);
  if (!Number.isFinite(parsed) || parsed < 0) return null;
  return parsed;
}

function fileToDataUrl(file) {
  return new Promise((resolve, reject) => {
    const reader = new FileReader();
    reader.onload = () => resolve(String(reader.result || ""));
    reader.onerror = () => reject(new Error("Subor sa nepodarilo nacitat."));
    reader.readAsDataURL(file);
  });
}

function getRecipeImage(recipe) {
  if (!recipe) return FALLBACK_IMAGE;
  return recipe.image_data || recipe.image_url || FALLBACK_IMAGE;
}

function parseIngredientGroups(value) {
  const lines = textToList(value);
  const groups = [];
  let current = { title: "", items: [] };

  for (const line of lines) {
    if (line.endsWith(":")) {
      if (current.title || current.items.length) groups.push(current);
      current = { title: line, items: [] };
      continue;
    }
    current.items.push(line);
  }

  if (current.title || current.items.length) groups.push(current);
  return groups;
}

function renderIngredientContent(value) {
  const groups = parseIngredientGroups(value);
  if (!groups.length) return '<p class="section-intro">Suroviny este nie su doplnene.</p>';

  const hasSections = groups.some((group) => group.title);
  if (!hasSections) {
    return `<ul class="ingredient-list">${groups[0].items.map((line) => `<li>${escapeHtml(line)}</li>`).join("")}</ul>`;
  }

  return `<div class="ingredient-groups">${groups.map((group) => `
    <section>
      ${group.title ? `<p class="ingredient-group-title">${escapeHtml(group.title)}</p>` : ""}
      ${group.items.length ? `<ul class="ingredient-list">${group.items.map((line) => `<li>${escapeHtml(line)}</li>`).join("")}</ul>` : ""}
    </section>
  `).join("")}</div>`;
}