<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    {{-- GLOBAL META TAGS --}}
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="theme-color" content="#07182E"/>
    <meta name="author" content="Techno Artisan">
    {{--    <meta name="google-site-verification" content="...">--}}
    <meta name="referrer" content="origin">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    {{--    <meta http-equiv="Content-Security-Policy" content="default-src 'self'"> /* risky */ --}}

    <link rel="canonical" href="{{ str_replace(['http:'], 'https:', $requestUri) }}">

    <link rel="icon" href="/vendor/filament-cms/img/favicon-16.png">
    {{--    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">--}}
    {{--    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">--}}
    {{--    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">--}}

    @foreach($languageSwitcher as $locale => $pageKey)
        <link rel="alternate" hreflang="{{ $locale }}" href="{{ url(droute($pageKey, ['locale' => $locale], false, [], $locale)) }}">
        @if($locale === 'en')
            <link rel="alternate" hreflang="x-default" href="{{ url(droute($pageKey, ['locale' => $locale], false, [], $locale)) }}">
        @endif
    @endforeach

    <title>{{ fcms__('global.website_title') }}@if('home' !== $pageKey){{ '| ' . fcms__('content-' . $pageKey . '.meta-tags.title') }}@endif</title>
    <meta name="keywords" content="{{ fcms__('content-' . $pageKey . '.meta-tags.general.keywords') }}">
    <meta name="description" content="{{ fcms__('content-' . $pageKey . '.meta-tags.general.description') }}">

    {{-- dynamic meta tags (og) per page --}}
    @foreach(array_merge(fcms__('meta-tags.open-graph'), fcms__('content-' . $pageKey . '.meta-tags.open-graph')) as $name => $content)
        <meta property="og:{{ $name }}" content="{{ $content }}">
    @endforeach
    <meta property="og:url" content="{{ str_replace(['http:'], 'https:', $requestUri) }}">

    {{-- dynamic meta tags (twitter) per page --}}
    @foreach(array_merge(fcms__('meta-tags.twitter_x'), fcms__('content-' . $pageKey . '.meta-tags.twitter_x')) as $name => $content)
        <meta property="twitter:{{ $name }}" content="{{ $content }}">
    @endforeach

    {{-- JSON-LD --}}
    <script type="application/ld+json">
        {!! json_encode(fcms__('json-jd.content')) !!}
    </script>

    {{-- dynamic (dev) or static (prod) styles / scripts --}}
    @if (file_exists(public_path('build/manifest.json')) || file_exists(public_path('hot')))
        @vite(['resources/css/app.css', 'resources/js/app.js'])
    @endif

</head>
<body class="bg-[linear-gradient(135deg,#174bac,#0f1629_50%,#060c1c)] text-gray-100 min-h-screen">

{{-- fixed background image --}}
<div class="fixed inset-0 -z-10 md:pt-20">
    <picture class="block w-full h-full">
        {{--        <!-- Mobile: kleineres Bild (unter 768px) -->--}}
        {{--        <source--}}
        {{--            media="(max-width: 767px)"--}}
        {{--            srcset="/vendor/filament-cms/img/TA_Test.jpg"--}}
        {{--        >--}}
        {{--        <!-- Desktop: großes Bild (ab 768px) -->--}}
        {{--        <source--}}
        {{--            media="(min-width: 768px)"--}}
        {{--            srcset="/images/bg-desktop.jpg"--}}
        {{--        >--}}

        {{-- Fallback (if no other, above match/fit --}}
        <img
            src="/vendor/filament-cms/img/Techno_Artisan__Warehouse__HardGroove_Acid_Schranz_Hard_Techno.webp"
            alt="Techno Artisan + Warehouse - HardGroove, Acid, Schranz, Hard_Techno"
            class="w-full h-full object-cover"
            loading="eager"
            decoding="async"
        >
    </picture>
</div>
