banyaro/backend/main.py

"""
BAN YARO — FastAPI Hauptanwendung
"""

import os
import html
import logging
from collections import deque
from fastapi import FastAPI, Request
from fastapi.staticfiles import StaticFiles
from fastapi.responses import FileResponse, JSONResponse
from starlette.middleware.base import BaseHTTPMiddleware
from contextlib import asynccontextmanager

from database import init_db
import ki
import scheduler as sched

# In-Memory Log-Buffer (letzte 500 Zeilen)
log_buffer: deque = deque(maxlen=500)

class _BufferHandler(logging.Handler):
    _fmt = logging.Formatter()

    def emit(self, record):
        log_buffer.append({
            't': self._fmt.formatTime(record, '%H:%M:%S'),
            'l': record.levelname,
            'm': record.getMessage(),
            'n': record.name,
        })

logging.basicConfig(
    level   = logging.INFO,
    format  = "%(asctime)s [%(levelname)s] %(name)s: %(message)s",
)
logging.getLogger().addHandler(_BufferHandler())
logger = logging.getLogger(__name__)


# ------------------------------------------------------------------
# Startup / Shutdown
# ------------------------------------------------------------------
@asynccontextmanager
async def lifespan(app: FastAPI):
    logger.info("Ban Yaro startet...")
    init_db()
    logger.info(f"KI-Modus: {ki.KI_MODE}")
    sched.start()
    yield
    sched.stop()
    logger.info("Ban Yaro beendet.")


# ------------------------------------------------------------------
# App
# ------------------------------------------------------------------
app = FastAPI(
    title       = "Ban Yaro API",
    version     = "0.1.0",
    lifespan    = lifespan,
    docs_url    = "/api/docs" if os.getenv("ENV") != "production" else None,
    redoc_url   = None,
)

# Globales File-Upload-Limit (20 MB)
_MAX_UPLOAD_BYTES = 20 * 1024 * 1024

class _UploadSizeMiddleware(BaseHTTPMiddleware):
    async def dispatch(self, request: Request, call_next):
        if request.method in ("POST", "PUT", "PATCH"):
            cl = request.headers.get("content-length")
            if cl and int(cl) > _MAX_UPLOAD_BYTES:
                return JSONResponse(
                    status_code=413,
                    content={"detail": f"Datei zu groß (max. {_MAX_UPLOAD_BYTES // 1024 // 1024} MB)."}
                )
        return await call_next(request)

app.add_middleware(_UploadSizeMiddleware)


class _CacheControlMiddleware(BaseHTTPMiddleware):
    """Setzt Cache-Control-Header für statische Assets.
    CSS/JS: no-cache (ETag-Validierung) — iOS cached sonst ewig ohne Ablaufdatum.
    Versioned Assets (?v=…): immutable — URL ändert sich bei Updates.
    """
    async def dispatch(self, request: Request, call_next):
        response = await call_next(request)
        path = request.url.path
        if path.startswith(("/css/", "/js/", "/icons/phosphor.svg")):
            if "v=" in str(request.url.query):
                response.headers["Cache-Control"] = "public, max-age=31536000, immutable"
            else:
                response.headers["Cache-Control"] = "no-cache, must-revalidate"
        return response

app.add_middleware(_CacheControlMiddleware)


# ------------------------------------------------------------------
# API-Router registrieren (werden nach und nach hinzugefügt)
# ------------------------------------------------------------------
from routes.auth       import router as auth_router
from routes.dogs       import router as dogs_router
from routes.diary      import router as diary_router
from routes.health     import router as health_router
from routes.poison     import router as poison_router
from routes.push       import router as push_router
from routes.ki         import router as ki_router
from routes.tieraerzte import router as tieraerzte_router
from routes.places     import router as places_router
from routes.routen     import router as routen_router
from routes.walks      import router as walks_router
from routes.events     import router as events_router
from routes.sitting    import router as sitting_router
from routes.osm        import router as osm_router
from routes.forum      import router as forum_router
from routes.lost       import router as lost_router
from routes.knigge     import router as knigge_router
from routes.wiki       import router as wiki_router
from routes.movies     import router as movies_router
from routes.friends    import router as friends_router
from routes.chat       import router as chat_router
from routes.admin       import router as admin_router
from routes.webcal      import router as webcal_router
from routes.profile     import router as profile_router
from routes.import_data import router as import_router
from routes.sharing    import dog_router as sharing_dog_router, share_router as sharing_share_router
from routes.widget         import router as widget_router
from routes.notifications  import router as notifications_router
from routes.alerts         import router as alerts_router
from routes.services       import router as services_router
from routes.ratings        import router as ratings_router
from routes.sitting_access import router as sitting_access_router
from routes.stats          import router as stats_router
from routes.achievements   import router as achievements_router
from routes.training       import router as training_router
from routes.praise         import router as praise_router
from routes.weather        import router as weather_router
from routes.social         import router as social_router
from routes.moderation     import router as moderation_router
from routes.notes          import router as notes_router

app.include_router(auth_router,       prefix="/api/auth",       tags=["Auth"])
app.include_router(dogs_router,       prefix="/api/dogs",       tags=["Hunde"])
app.include_router(diary_router,      prefix="/api/dogs",       tags=["Tagebuch"])
app.include_router(health_router,     prefix="/api/dogs",       tags=["Gesundheit"])
app.include_router(poison_router,     prefix="/api/poison",     tags=["Giftköder"])
app.include_router(push_router,       prefix="/api/push",       tags=["Push"])
app.include_router(ki_router,         prefix="/api/ki",         tags=["KI"])
app.include_router(tieraerzte_router, prefix="/api/tieraerzte", tags=["Tierärzte"])
app.include_router(places_router,     prefix="/api/places",     tags=["Orte"])
app.include_router(routen_router,     prefix="/api/routes",     tags=["Routen"])
app.include_router(walks_router,      prefix="/api/walks",      tags=["Gassi-Treffen"])
app.include_router(events_router,     prefix="/api/events",     tags=["Events"])
app.include_router(sitting_router,    prefix="/api/sitting",    tags=["Sitting"])
app.include_router(osm_router,        prefix="/api/osm",        tags=["OSM"])
app.include_router(weather_router,    prefix="/api/weather",    tags=["Wetter"])
app.include_router(social_router,     prefix="/api/social",     tags=["Social"])
app.include_router(forum_router,      prefix="/api/forum",      tags=["Forum"])
app.include_router(lost_router,       prefix="/api/lost",       tags=["Verlorener Hund"])
app.include_router(knigge_router,     prefix="/api/knigge",     tags=["Knigge"])
app.include_router(wiki_router,       prefix="/api/wiki",       tags=["Wiki"])
app.include_router(movies_router,     prefix="/api/movies",     tags=["Filme"])
app.include_router(friends_router,    prefix="/api/friends",    tags=["Freunde"])
app.include_router(chat_router,       prefix="/api/chat",       tags=["Chat"])
app.include_router(admin_router,      prefix="/api/admin",      tags=["Admin"])
app.include_router(webcal_router,     prefix="/api/webcal",     tags=["WebCal"])
app.include_router(profile_router,    prefix="/api/profile",    tags=["Profil"])
app.include_router(import_router,          prefix="/api/import",  tags=["Import"])
app.include_router(sharing_dog_router,     prefix="/api/dogs",    tags=["Teilen"])
app.include_router(sharing_share_router,   prefix="/api/share",   tags=["Teilen"])
app.include_router(widget_router,          prefix="/api/widget",  tags=["Widget"])
app.include_router(notifications_router,   prefix="/api/notifications", tags=["Notifications"])
app.include_router(alerts_router,          prefix="/api/alerts",        tags=["Alerts"])
app.include_router(services_router,        prefix="/api/services",      tags=["Services"])
app.include_router(ratings_router,         prefix="/api/ratings",       tags=["Ratings"])
app.include_router(sitting_access_router,  prefix="/api/sitting-access", tags=["SittingAccess"])
app.include_router(stats_router,           prefix="/api/stats",           tags=["Stats"])
app.include_router(achievements_router,    prefix="/api/achievements",     tags=["Achievements"])
app.include_router(training_router,        prefix="/api/training",         tags=["Training"])
app.include_router(praise_router,          prefix="/api/praise",            tags=["Praise"])
app.include_router(moderation_router,      prefix="/api/moderation",         tags=["Moderation"])
app.include_router(notes_router,           prefix="/api/notes",               tags=["Notes"])


