@extends('layouts.app')

@section('main-font')
    {{-- replaced with cloudflare fonts feature --}}
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

    @if (request()->segment(1) === 'dashboard')
        <link href="https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700&display=swap" rel="stylesheet"
              nonce="{{ csp_nonce() }}">
    @else
        <link href="https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700&display=swap&text=ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz123456789.-" rel="stylesheet"
              nonce="{{ csp_nonce() }}"
    @endif
@stop

@section('head')
    @vite(['resources/svelte/app.js', 'resources/assets/sass/inertia_main.scss'])
    @inertiaHead
@stop

@section('analitics')
    {{-- @include('partials.components.cookie_script') --}}
    @include('partials.components.cookie_script_granted')

    <script nonce="{{ csp_nonce() }}" id="gtmScript" data-dsn="{{ csp_nonce() }}">
        (function(w, d, s, l, i) {
            w[l] = w[l] || [];
            w[l].push({
                'gtm.start': new Date().getTime(),
                event: 'gtm.js'
            });
            var f = d.getElementsByTagName(s)[0],
                j = d.createElement(s),
                dl = l != 'dataLayer' ? '&l=' + l : '';
            j.async = true;
            j.src =
                'https://www.googletagmanager.com/gtm.js?id=' + i + dl
            @env('local')
                +'&gtm_auth=Z-mVRcwPJk1zgkY2Uwvr8Q&gtm_preview=env-47&gtm_cookies_win=x'
            @endenv ;
            var n = d.querySelector('[nonce]');
            n && j.setAttribute('nonce', n.nonce || n.getAttribute('nonce'));
            f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-TT6X8RD');
    </script>
@stop

@section('analitics-no-script')
    <noscript>
        <iframe
            src="https://www.googletagmanager.com/ns.html?id=GTM-TT6X8RD
            @env('local') &gtm_auth=Z-mVRcwPJk1zgkY2Uwvr8Q&gtm_preview=env-47&gtm_cookies_win=x @endenv "
            height="0" width="0" style="display:none;visibility:hidden"></iframe>
    </noscript>
@stop

@section('view-content')
    <script nonce="{{ csp_nonce() }}">
        (function () {
            const color = localStorage.getItem('appThemeColor');
            if (color && ['light', 'dark'].includes(color)) {
                document.body.classList.remove('eb-light', 'eb-dark');
                document.body.classList.add(`eb-${color}`);
            }
        })();
    </script>
    @inertia
@stop