{% extends "base.html" %}

{% block extrahead %}
  {{ super() }}
  {% set seo = config.extra.seo or {} %}
  {% set verification = seo.verification or {} %}
  {% set raw_page_title = page.meta.title if page.meta and page.meta.title else page.title | striptags %}
  {% set seo_description = page.meta.description if page.meta and page.meta.description else config.site_description %}
  {% set canonical_url = page.canonical_url or config.site_url %}

  <link rel="apple-touch-icon" sizes="180x180" href="{{ 'assets/brand/apple-touch-icon.png' | url }}" />
  <link rel="manifest" href="{{ 'site.webmanifest' | url }}" />
  <link rel="mask-icon" href="{{ 'assets/brand/mask-icon.svg' | url }}" color="#0f766e" />
  <meta name="theme-color" content="#0f766e" />
  <meta name="robots" content="{{ page.meta.robots if page.meta and page.meta.robots else 'index, follow' }}" />

  {% if verification.google %}
    <meta name="google-site-verification" content="{{ verification.google }}" />
  {% endif %}
  {% if verification.bing %}
    <meta name="msvalidate.01" content="{{ verification.bing }}" />
  {% endif %}
  {% if verification.yandex %}
    <meta name="yandex-verification" content="{{ verification.yandex }}" />
  {% endif %}
  {% if verification.baidu %}
    <meta name="baidu-site-verification" content="{{ verification.baidu }}" />
  {% endif %}
  {% if verification.naver %}
    <meta name="naver-site-verification" content="{{ verification.naver }}" />
  {% endif %}

  <script type="application/ld+json">
    {{
      {
        "@context": "https://schema.org",
        "@type": "WebSite",
        "name": config.site_name,
        "url": config.site_url,
        "description": config.site_description,
        "inLanguage": "en",
        "publisher": {
          "@type": "Person",
          "name": config.site_author
        }
      } | tojson
    }}
  </script>

  {% if page.is_homepage %}
    <script type="application/ld+json">
      {{
        {
          "@context": "https://schema.org",
          "@type": "SoftwareApplication",
          "name": "cloakbrowser-mcp",
          "alternateName": "CloakBrowser MCP",
          "applicationCategory": "DeveloperApplication",
          "operatingSystem": "Linux, macOS, Windows",
          "description": config.site_description,
          "url": config.site_url,
          "codeRepository": config.repo_url,
          "license": "https://github.com/swimmwatch/cloakbrowser-mcp/blob/main/LICENSE",
          "softwareRequirements": "Node.js >=22.12",
          "downloadUrl": "https://www.npmjs.com/package/cloakbrowser-mcp",
          "sameAs": [
            config.repo_url,
            "https://www.npmjs.com/package/cloakbrowser-mcp",
            "https://hub.docker.com/r/swimmwatch/cloakbrowser-mcp",
            "https://github.com/swimmwatch/cloakbrowser-mcp/pkgs/container/cloakbrowser-mcp",
            "https://github.com/microsoft/playwright-mcp",
            "https://github.com/CloakHQ/CloakBrowser",
            "https://modelcontextprotocol.io/"
          ],
          "featureList": [
            "Model Context Protocol stdio and Streamable HTTP server",
            "Playwright MCP browser automation bridge",
            "CloakBrowser Chromium executable integration",
            "Docker image for MCP browser automation",
            "npm CLI package for MCP clients"
          ]
        } | tojson
      }}
    </script>
  {% else %}
    <script type="application/ld+json">
      {{
        {
          "@context": "https://schema.org",
          "@type": "TechArticle",
          "headline": raw_page_title,
          "description": seo_description,
          "url": canonical_url,
          "inLanguage": "en",
          "author": {
            "@type": "Person",
            "name": config.site_author
          },
          "isPartOf": {
            "@type": "WebSite",
            "name": config.site_name,
            "url": config.site_url
          },
          "about": [
            "CloakBrowser MCP",
            "Playwright MCP",
            "Model Context Protocol",
            "browser automation",
            "Docker"
          ]
        } | tojson
      }}
    </script>
    <script type="application/ld+json">
      {{
        {
          "@context": "https://schema.org",
          "@type": "BreadcrumbList",
          "itemListElement": [
            {
              "@type": "ListItem",
              "position": 1,
              "name": config.site_name,
              "item": config.site_url
            },
            {
              "@type": "ListItem",
              "position": 2,
              "name": raw_page_title,
              "item": canonical_url
            }
          ]
        } | tojson
      }}
    </script>
  {% endif %}
{% endblock %}