# ------------------------------------------------------------------
# Fehlerbehandlung — einheitliches JSON-Format
# ------------------------------------------------------------------
@app.exception_handler(Exception)
async def global_exception_handler(request: Request, exc: Exception):
    logger.error(f"Unbehandelter Fehler: {exc}", exc_info=True)
    return JSONResponse(
        status_code=500,
        content={"detail": "Interner Serverfehler."}
    )


# ------------------------------------------------------------------
# Statische Dateien + SPA-Fallback
# ------------------------------------------------------------------
STATIC_DIR = os.path.join(os.path.dirname(__file__), "static")

app.mount("/css",   StaticFiles(directory=f"{STATIC_DIR}/css"),   name="css")
app.mount("/js",    StaticFiles(directory=f"{STATIC_DIR}/js"),     name="js")
app.mount("/icons", StaticFiles(directory=f"{STATIC_DIR}/icons"),  name="icons")

# User-generierte Medien (Fotos aus Tagebuch, Giftköder-Alarm, etc.)
MEDIA_DIR = os.getenv("MEDIA_DIR", "/data/media")
os.makedirs(MEDIA_DIR, exist_ok=True)
app.mount("/media", StaticFiles(directory=MEDIA_DIR), name="media")

@app.get("/robots.txt")
async def robots():
    return FileResponse(f"{STATIC_DIR}/robots.txt", media_type="text/plain")

@app.get("/llms.txt")
async def llms():
    return FileResponse(f"{STATIC_DIR}/llms.txt", media_type="text/plain")

@app.get("/sitemap.xml")
async def sitemap():
    from fastapi.responses import Response
    from database import db as _db
    from datetime import date

    today = date.today().isoformat()
    urls = [
        ("https://banyaro.app/", "weekly", "1.0"),
        ("https://banyaro.app/info", "monthly", "0.9"),
        ("https://banyaro.app/wiki/rassen", "weekly", "0.8"),
        ("https://banyaro.app/knigge", "monthly", "0.8"),
    ]

    try:
        with _db() as conn:
            rassen = conn.execute(
                "SELECT slug FROM wiki_rassen WHERE slug IS NOT NULL AND slug != '' LIMIT 500"
            ).fetchall()
            if rassen:
                urls.append(("https://banyaro.app/wiki/rassen", "weekly", "0.8"))
            for r in rassen:
                urls.append((f"https://banyaro.app/wiki/rasse/{r['slug']}", "monthly", "0.7"))

            events = conn.execute(
                "SELECT id FROM events WHERE datum >= date('now') LIMIT 200"
            ).fetchall()
            for e in events:
                urls.append((f"https://banyaro.app/api/events/{e['id']}", "weekly", "0.5"))
    except Exception:
        pass

    entries = "\n".join(
        f"""  <url>
    <loc>{loc}</loc>
    <lastmod>{today}</lastmod>
    <changefreq>{freq}</changefreq>
    <priority>{prio}</priority>
  </url>"""
        for loc, freq, prio in urls
    )

    xml = f"""<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
{entries}
</urlset>"""
    return Response(content=xml, media_type="application/xml")

@app.get("/info")
async def info_page():
    return FileResponse(f"{STATIC_DIR}/landing.html", headers={"Cache-Control": "max-age=3600"})


# ------------------------------------------------------------------
# SEO: Server-gerenderete Wiki-Rassen-Übersicht  /wiki/rassen
# ------------------------------------------------------------------
@app.get("/wiki/rassen")
async def wiki_rassen_page():
    from fastapi.responses import HTMLResponse
    from database import db as _db

    with _db() as conn:
        rows = conn.execute(
            """SELECT name, slug, gruppe, groesse, aktivitaet, foto_url, kinder_geeignet, wohnung_geeignet
               FROM wiki_rassen WHERE slug IS NOT NULL
               ORDER BY name ASC"""
        ).fetchall()

    rassen = [dict(r) for r in rows]
    total  = len(rassen)

    groessen_map  = {"klein": "Klein", "mittel": "Mittel", "gross": "Groß", "sehr_gross": "Sehr groß"}
    aktivitaet_map = {"niedrig": "Niedrig", "mittel": "Mittel", "hoch": "Hoch", "sehr_hoch": "Sehr hoch"}

    cards = ""
    for r in rassen:
        foto   = r["foto_url"] or ""
        img    = f'<img src="{foto}" alt="{r["name"]}" loading="lazy">' if foto else '<div class="breed-placeholder">🐕</div>'
        groesse = groessen_map.get(r.get("groesse") or "", r.get("groesse") or "")
        kinder = "✓ Kinder" if r.get("kinder_geeignet") else ""
        wohnung = "✓ Wohnung" if r.get("wohnung_geeignet") else ""
        tags = " ".join(f'<span class="tag">{t}</span>' for t in [groesse, kinder, wohnung] if t)
        cards += f"""<a href="/wiki/rasse/{r['slug']}" class="breed-card">
  {img}
  <div class="breed-info">
    <h2>{r['name']}</h2>
    <p class="gruppe">{r.get('gruppe') or ''}</p>
    <div class="tags">{tags}</div>
  </div>
</a>\n"""

    html = f"""<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Hunderassen-Wiki — {total} Rassen im Überblick | Ban Yaro</title>
  <meta name="description" content="Alle {total} Hunderassen im Überblick: Charakter, Größe, Aktivität, Eignung für Familien und Wohnungen. Das Hunderassen-Wiki von Ban Yaro.">
  <meta name="robots" content="index, follow">
  <link rel="canonical" href="https://banyaro.app/wiki/rassen">
  <meta property="og:title" content="Hunderassen-Wiki — {total} Rassen | Ban Yaro">
  <meta property="og:description" content="Alle {total} Hunderassen im Überblick: Charakter, Größe, Aktivität, Eignung für Familien und Wohnungen.">
  <meta property="og:url" content="https://banyaro.app/wiki/rassen">
  <meta property="og:image" content="https://banyaro.app/icons/icon-512.png">
  <meta property="og:locale" content="de_DE">
  <script type="application/ld+json">
  {{"@context":"https://schema.org","@type":"CollectionPage","name":"Hunderassen-Wiki","description":"Übersicht über {total} Hunderassen mit Charakter, Größe, Aktivität und Eignungsprofil.","url":"https://banyaro.app/wiki/rassen","publisher":{{"@type":"Organization","name":"Ban Yaro","url":"https://banyaro.app"}}}}
  </script>
  <style>
    *,*::before,*::after{{box-sizing:border-box;margin:0;padding:0}}
    body{{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:#FAF7F2;color:#1a1a1a}}
    header{{background:linear-gradient(135deg,#C4843A,#e8a857);color:#fff;padding:2rem 1.5rem;text-align:center}}
    header h1{{font-size:clamp(1.4rem,4vw,2rem);font-weight:700;margin-bottom:.4rem}}
    header p{{opacity:.9;font-size:.95rem}}
    nav{{background:#fff;border-bottom:1px solid #e8ddd0;padding:.6rem 1.5rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}}
    nav a{{color:#555;text-decoration:none;font-size:.9rem;font-weight:500}}
    nav a:hover{{color:#C4843A}}
    nav .brand{{font-weight:800;margin-right:auto;color:#C4843A}}
    .container{{max-width:1100px;margin:0 auto;padding:2rem 1.5rem}}
    .grid{{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem}}
    .breed-card{{background:#fff;border:1px solid #e8ddd0;border-radius:12px;overflow:hidden;text-decoration:none;color:#1a1a1a;transition:box-shadow .15s,transform .15s;display:flex;flex-direction:column}}
    .breed-card:hover{{box-shadow:0 4px 20px rgba(0,0,0,.1);transform:translateY(-2px)}}
    .breed-card img{{width:100%;height:140px;object-fit:cover}}
    .breed-placeholder{{width:100%;height:140px;background:#f0e8dc;display:flex;align-items:center;justify-content:center;font-size:3rem}}
    .breed-info{{padding:.85rem 1rem;flex:1}}
    .breed-info h2{{font-size:.95rem;font-weight:700;margin-bottom:.2rem}}
    .gruppe{{font-size:.78rem;color:#888;margin-bottom:.4rem}}
    .tags{{display:flex;flex-wrap:wrap;gap:.3rem}}
    .tag{{background:#f5e6d3;color:#a86e2e;font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:999px}}
    footer{{background:#1a1a1a;color:#aaa;text-align:center;padding:1.5rem;font-size:.82rem;margin-top:3rem}}
    footer a{{color:#C4843A}}
  </style>
</head>
<body>
<header>
  <h1>Hunderassen-Wiki</h1>
  <p>{total} Rassen — Charakter, Eignung, Pflege auf einen Blick</p>
</header>
<nav>
  <span class="brand">Ban Yaro</span>
  <a href="/info">Über die App</a>
  <a href="/knigge">Knigge</a>
  <a href="/" style="background:#C4843A;color:#fff;padding:.35rem 1rem;border-radius:999px;font-weight:700">App öffnen</a>
</nav>
<div class="container">
  <div class="grid">
{cards}
  </div>
</div>
<footer>
  <strong style="color:#fff">Ban Yaro</strong> — Die Hunde-Plattform · <a href="https://banyaro.app">banyaro.app</a>
</footer>
</body>
</html>"""
    return HTMLResponse(content=html, headers={"Cache-Control": "max-age=3600"})


