{% comment %}
SEO Meta Tags Template
Verwendung: {% include 'seo/meta_tags.html' with meta_tags=meta_tags %}
{% endcomment %}

{% if meta_tags %}
<!-- Primary Meta Tags -->
<title>{{ meta_tags.title|default:site_name }}</title>
<meta name="title" content="{{ meta_tags.title|default:site_name }}">
<meta name="description" content="{{ meta_tags.description|default:site_description }}">
<meta name="keywords" content="{{ meta_tags.keywords|default:site_keywords }}">
<meta name="author" content="Kasico">
<meta name="robots" content="index, follow">
<meta name="language" content="de">
<meta name="revisit-after" content="7 days">

<!-- Canonical URL -->
<link rel="canonical" href="{{ meta_tags.canonical_url|default:request.build_absolute_uri }}">

<!-- Open Graph / Facebook -->
<meta property="og:type" content="{{ meta_tags.og_type|default:'website' }}">
<meta property="og:url" content="{{ meta_tags.og_url|default:request.build_absolute_uri }}">
<meta property="og:title" content="{{ meta_tags.og_title|default:meta_tags.title|default:site_name }}">
<meta property="og:description" content="{{ meta_tags.og_description|default:meta_tags.description|default:site_description }}">
<meta property="og:image" content="{{ meta_tags.og_image|default:request.build_absolute_uri }}/static/images/kasico-logo.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:site_name" content="Kasico">
<meta property="og:locale" content="de_DE">

<!-- Twitter -->
<meta property="twitter:card" content="{{ meta_tags.twitter_card|default:'summary_large_image' }}">
<meta property="twitter:url" content="{{ meta_tags.og_url|default:request.build_absolute_uri }}">
<meta property="twitter:title" content="{{ meta_tags.twitter_title|default:meta_tags.og_title|default:meta_tags.title|default:site_name }}">
<meta property="twitter:description" content="{{ meta_tags.twitter_description|default:meta_tags.og_description|default:meta_tags.description|default:site_description }}">
<meta property="twitter:image" content="{{ meta_tags.twitter_image|default:meta_tags.og_image|default:request.build_absolute_uri }}/static/images/kasico-logo.png">

<!-- E-Commerce Meta Tags -->
{% if meta_tags.price %}
<meta property="product:price:amount" content="{{ meta_tags.price }}">
<meta property="product:price:currency" content="EUR">
{% endif %}

{% if meta_tags.original_price %}
<meta property="product:original_price:amount" content="{{ meta_tags.original_price }}">
<meta property="product:original_price:currency" content="EUR">
{% endif %}

<!-- Additional Meta Tags -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#FF6B9D">
<meta name="msapplication-TileColor" content="#FF6B9D">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<meta name="apple-mobile-web-app-title" content="Kasico">

<!-- Preconnect für Performance -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://www.google-analytics.com">

<!-- Favicon -->
<link rel="icon" type="image/svg+xml" href="/static/images/kasico-logo-simple.svg">
<link rel="icon" type="image/png" href="/static/images/kasicoLogo.png">
<link rel="apple-touch-icon" href="/static/images/kasicoLogo.png">

<!-- Manifest -->
<link rel="manifest" href="/static/manifest.json">

{% endif %}