<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!-- Set the base URL for all relative URLs within the document -->
        <base href="{{ url('/') }}">

        <meta name="robots" content="index,follow">
        <meta name="googlebot" content="index,follow">

        <meta name="format-detection" content="telephone=no">

        <meta name="google" content="notranslate">
        <meta name="google" content="nositelinkssearchbox">

        <!-- Prefetching, preloading, prebrowsing -->
        <meta http-equiv="x-dns-prefetch-control" content="off">
        <link rel="dns-prefetch" href="{{ config('app.domain', 'localhost') }}">
        <link rel="preconnect" href="{{ url('/') }}">
        <link rel="prefetch" href="{{ url('/') }}">
        <link rel="prerender" href="{{ url('/') }}">
        <link rel="preload" href="image.png" as="image">

        <meta name="rating" content="General">

        <meta name="url" content="{{ url('/') }}">
        <meta name="subject" content="{{ $pageSubject ?? "your website's subject" }}">
        <meta name="description" content="{{ $pageDescription ?? "A description of the page" }}">

        <title inertia>{{ config('app.name', 'Laravel') }}</title>

        <!-- Name of web application (only should be used if the website is used as an app) -->
        <!-- <meta name="application-name" content="Application Name"> -->

        <!-- Privacy -->
        <meta name="twitter:dnt" content="on">
        <meta name="pinterest" content="nopin" description="No pinning allowed.">

        <!-- analytics -->
        <!-- -->

        <!-- Helps prevent duplicate content issues -->
        <link href="{{ url()->current() }}" rel="canonical">

        <!-- Gives a reference to a location in your document that may be in another language -->
        {{-- <link href="https://de.example.com/2010/06/title-of-my-article" rel="alternate" hreflang="de"> --}}

        <!-- Android web manifest file -->
        {{-- <link href="{{ url('/site.webmanifest') }}" rel="manifest" integrity="{{ env('INTEGRITY_HASH_WEBMANIFEST_JSON') }}"> --}}

        <!-- Files listing who was involved in this site and copyrights -->
        <link href="{{ url('/humans.txt') }}" rel="author" integrity="{{ env('INTEGRITY_HASH_HUMANS_TXT') }}">
        <link href="{{ url('/copyright.html') }}" rel="copyright" integrity="{{ env('INTEGRITY_HASH_COPYRIGHT_HTML') }}">
        <link href="{{ url('/copyright.md') }}" rel="copyright" integrity="{{ env('INTEGRITY_HASH_COPYRIGHT_MD') }}">

        <!-- Feeds -->
        {{-- <link href="{{ url('/rss.xml') }}" type="application/rss+xml" title="RSS" rel="alternate"> --}}
        {{-- <link href="{{ url('/feed.atom') }}" type="application/atom+xml" title="Atom 0.3" rel="alternate"> --}}

        <!-- oEmbed links -->
        {{-- <link rel="alternate" type="application/json+oembed" href="https://example.com/services/oembed?url={{ urlencode(url()->current()) }}&amp;format=json" title="oEmbed Profile: JSON"> --}}
        {{-- <link rel="alternate" type="text/xml+oembed" href="https://example.com/services/oembed?url={{ urlencode(url()->current()) }}&amp;format=xml" title="oEmbed Profile: XML"> --}}

        <!-- Favicon -->
        {{-- <link href="{{ asset('/favicon.ico') }}" rel="icon" sizes="16x16" type="image/icon" integrity="{{ env('INTEGRITY_HASH_FAVICON_ICO') }}"> --}}
        {{-- <link href="{{ asset('/favicon.svg') }}" rel="icon" type="image/svg+xml" integrity="{{ env('INTEGRITY_HASH_FAVICON_SVG') }}"> --}}
        {{-- <link href="{{ asset('/favicon.png') }}" rel="icon" sizes="192x192" integrity="{{ env('INTEGRITY_HASH_FAVICON_PNG') }}"> --}}

        <!-- Font preloads (should be done for each font file) -->
        <link href="{{ asset('/fonts/Nunito/Nunito-Regular.woff2') }}" rel="preload" as="font" type="font/woff2" crossorigin="anonymous">
        <link href="{{ asset('/fonts/Nunito/Nunito-SemiBold.woff2') }}" rel="preload" as="font" type="font/woff2" crossorigin="anonymous">
        <link href="{{ asset('/fonts/Nunito/Nunito-Bold.woff2') }}" rel="preload" as="font" type="font/woff2" crossorigin="anonymous">
        <link href="{{ asset('/fonts/OpenSans/OpenSans-Regular.woff2') }}" rel="preload" as="font" type="font/woff2" crossorigin="anonymous">
        <link href="{{ asset('/fonts/OpenSans/OpenSans-SemiBold.woff2') }}" rel="preload" as="font" type="font/woff2" crossorigin="anonymous">
        <link href="{{ asset('/fonts/OpenSans/OpenSans-Bold.woff2') }}" rel="preload" as="font" type="font/woff2" crossorigin="anonymous">

        <!-- CSS -->
        <link href="{{ mix('/css/app.css') }}" rel="stylesheet" integrity="{{ env('INTEGRITY_HASH_APP_CSS') }}" media="screen">

        <!-- JS that must be executed before the document is loaded -->
        <script>
            if (localStorage.theme === "dark" || (!("theme" in localStorage) && window.matchMedia("(prefers-color-scheme: dark)").matches)) {
              document.documentElement.classList.add("dark"); localStorage.theme = "dark";
            } else {
              document.documentElement.classList.remove("dark"); localStorage.theme = "light";
            }
        </script>

        @routes
        <script src="{{ mix('/js/app.js') }}" integrity="{{ env('INTEGRITY_HASH_APP_JS') }}" defer></script>
        @inertiaHead
    </head>
    <body class="bg-gray-100 font-sans antialiased">
        <x-flags></x-flags>

        @inertia

    </body>
</html>