# ------------------------------------------------------------------
# SEO: Server-gerenderete Wiki-Rassen-Detailseite  /wiki/rasse/{slug}
# ------------------------------------------------------------------
@app.get("/wiki/rasse/{slug}")
async def wiki_rasse_page(slug: str):
    from fastapi.responses import HTMLResponse
    from database import db as _db

    def esc(s):
        if not s: return ""
        return str(s).replace("&","&amp;").replace("<","&lt;").replace(">","&gt;").replace('"',"&quot;")

    with _db() as conn:
        rasse = conn.execute("SELECT * FROM wiki_rassen WHERE slug=?", (slug,)).fetchone()
        if not rasse:
            return HTMLResponse("<html><body><h1>Rasse nicht gefunden</h1><a href='/wiki/rassen'>Alle Rassen</a></body></html>", status_code=404)

        berichte = conn.execute(
            """SELECT wb.titel, wb.text, wb.created_at, u.name AS autor
               FROM wiki_berichte wb JOIN users u ON u.id=wb.user_id
               WHERE wb.rasse=? ORDER BY wb.created_at DESC LIMIT 20""",
            (slug,)
        ).fetchall()

        r = dict(rasse)

        try:
            dogs_count = conn.execute(
                "SELECT COUNT(DISTINCT d.user_id) FROM dogs d WHERE LOWER(d.rasse) LIKE ?",
                (f"%{r.get('name','').lower()}%",)
            ).fetchone()[0]
        except Exception:
            dogs_count = 0

        try:
            zuchter_count = conn.execute(
                "SELECT COUNT(*) FROM wiki_zuchter WHERE rasse_slug=? AND verified=1",
                (slug,)
            ).fetchone()[0]
        except Exception:
            zuchter_count = 0

    berichte = [dict(b) for b in berichte]
    berichte_count = len(berichte)

    groessen_map   = {"klein":"Klein","mittel":"Mittel","gross":"Groß","sehr_gross":"Sehr groß"}
    aktivitaet_map = {"niedrig":"Niedrig","mittel":"Mittel","hoch":"Hoch","sehr_hoch":"Sehr hoch"}
    erfahrung_map  = {"anfaenger":"Anfänger geeignet","fortgeschritten":"Für Erfahrene","experte":"Nur für Experten"}

    groesse    = groessen_map.get(r.get("groesse") or "", r.get("groesse") or "–")
    aktivitaet = aktivitaet_map.get(r.get("aktivitaet") or "", r.get("aktivitaet") or "–")
    erfahrung  = erfahrung_map.get(r.get("erfahrung") or "", r.get("erfahrung") or "–")
    kinder     = "Ja" if r.get("kinder_geeignet") else "Bedingt"
    wohnung    = "Ja" if r.get("wohnung_geeignet") else "Besser Haus mit Garten"

    gewicht = ""
    if r.get("gewicht_min_kg") and r.get("gewicht_max_kg"):
        gewicht = f"{r['gewicht_min_kg']}–{r['gewicht_max_kg']} kg"
    elif r.get("gewicht_max_kg"):
        gewicht = f"bis {r['gewicht_max_kg']} kg"

    foto_html = f'<img src="{esc(r["foto_url"])}" alt="{esc(r["name"])}" class="breed-photo">' if r.get("foto_url") else '<div class="breed-photo-placeholder">🐕</div>'

    facts = [
        ("Gruppe / FCI", esc(r.get("gruppe") or "")),
        ("Herkunft", esc(r.get("herkunft") or "")),
        ("Größe", groesse),
        ("Gewicht", gewicht),
        ("Lebensdauer", esc(r.get("lebensdauer") or "")),
        ("Aktivitätslevel", aktivitaet),
        ("Für Anfänger", erfahrung),
        ("Kinder geeignet", kinder),
        ("Wohnungsgeeignet", wohnung),
        ("Ursprüngliche Aufgabe", esc(r.get("bred_for") or "")),
    ]
    facts_html = "".join(
        f'<div class="fact-row"><span class="fact-label">{label}</span><span class="fact-value">{val}</span></div>'
        for label, val in facts if val
    )

    temperament_html = ""
    if r.get("temperament"):
        tags = [t.strip() for t in str(r["temperament"]).split(",") if t.strip()]
        temperament_html = (
            '<div style="display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem">'
            + "".join(
                f'<span style="background:#f5e6d3;color:#a86e2e;padding:.2rem .7rem;border-radius:999px;font-size:.8rem">{esc(t)}</span>'
                for t in tags
            )
            + '</div>'
        )

    berichte_html = ""
    if berichte:
        for b in berichte:
            datum = b.get("created_at","")[:10] if b.get("created_at") else ""
            berichte_html += f"""<div class="bericht">
  <div class="bericht-meta">{esc(b.get('autor',''))} · {datum}</div>
  <h3 class="bericht-titel">{esc(b.get('titel',''))}</h3>
  <p class="bericht-text">{esc(b.get('text',''))}</p>
</div>"""

    beschreibung_html = ""
    if r.get("beschreibung"):
        beschreibung_html = (
            '<section>'
            '<h2>Charakter &amp; Wesen</h2>'
            f'<p style="font-size:.95rem;color:#444;line-height:1.7">{esc(r["beschreibung"])}</p>'
            '</section>'
        )

    vorkommen_html = ""
    if r.get("vorkommen_de"):
        vorkommen_html = (
            '<section>'
            '<h2>Vorkommen in Deutschland</h2>'
            f'<p style="font-size:.9rem;color:#555;line-height:1.65">{esc(r["vorkommen_de"])}</p>'
            '</section>'
        )

    stats_html = (
        '<div style="display:flex;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.5rem;font-size:.85rem;color:#888">'
        f'<span>&#x1F415; {dogs_count} Nutzer haben diesen Hund</span>'
        f'<span>&#x1F3C6; {zuchter_count} Z&uuml;chter eingetragen</span>'
        f'<span>&#x1F4AC; {berichte_count} Community-Berichte</span>'
        '</div>'
    )

    name     = esc(r.get("name",""))
    gruppe   = esc(r.get("gruppe") or "")
    herkunft = esc(r.get("herkunft") or "")
    temp_str = esc(r.get("temperament") or "")
    beschr_str = esc(r.get("beschreibung") or "")
    if beschr_str:
        desc = f"{name} — {beschr_str[:160]}".strip().rstrip(".")
    else:
        desc = f"{name} — Hunderasse aus {herkunft}. Größe: {groesse}. Aktivität: {aktivitaet}. {temp_str[:120] if temp_str else ''}".strip().rstrip(".")
    json_ld  = f"""{{
    "@context":"https://schema.org",
    "@type":"Article",
    "headline":"{name} — Rasse-Profil",
    "description":"{desc}",
    "url":"https://banyaro.app/wiki/rasse/{slug}",
    "inLanguage":"de",
    "publisher":{{"@type":"Organization","name":"Ban Yaro","url":"https://banyaro.app"}},
    "mainEntityOfPage":{{"@type":"WebPage","@id":"https://banyaro.app/wiki/rasse/{slug}"}}
  }}"""

    html = f"""<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>{name} — Hunderasse Profil | Ban Yaro Wiki</title>
  <meta name="description" content="{desc[:160]}">
  <meta name="robots" content="index, follow">
  <link rel="canonical" href="https://banyaro.app/wiki/rasse/{slug}">
  <meta property="og:type" content="article">
  <meta property="og:title" content="{name} — Hunderasse | Ban Yaro">
  <meta property="og:description" content="{desc[:200]}">
  <meta property="og:url" content="https://banyaro.app/wiki/rasse/{slug}">
  <meta property="og:image" content="{esc(r.get('foto_url') or 'https://banyaro.app/icons/icon-512.png')}">
  <meta property="og:locale" content="de_DE">
  <meta property="og:site_name" content="Ban Yaro">
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="{name} — Hunderasse | Ban Yaro">
  <meta name="twitter:description" content="{desc[:200]}">
  <meta name="twitter:image" content="{esc(r.get('foto_url') or 'https://banyaro.app/icons/icon-512.png')}">
  <script type="application/ld+json">{json_ld}</script>
  <script type="application/ld+json">
  {{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[
    {{"@type":"ListItem","position":1,"name":"Ban Yaro","item":"https://banyaro.app"}},
    {{"@type":"ListItem","position":2,"name":"Hunderassen-Wiki","item":"https://banyaro.app/wiki/rassen"}},
    {{"@type":"ListItem","position":3,"name":"{name}","item":"https://banyaro.app/wiki/rasse/{slug}"}}
  ]}}
  </script>
  <style>
    *,*::before,*::after{{box-sizing:border-box;margin:0;padding:0}}
    body{{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:#FAF7F2;color:#1a1a1a;line-height:1.6}}
    a{{color:#C4843A;text-decoration:none}}
    a:hover{{text-decoration:underline}}
    nav{{background:#fff;border-bottom:1px solid #e8ddd0;padding:.7rem 1.5rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap;position:sticky;top:0;z-index:10}}
    nav .brand{{font-weight:800;color:#C4843A;margin-right:auto}}
    nav a{{font-size:.9rem;font-weight:500;color:#555}}
    nav a:hover{{color:#C4843A;text-decoration:none}}
    .container{{max-width:860px;margin:0 auto;padding:2rem 1.5rem}}
    .hero{{display:flex;gap:2rem;align-items:flex-start;margin-bottom:2.5rem;flex-wrap:wrap}}
    .breed-photo{{width:200px;height:200px;border-radius:16px;object-fit:cover;border:3px solid #e8ddd0;flex-shrink:0}}
    .breed-photo-placeholder{{width:200px;height:200px;border-radius:16px;background:#f0e8dc;display:flex;align-items:center;justify-content:center;font-size:5rem;flex-shrink:0}}
    .hero-info h1{{font-size:clamp(1.5rem,4vw,2.2rem);font-weight:800;margin-bottom:.3rem}}
    .hero-info .gruppe{{color:#888;font-size:.95rem;margin-bottom:1rem}}
    .temp-tags{{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}}
    .temp-tag{{background:#f5e6d3;color:#a86e2e;font-size:.8rem;font-weight:600;padding:.25rem .7rem;border-radius:999px}}
    .cta{{display:inline-block;background:#C4843A;color:#fff;font-weight:700;padding:.65rem 1.5rem;border-radius:999px;font-size:.9rem;margin-top:.75rem}}
    .cta:hover{{background:#a86e2e;text-decoration:none}}
    section{{margin-bottom:2.5rem}}
    h2{{font-size:1.15rem;font-weight:700;color:#C4843A;margin-bottom:1rem;padding-bottom:.4rem;border-bottom:2px solid #f0e8dc;text-transform:uppercase;letter-spacing:.04em;font-size:.85rem}}
    .facts{{background:#fff;border:1px solid #e8ddd0;border-radius:12px;overflow:hidden}}
    .fact-row{{display:flex;padding:.7rem 1.25rem;border-bottom:1px solid #f5f0eb}}
    .fact-row:last-child{{border-bottom:none}}
    .fact-label{{width:180px;font-size:.85rem;color:#888;font-weight:500;flex-shrink:0}}
    .fact-value{{font-size:.9rem;font-weight:600;color:#1a1a1a}}
    .bericht{{background:#fff;border:1px solid #e8ddd0;border-radius:12px;padding:1.25rem;margin-bottom:1rem}}
    .bericht-meta{{font-size:.78rem;color:#aaa;margin-bottom:.35rem}}
    .bericht-titel{{font-size:1rem;font-weight:700;margin-bottom:.4rem}}
    .bericht-text{{font-size:.9rem;color:#444;line-height:1.6}}
    .breadcrumb{{font-size:.82rem;color:#aaa;margin-bottom:1.5rem}}
    .breadcrumb a{{color:#C4843A}}
    footer{{background:#1a1a1a;color:#aaa;text-align:center;padding:1.5rem;font-size:.82rem;margin-top:3rem}}
    footer a{{color:#C4843A}}
    @media(max-width:500px){{.breed-photo,.breed-photo-placeholder{{width:140px;height:140px;font-size:3.5rem}}.fact-label{{width:140px}}}}
  </style>
</head>
<body>
<nav>
  <span class="brand">Ban Yaro</span>
  <a href="/wiki/rassen">Alle Rassen</a>
  <a href="/knigge">Knigge</a>
  <a href="/info">Über die App</a>
  <a href="/" class="cta" style="padding:.35rem 1rem;font-size:.82rem">App öffnen</a>
</nav>
<div class="container">
  <div class="breadcrumb">
    <a href="/wiki/rassen">Hunderassen-Wiki</a> › {name}
  </div>

  <div class="hero">
    {foto_html}
    <div class="hero-info">
      <h1>{name}</h1>
      {'<p class="gruppe">' + gruppe + '</p>' if gruppe else ''}
      {temperament_html}
      <a href="/" class="cta">In der App öffnen</a>
    </div>
  </div>

  {beschreibung_html}

  {vorkommen_html}

  <section>
    <h2>Steckbrief</h2>
    <div class="facts">{facts_html}</div>
  </section>

  {stats_html}

  {'<section><h2>Erfahrungsberichte der Community (' + str(berichte_count) + ')</h2>' + berichte_html + '</section>' if berichte else ''}

  <section>
    <h2>In der App</h2>
    <p style="font-size:.9rem;color:#555;margin-bottom:.75rem">
      Ban Yaro ist die kostenlose Hunde-App für Deutschland, Österreich und die Schweiz.
      Tagebuch, Impfpass, Giftköder-Alarm, Gassi-Community und mehr — DSGVO-konform, ohne App Store.
    </p>
    <a href="/" class="cta">Kostenlos starten</a>
  </section>
</div>
<footer>
  <strong style="color:#fff">Ban Yaro</strong> — Hunderassen-Wiki ·
  <a href="/wiki/rassen">Alle Rassen</a> ·
  <a href="https://banyaro.app">banyaro.app</a>
</footer>
</body>
</html>"""
    return HTMLResponse(content=html, headers={"Cache-Control": "max-age=3600"})


@app.get("/favicon.ico")
async def favicon():
    return FileResponse(f"{STATIC_DIR}/icons/favicon.ico")

@app.get("/manifest.json")
async def manifest():
    return FileResponse(f"{STATIC_DIR}/manifest.json")

@app.get("/sw.js")
async def service_worker():
    return FileResponse(
        f"{STATIC_DIR}/sw.js",
        headers={"Cache-Control": "no-cache, no-store, must-revalidate"}
    )

# Web Share Target
@app.post("/share")
async def share_target(request: Request):
    # Empfängt geteilte Inhalte vom Handy (Fotos, Links, Text)
    # Weiterleitung zur App mit den Daten
    return FileResponse(
        f"{STATIC_DIR}/index.html",
        headers={"Cache-Control": "no-cache"}
    )

# Öffentliche Hunde-Profilseite (für NFC-Tags, kein Login nötig)
@app.get("/hund/{dog_id}")
async def public_dog_page(dog_id: int):
    from database import db as _db
    _og_name = "Hunde-Profil"
    _og_desc = "Hunde-Profil auf Ban Yaro — der deutschen Hunde-Plattform"
    _og_img  = "https://banyaro.app/icons/icon-512.png"
    try:
        with _db() as conn:
            _dog = conn.execute(
                "SELECT name, rasse, foto_url, bio FROM dogs WHERE id=? AND is_public=1",
                (dog_id,)
            ).fetchone()
        if _dog:
            _og_name = _dog["name"]
            _rasse   = f" · {_dog['rasse']}" if _dog.get("rasse") else ""
            _og_desc = f"{_dog['name']}{_rasse} — Profil auf Ban Yaro"
            if _dog.get("bio"):
                _og_desc = f"{_dog['name']}{_rasse}: {str(_dog['bio'])[:120]}"
            if _dog.get("foto_url"):
                _og_img = f"https://banyaro.app{_dog['foto_url']}"
    except Exception:
        pass

    _s = html.escape  # XSS-Schutz für OG-Meta-Tags
    _html = f"""<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>{_s(_og_name)} — Ban Yaro</title>
  <meta name="description" content="{_s(_og_desc)}">
  <meta name="robots" content="noindex">
  <meta property="og:type" content="profile">
  <meta property="og:title" content="{_s(_og_name)} — Ban Yaro">
  <meta property="og:description" content="{_s(_og_desc)}">
  <meta property="og:url" content="https://banyaro.app/hund/{dog_id}">
  <meta property="og:image" content="{_s(_og_img)}">
  <meta property="og:locale" content="de_DE">
  <meta property="og:site_name" content="Ban Yaro">
  <meta name="twitter:card" content="summary">
  <meta name="twitter:title" content="{_s(_og_name)} — Ban Yaro">
  <meta name="twitter:image" content="{_s(_og_img)}">
  <link rel="stylesheet" href="/css/design-system.css">
  <link rel="stylesheet" href="/css/components.css">
  <style>
    * {{ box-sizing: border-box; margin: 0; padding: 0; }}
    body {{
      font-family: var(--font-sans);
      background: var(--c-bg);
      color: var(--c-text);
      min-height: 100dvh;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: var(--space-6) var(--space-4);
    }}
    .profile-card {{
      background: var(--c-surface);
      border-radius: var(--radius-xl);
      box-shadow: var(--shadow-lg);
      max-width: 440px;
      width: 100%;
      padding: var(--space-8) var(--space-6);
      text-align: center;
    }}
    .dog-photo {{
      width: 140px;
      height: 140px;
      border-radius: 50%;
      object-fit: cover;
      border: 4px solid var(--c-primary);
      margin-bottom: var(--space-4);
    }}
    .dog-photo-placeholder {{
      width: 140px;
      height: 140px;
      border-radius: 50%;
      background: var(--c-surface-2);
      border: 4px solid var(--c-border);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 4rem;
      margin: 0 auto var(--space-4);
    }}
    .dog-name {{
      font-size: var(--text-2xl);
      font-weight: var(--weight-bold);
      color: var(--c-text);
      margin-bottom: var(--space-1);
    }}
    .dog-rasse {{
      font-size: var(--text-base);
      color: var(--c-text-secondary);
      margin-bottom: var(--space-5);
    }}
    .info-row {{
      display: flex;
      justify-content: center;
      gap: var(--space-4);
      flex-wrap: wrap;
      margin-bottom: var(--space-5);
    }}
    .info-pill {{
      background: var(--c-primary-subtle);
      border-radius: var(--radius-full);
      padding: var(--space-2) var(--space-4);
      font-size: var(--text-sm);
      color: var(--c-primary-dark);
      font-weight: var(--weight-medium);
    }}
    .dog-bio {{
      background: var(--c-surface-2);
      border-radius: var(--radius-md);
      padding: var(--space-4);
      font-style: italic;
      color: var(--c-text-secondary);
      line-height: var(--leading-relaxed);
      margin-bottom: var(--space-5);
      text-align: left;
    }}
    .besitzer {{
      font-size: var(--text-sm);
      color: var(--c-text-muted);
      margin-bottom: var(--space-6);
    }}
    .found-section {{
      border-top: 1px solid var(--c-border-light);
      padding-top: var(--space-6);
    }}
    .found-hint {{
      font-size: var(--text-sm);
      color: var(--c-text-secondary);
      margin-bottom: var(--space-4);
    }}
    .found-fields {{
      display: flex;
      flex-direction: column;
      gap: var(--space-3);
      margin-bottom: var(--space-4);
    }}
    .found-input {{
      width: 100%;
      padding: var(--space-3) var(--space-4);
      border: 1.5px solid var(--c-border);
      border-radius: var(--radius-md);
      font-size: var(--text-base);
      font-family: var(--font-sans);
      background: var(--c-surface);
      color: var(--c-text);
      outline: none;
      transition: border-color var(--transition-fast);
    }}
    .found-input:focus {{
      border-color: var(--c-primary);
    }}
    .found-btn {{
      width: 100%;
    }}
    .success-msg {{
      background: var(--c-success-subtle);
      color: var(--c-success);
      border-radius: var(--radius-md);
      padding: var(--space-4);
      font-weight: var(--weight-medium);
      display: none;
    }}
    .error-msg {{
      background: var(--c-danger-subtle);
      color: var(--c-danger);
      border-radius: var(--radius-md);
      padding: var(--space-3);
      font-size: var(--text-sm);
      display: none;
    }}
    .loading {{
      color: var(--c-text-muted);
      padding: var(--space-12) 0;
      font-size: var(--text-lg);
    }}
    .not-found {{
      text-align: center;
      color: var(--c-text-secondary);
      padding: var(--space-12) var(--space-4);
    }}
    .not-found .icon {{ font-size: 4rem; margin-bottom: var(--space-4); display: block; }}
    .app-logo {{
      font-size: var(--text-sm);
      color: var(--c-text-muted);
      margin-top: var(--space-8);
    }}
    .app-logo a {{
      color: var(--c-primary);
      text-decoration: none;
      font-weight: var(--weight-medium);
    }}
  </style>
</head>
<body>
  <div class="profile-card" id="profile-card">
    <div class="loading">Lade Profil…</div>
  </div>
  <p class="app-logo">powered by <a href="/">BAN YARO</a></p>

  <script>
    const DOG_ID = {dog_id};

    function esc(s) {{
      if (!s) return '';
      return s.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;');
    }}

    function calcAlter(geburtstag) {{
      const born = new Date(geburtstag + 'T00:00:00');
      const tage = Math.floor((Date.now() - born) / 86400000);
      if (tage < 0)   return '';
      if (tage < 30)  return tage + ' Tag' + (tage !== 1 ? 'e' : '') + ' alt';
      if (tage < 365) {{
        const m = Math.floor(tage / 30);
        return m + ' Monat' + (m !== 1 ? 'e' : '') + ' alt';
      }}
      const j = Math.floor(tage / 365);
      const m = Math.floor((tage % 365) / 30);
      return m > 0
        ? j + ' Jahr' + (j !== 1 ? 'e' : '') + ', ' + m + ' Monat' + (m !== 1 ? 'e' : '') + ' alt'
        : j + ' Jahr' + (j !== 1 ? 'e' : '') + ' alt';
    }}

    async function load() {{
      const card = document.getElementById('profile-card');
      try {{
        const resp = await fetch('/api/dogs/public/' + DOG_ID);
        if (!resp.ok) {{
          card.innerHTML = `
            <div class="not-found">
              <span class="icon">🐾</span>
              <p>Dieses Profil ist nicht öffentlich oder wurde nicht gefunden.</p>
            </div>`;
          return;
        }}
        const dog = await resp.json();

        const photoHTML = dog.foto_url
          ? `<img class="dog-photo" src="${{esc(dog.foto_url)}}" alt="${{esc(dog.name)}}">`
          : `<div class="dog-photo-placeholder">🐕</div>`;

        const pills = [];
        if (dog.geburtstag) {{
          pills.push(`<span class="info-pill">🎂 ${{calcAlter(dog.geburtstag)}}</span>`);
        }}

        const bioHTML = dog.bio
          ? `<div class="dog-bio">"${{esc(dog.bio)}}"</div>`
          : '';

        // Vorname des Besitzers
        const vorname = dog.besitzer_name ? dog.besitzer_name.split(' ')[0] : '';

        card.innerHTML = `
          ${{photoHTML}}
          <h1 class="dog-name">${{esc(dog.name)}}</h1>
          ${{dog.rasse ? `<p class="dog-rasse">${{esc(dog.rasse)}}</p>` : '<p class="dog-rasse"></p>'}}
          ${{pills.length ? `<div class="info-row">${{pills.join('')}}</div>` : ''}}
          ${{bioHTML}}
          ${{vorname ? `<p class="besitzer">Besitzer: ${{esc(vorname)}}</p>` : ''}}

          <div class="found-section">
            <p class="found-hint">Hast du diesen Hund gefunden? Benachrichtige den Besitzer!</p>
            <div class="found-fields">
              <input class="found-input" type="text" id="found-msg"
                     placeholder="Kurze Nachricht (optional)" maxlength="200">
              <input class="found-input" type="text" id="found-kontakt"
                     placeholder="Deine Telefonnummer / E-Mail (optional)" maxlength="100">
            </div>
            <button class="btn btn-primary found-btn" id="found-btn"
                    onclick="sendFound()">
              🐾 Ich habe diesen Hund gefunden
            </button>
            <div class="success-msg" id="found-success">
              ✅ Benachrichtigung wurde gesendet. Der Besitzer wurde informiert!
            </div>
            <div class="error-msg" id="found-error"></div>
          </div>
        `;
      }} catch(e) {{
        card.innerHTML = `<div class="not-found"><span class="icon">⚠️</span><p>Fehler beim Laden.</p></div>`;
      }}
    }}

    async function sendFound() {{
      const btn     = document.getElementById('found-btn');
      const success = document.getElementById('found-success');
      const error   = document.getElementById('found-error');
      const msg     = document.getElementById('found-msg')?.value || '';
      const kontakt = document.getElementById('found-kontakt')?.value || '';

      btn.disabled  = true;
      btn.textContent = 'Sende…';
      error.style.display = 'none';

      try {{
        const resp = await fetch('/api/dogs/public/' + DOG_ID + '/found', {{
          method:  'POST',
          headers: {{'Content-Type': 'application/json'}},
          body:    JSON.stringify({{ message: msg, kontakt: kontakt }}),
        }});
        if (!resp.ok) throw new Error('Fehler beim Senden.');
        btn.style.display     = 'none';
        success.style.display = 'block';
      }} catch(e) {{
        btn.disabled    = false;
        btn.textContent = '🐾 Ich habe diesen Hund gefunden';
        error.textContent   = 'Fehler beim Senden. Bitte versuche es erneut.';
        error.style.display = 'block';
      }}
    }}

    load();
  </script>
</body>
</html>"""
    from fastapi.responses import HTMLResponse
    return HTMLResponse(content=_html)


# ------------------------------------------------------------------
# Einladungsseite  /teilen/{token}  — SPA lädt + nimmt Einladung an
# ------------------------------------------------------------------
@app.get("/teilen/{token}")
async def invite_page(token: str):
    return FileResponse(f"{STATIC_DIR}/index.html", headers={"Cache-Control": "no-cache"})


# ------------------------------------------------------------------
# Widget-Vorschau  /widget
# ------------------------------------------------------------------
@app.get("/widget")
async def widget_page():
    return FileResponse(f"{STATIC_DIR}/index.html", headers={"Cache-Control": "no-cache"})


# ------------------------------------------------------------------
# Digitaler Heimtierausweis  /ausweis/{dog_id}
# ------------------------------------------------------------------
@app.get("/ausweis/{dog_id}")
async def ausweis_page(dog_id: int, request: Request):
    from fastapi.responses import HTMLResponse
    from auth import get_current_user_optional, decode_token
    import json as _json

    # Auth via Cookie
    token = request.cookies.get("by_token")
    user_id = None
    if token:
        try:
            payload = decode_token(token)
            user_id = int(payload["sub"])
        except Exception:
            pass

    if not user_id:
        return HTMLResponse(
            '<meta charset="UTF-8"><p style="font-family:sans-serif;padding:2rem">'
            'Bitte <a href="/">einloggen</a> um den Ausweis anzuzeigen.</p>',
            status_code=401
        )

    from database import db as _db
    with _db() as conn:
        dog = conn.execute(
            """SELECT d.* FROM dogs d
               LEFT JOIN dog_shares ds ON ds.dog_id=d.id AND ds.shared_with_id=? AND ds.accepted_at IS NOT NULL
               WHERE d.id=? AND (d.user_id=? OR ds.id IS NOT NULL)""",
            (user_id, dog_id, user_id)
        ).fetchone()
        if not dog:
            return HTMLResponse("<p>Hund nicht gefunden.</p>", status_code=404)

        owner = conn.execute("SELECT name, email FROM users WHERE id=?", (dog["user_id"],)).fetchone()

        health_rows = conn.execute(
            "SELECT * FROM health WHERE dog_id=? ORDER BY datum DESC",
            (dog_id,)
        ).fetchall()

        vets = conn.execute(
            """SELECT DISTINCT t.name, t.strasse, t.plz, t.ort, t.telefon
               FROM tieraerzte t
               JOIN health h ON h.tierarzt_id = t.id
               WHERE h.dog_id=?""",
            (dog_id,)
        ).fetchall()

    dog  = dict(dog)
    vets = [dict(v) for v in vets]

    def esc(s):
        if not s: return ""
        return str(s).replace("&","&amp;").replace("<","&lt;").replace(">","&gt;").replace('"',"&quot;")

    def fmt_date(d):
        if not d: return "–"
        try:
            from datetime import date
            parts = d.split("-")
            return f"{int(parts[2])}.{int(parts[1])}.{parts[0]}"
        except Exception:
            return d

    geschlecht = {"m": "Rüde", "w": "Hündin"}.get(dog.get("geschlecht",""), "–")

    # Impfungen
    impfungen = [r for r in health_rows if r["typ"] == "impfung"]
    # Medikamente (aktiv)
    medis     = [r for r in health_rows if r["typ"] == "medikament" and r["aktiv"]]
    # Allergien
    allergien = [r for r in health_rows if r["typ"] == "allergie"]

    def health_rows_html(rows, cols):
        if not rows:
            return '<tr><td colspan="99" style="color:#999;font-style:italic">Keine Einträge</td></tr>'
        out = ""
        for r in rows:
            out += "<tr>" + "".join(f"<td>{esc(r[c])}</td>" for c in cols) + "</tr>"
        return out

    photo_html = f'<img src="{esc(dog["foto_url"])}" alt="{esc(dog["name"])}" class="dog-photo">' if dog.get("foto_url") else '<div class="dog-photo-placeholder">🐕</div>'

    vets_html = ""
    for v in vets:
        addr = ", ".join(filter(None, [v.get("strasse"), v.get("plz"), v.get("ort")]))
        vets_html += f'<div class="vet-card"><strong>{esc(v["name"])}</strong>'
        if addr: vets_html += f'<br><small>{esc(addr)}</small>'
        if v.get("telefon"): vets_html += f'<br><small>☎ {esc(v["telefon"])}</small>'
        vets_html += "</div>"
    if not vets_html:
        vets_html = '<span style="color:#999;font-style:italic">Keine Tierärzte eingetragen</span>'

    html = f"""<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Heimtierausweis – {esc(dog["name"])}</title>
<style>
  * {{ box-sizing: border-box; margin: 0; padding: 0; }}
  body {{ font-family: "Segoe UI", Arial, sans-serif; background: #FAF7F2; color: #1a1a1a; padding: 2rem; }}
  .ausweis {{ max-width: 800px; margin: 0 auto; background: #fff; border-radius: 12px; box-shadow: 0 2px 20px rgba(0,0,0,.08); overflow: hidden; }}
  .header {{ background: linear-gradient(135deg, #C4843A, #e8a857); color: #fff; padding: 2rem; display: flex; gap: 1.5rem; align-items: center; }}
  .dog-photo {{ width: 100px; height: 100px; border-radius: 50%; object-fit: cover; border: 3px solid rgba(255,255,255,.6); flex-shrink: 0; }}
  .dog-photo-placeholder {{ width: 100px; height: 100px; border-radius: 50%; background: rgba(255,255,255,.2); display: flex; align-items: center; justify-content: center; font-size: 2.5rem; flex-shrink: 0; }}
  .header-info h1 {{ font-size: 1.8rem; font-weight: 700; }}
  .header-info .rasse {{ opacity: .85; font-size: 1rem; margin-top: .2rem; }}
  .meta-grid {{ display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: .5rem; margin-top: 1rem; }}
  .meta-item {{ background: rgba(255,255,255,.15); border-radius: 8px; padding: .5rem .75rem; }}
  .meta-item .label {{ font-size: .65rem; opacity: .8; text-transform: uppercase; letter-spacing: .05em; }}
  .meta-item .value {{ font-weight: 600; font-size: .9rem; margin-top: .1rem; }}
  .body {{ padding: 1.5rem 2rem; }}
  .section {{ margin-bottom: 1.5rem; }}
  .section h2 {{ font-size: .8rem; text-transform: uppercase; letter-spacing: .08em; color: #C4843A; font-weight: 700; margin-bottom: .75rem; padding-bottom: .4rem; border-bottom: 2px solid #f0e8dc; }}
  table {{ width: 100%; border-collapse: collapse; font-size: .85rem; }}
  th {{ text-align: left; font-size: .7rem; text-transform: uppercase; letter-spacing: .05em; color: #888; font-weight: 600; padding: .4rem .5rem; border-bottom: 1px solid #eee; }}
  td {{ padding: .45rem .5rem; border-bottom: 1px solid #f5f5f5; vertical-align: top; }}
  tr:last-child td {{ border-bottom: none; }}
  .vet-card {{ display: inline-block; background: #f9f6f2; border: 1px solid #ede5d8; border-radius: 8px; padding: .6rem 1rem; margin-right: .5rem; margin-bottom: .5rem; font-size: .85rem; line-height: 1.5; }}
  .print-btn {{ display: block; margin: 0 auto 1.5rem; padding: .6rem 2rem; background: #C4843A; color: #fff; border: none; border-radius: 8px; font-size: 1rem; cursor: pointer; }}
  .footer {{ text-align: center; padding: 1rem; font-size: .7rem; color: #aaa; border-top: 1px solid #f0f0f0; }}
  @media print {{
    body {{ background: #fff; padding: 0; }}
    .ausweis {{ box-shadow: none; border-radius: 0; }}
    .print-btn {{ display: none; }}
    .no-print {{ display: none; }}
  }}
</style>
</head>
<body>
<div class="ausweis">
  <div class="header">
    {photo_html}
    <div class="header-info">
      <h1>{esc(dog["name"])}</h1>
      <div class="rasse">{esc(dog.get("rasse") or "Rasse unbekannt")}</div>
      <div class="meta-grid">
        <div class="meta-item"><div class="label">Geburtstag</div><div class="value">{fmt_date(dog.get("geburtstag"))}</div></div>
        <div class="meta-item"><div class="label">Geschlecht</div><div class="value">{geschlecht}</div></div>
        <div class="meta-item"><div class="label">Gewicht</div><div class="value">{f'{dog["gewicht_kg"]} kg' if dog.get("gewicht_kg") else "–"}</div></div>
        <div class="meta-item"><div class="label">Transponder</div><div class="value">{esc(dog.get("chip_nr")) or "–"}</div></div>
        <div class="meta-item"><div class="label">Besitzer</div><div class="value">{esc(owner["name"]) if owner else "–"}</div></div>
      </div>
    </div>
  </div>

  <div class="body">
    <button class="print-btn no-print" onclick="window.print()">🖨 Drucken / Als PDF speichern</button>

    <div class="section">
      <h2>Impfungen</h2>
      <table>
        <thead><tr><th>Impfung</th><th>Datum</th><th>Nächste Fälligkeit</th><th>Charge</th><th>Tierarzt</th></tr></thead>
        <tbody>{health_rows_html(impfungen, ["bezeichnung","datum","naechstes","charge_nr","tierarzt_name"])}</tbody>
      </table>
    </div>

    <div class="section">
      <h2>Aktive Medikamente</h2>
      <table>
        <thead><tr><th>Medikament</th><th>Seit</th><th>Dosierung</th><th>Häufigkeit</th></tr></thead>
        <tbody>{health_rows_html(medis, ["bezeichnung","datum","dosierung","haeufigkeit"])}</tbody>
      </table>
    </div>

    <div class="section">
      <h2>Allergien &amp; Unverträglichkeiten</h2>
      <table>
        <thead><tr><th>Allergen</th><th>Schweregrad</th><th>Reaktion</th><th>Seit</th></tr></thead>
        <tbody>{health_rows_html(allergien, ["bezeichnung","schweregrad","reaktion","datum"])}</tbody>
      </table>
    </div>

    <div class="section">
      <h2>Tierärzte</h2>
      {vets_html}
    </div>
  </div>
  <div class="footer">Erstellt mit BAN YARO · banyaro.app · {fmt_date(__import__("datetime").date.today().isoformat())}</div>
</div>
</body>
</html>"""
    return HTMLResponse(html)


# ------------------------------------------------------------------
# SEO: Hunde-Knigge als server-gerenderete Seite  /knigge
# ------------------------------------------------------------------
@app.get("/knigge")
async def knigge_page():
    from fastapi.responses import HTMLResponse

    begegnungen = [
        ("Fremder Hund", "Kurze Leine, ruhig bleiben. Hunde schnüffeln lassen wenn beide entspannt sind. Bei Eskalation: weglenken, Richtung wechseln. Freilaufende Hunde auf angeleine Hunde zulaufen lassen ist unhöflich — der angeleine Hund kann in Stress (Leinenfrust) geraten."),
        ("Kinder", "Hund nie unbeaufsichtigt mit fremden Kindern lassen. Kind fragen ob es streicheln darf. Hund seitlich positionieren, nicht zwischen Kind und Weg. Kinder sollten keinen direkten Augenkontakt mit unbekannten Hunden halten."),
        ("Radfahrer", "Hund rechtzeitig an die Seite nehmen. Fahrräder können für manche Hunde bedrohlich wirken. Frühzeitig Abstand gewinnen, ruhig bleiben, Hund bei sich halten."),
        ("Jogger", "Kurze Leine, Abstand halten, Hund nicht anspringen lassen. Jogger bewegen sich schnell — das kann Jagdinstinkt auslösen."),
        ("ÖPNV (Bus & Bahn)", "In Deutschland gilt im ÖPNV grundsätzlich Maulkorbpflicht für Hunde. Kleine Hunde in Transportbox fahren kostenlos oder zum Kindertarif. Große Hunde brauchen in den meisten Städten einen eigenen Fahrschein. Regeln variieren je nach Verkehrsverbund."),
        ("Supermarkt & Geschäfte", "Es gilt das Hausrecht des Betreibers. Ein 'Hunde willkommen'-Schild ist eine explizite Einladung. Im Zweifel immer fragen. Außen anbinden ist nur kurzzeitig und mit Sichtkontakt akzeptabel."),
        ("Restaurant", "Im Außenbereich erlauben viele Restaurants Hunde — aber Hausrecht gilt. Wenn ein anderer Gast Angst hat, ist Kompromissbereitschaft ein Zeichen guter Hundehaltung. Im Zweifelsfall Personal entscheiden lassen."),
        ("Spielplätze", "Hunde sind auf Kinderspielplätzen generell verboten (§ 2 Abs. 4 BImSchG und Gemeindesatzungen). Gilt auch für gut erzogene Hunde. Abstand halten, auch beim Vorbeigehen."),
    ]

    szenarien = [
        ("Muss Kot immer aufgesammelt werden?", "Ja — auch im Gebüsch abseits des Weges. Kinder spielen überall, und Parasiten wie Spulwurm können für Menschen gefährlich sein. Bußgelder für liegengelassenen Hundekot liegen je nach Stadt zwischen 50 € und 500 €."),
        ("Leinenpflicht ohne Schild?", "Leinenpflicht ist Ländersache. Viele Bundesländer haben eine allgemeine Anleinpflicht in Ortschaften und öffentlichen Grünanlagen. Im Zweifel anleinen und die Gemeindesatzung prüfen."),
        ("Hund frei laufen trotz angeleintem Hund?", "Nein. Freilaufende Hunde auf angeleine Hunde zuzulassen ist unhöflich und kann den angeleinten Hund in Stress versetzen (Leinenfrust). Immer erst anleinen und fragen ob ein Treffen gewünscht ist."),
        ("Haftung bei Beißvorfall?", "Hundehalter haften verschuldensunabhängig für Schäden durch ihren Hund (§ 833 BGB). Eine Hunde-Haftpflichtversicherung ist in vielen Bundesländern Pflicht und in jedem Fall empfehlenswert."),
    ]

    begs_html = "".join(
        f'<div class="item"><h3>{titel}</h3><p>{text}</p></div>'
        for titel, text in begegnungen
    )
    szen_html = "".join(
        f'<div class="item"><h3>{frage}</h3><p>{antwort}</p></div>'
        for frage, antwort in szenarien
    )

    html = """<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Hunde-Knigge — Regeln für Hundebesitzer | Ban Yaro</title>
  <meta name="description" content="Der Hunde-Knigge: Begegnungen mit fremden Hunden, Kindern, Radfahrern, Regeln im ÖPNV, Leinenpflicht, Haftung — alles was Hundebesitzer wissen müssen.">
  <meta name="robots" content="index, follow">
  <link rel="canonical" href="https://banyaro.app/knigge">
  <meta property="og:type" content="article">
  <meta property="og:title" content="Hunde-Knigge — Regeln für Hundebesitzer | Ban Yaro">
  <meta property="og:description" content="Begegnungen mit fremden Hunden, Kindern, Radfahrern, Regeln im ÖPNV, Leinenpflicht, Haftung — alles was Hundebesitzer wissen müssen.">
  <meta property="og:url" content="https://banyaro.app/knigge">
  <meta property="og:image" content="https://banyaro.app/icons/icon-512.png">
  <meta property="og:locale" content="de_DE">
  <meta property="og:site_name" content="Ban Yaro">
  <script type="application/ld+json">
  {"@context":"https://schema.org","@type":"FAQPage","mainEntity":[
    {"@type":"Question","name":"Muss Hundekot immer aufgesammelt werden?","acceptedAnswer":{"@type":"Answer","text":"Ja — auch im Gebüsch abseits des Weges. Bußgelder liegen je nach Stadt zwischen 50 € und 500 €."}},
    {"@type":"Question","name":"Gilt Leinenpflicht ohne Schild?","acceptedAnswer":{"@type":"Answer","text":"Leinenpflicht ist Ländersache. Viele Bundesländer haben eine allgemeine Anleinpflicht in Ortschaften. Im Zweifel anleinen."}},
    {"@type":"Question","name":"Darf mein Hund auf einen angeleinten Hund zulaufen?","acceptedAnswer":{"@type":"Answer","text":"Nein. Freilaufende Hunde auf angeleine Hunde zulaufen lassen ist unhöflich und verursacht Leinenfrust."}},
    {"@type":"Question","name":"Wer haftet bei einem Beißvorfall?","acceptedAnswer":{"@type":"Answer","text":"Hundehalter haften verschuldensunabhängig für Schäden durch ihren Hund (§ 833 BGB). Eine Haftpflichtversicherung ist in vielen Bundesländern Pflicht."}}
  ]}
  </script>
  <script type="application/ld+json">
  {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[
    {"@type":"ListItem","position":1,"name":"Ban Yaro","item":"https://banyaro.app"},
    {"@type":"ListItem","position":2,"name":"Hunde-Knigge","item":"https://banyaro.app/knigge"}
  ]}
  </script>
  <style>
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:#FAF7F2;color:#1a1a1a;line-height:1.65}
    a{color:#C4843A;text-decoration:none}
    a:hover{text-decoration:underline}
    header{background:linear-gradient(135deg,#C4843A,#e8a857);color:#fff;padding:2.5rem 1.5rem;text-align:center}
    header h1{font-size:clamp(1.5rem,4vw,2.2rem);font-weight:800;margin-bottom:.5rem}
    header p{opacity:.92;max-width:560px;margin:0 auto}
    nav{background:#fff;border-bottom:1px solid #e8ddd0;padding:.65rem 1.5rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap;position:sticky;top:0;z-index:10}
    nav .brand{font-weight:800;color:#C4843A;margin-right:auto}
    nav a{font-size:.9rem;font-weight:500;color:#555}
    nav a:hover{color:#C4843A;text-decoration:none}
    .container{max-width:820px;margin:0 auto;padding:2.5rem 1.5rem}
    section{margin-bottom:3rem}
    h2{font-size:.82rem;font-weight:700;color:#C4843A;text-transform:uppercase;letter-spacing:.06em;margin-bottom:1.25rem;padding-bottom:.4rem;border-bottom:2px solid #f0e8dc}
    .item{background:#fff;border:1px solid #e8ddd0;border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:.9rem}
    .item h3{font-size:1rem;font-weight:700;margin-bottom:.4rem;color:#1a1a1a}
    .item p{font-size:.9rem;color:#444;line-height:1.65}
    .cta-box{background:linear-gradient(135deg,#f5e6d3,#fdf6ef);border:1px solid #e8c99a;border-radius:14px;padding:1.75rem;text-align:center;margin-top:2.5rem}
    .cta-box h3{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}
    .cta-box p{font-size:.9rem;color:#555;margin-bottom:1rem}
    .cta-btn{display:inline-block;background:#C4843A;color:#fff;font-weight:700;padding:.65rem 1.75rem;border-radius:999px;font-size:.95rem}
    .cta-btn:hover{background:#a86e2e;text-decoration:none}
    footer{background:#1a1a1a;color:#aaa;text-align:center;padding:1.5rem;font-size:.82rem;margin-top:2rem}
    footer a{color:#C4843A}
  </style>
</head>
<body>
<header>
  <h1>Hunde-Knigge</h1>
  <p>Regeln, Tipps und häufige Fragen für Hundebesitzer — im Alltag, im ÖPNV und in der Community</p>
</header>
<nav>
  <span class="brand">Ban Yaro</span>
  <a href="/wiki/rassen">Rassen-Wiki</a>
  <a href="/info">Über die App</a>
  <a href="/" style="background:#C4843A;color:#fff;padding:.35rem 1rem;border-radius:999px;font-weight:700;font-size:.85rem;text-decoration:none">App öffnen</a>
</nav>
<div class="container">
  <section>
    <h2>Begegnungen im Alltag</h2>
""" + begs_html + """
  </section>
  <section>
    <h2>Häufige Fragen &amp; Regeln</h2>
""" + szen_html + """
  </section>
  <div class="cta-box">
    <h3>Mehr Tipps in der Ban Yaro App</h3>
    <p>Community-Abstimmungen zu kniffligen Situationen, KI-Situationsberater und alle Hunde-Funktionen kostenlos nutzen.</p>
    <a href="/" class="cta-btn">Kostenlos starten</a>
  </div>
</div>
<footer>
  <strong style="color:#fff">Ban Yaro</strong> — Hunde-Knigge ·
  <a href="/wiki/rassen">Rassen-Wiki</a> ·
  <a href="https://banyaro.app">banyaro.app</a>
</footer>
</body>
</html>"""
    return HTMLResponse(content=html, headers={"Cache-Control": "max-age=7200"})


# SPA Fallback — ALLE nicht-API-Routen gehen zur index.html
@app.get("/{full_path:path}")
async def spa_fallback(full_path: str):
    return FileResponse(
        f"{STATIC_DIR}/index.html",
        headers={"Cache-Control": "no-cache"}
    )