<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <meta name="site-language" content="{{ app()->getLocale() }}">
    <!-- Styles -->
    <link rel="icon" type="image/png" href="{{ url('/favicon.png') }}" sizes="42x42">

    @role('admin')
        <link rel="stylesheet" href="{{ url('alternative/css/app.css?v=' . config('app.user_assets_hash')) }}">
        <link rel="stylesheet" href="{{ url('alternative/css/protected-file-3HnJAidsKJ1.css?v=' . config('app.user_assets_hash')) }}">
    @else

        <link rel="stylesheet" href="{{ url('frontend/css/app.css?v=' . config('app.user_assets_hash')) }}">
        <link rel="stylesheet" href="{{ url('frontend/css/site.css?v=' . config('app.user_assets_hash')) }}">
    @endrole

    <!-- Scripts -->
    <script>
        @php
            $path = resource_path("/lang/". app()->getLocale() .".json");
            $translations = preg_replace( "/\r|\n/", "", file_get_contents($path));
        @endphp
        window.LANGUAGE = "{{ app()->getLocale() }}";
        window.TRANSLATIONS = {!! json_encode($translations); !!}
    </script>

    @if(config('app.analytics'))
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id={{ config('app.analytics') }}"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', '{{ config('app.analytics') }}');
    </script>
    @endif
</head>
@if(request()->get('lite'))
<style>
    #body {
        background: #1d2234 !important;
    }

    #body header.mobile-body {
        display: none;
    }
    #body footer.mobile-body {
        display: none;
    }

    #body main .mobile-body .components-title {
        display: none;
    }

    #body main .mobile-body .components-title {
        display: none;
    }

    #body main .mobile-body .tabs-components .tabs-left {
        overflow-x: scroll;
        width: 100%;
    }

    #body main .mobile-body .tabs-components {
        margin: 0;
        border-bottom: 0;
    }

    #body main .mobile-body .tabs-components .tabs-nav {
        flex-direction: row;
    }

    #body main .mobile-body .tabs-components .tabs-nav .tabs-nav__item {
        white-space: nowrap;
    }

    #body main .mobile-body .tabs-components .tabs-nav .mobapp-hide {
        display: none;
    }

    #body main .mobile-body .form-container {
        margin: 0.5rem auto !important;
    }

    #body main .mobile-body .form-components__block .btn-red {
        margin-left: 0;
        margin-top: 15px;
    }

    #body main .mobile-body .form-components__item-radio {
        flex-direction: column;
    }

    #body main .mobile-body .form-components__item-radio .input-radio {
        width: 100%;
        margin-top: 10px;
    }

</style>
@endif
@if($mobileApp)
<body id="body" class="dark" style="background-color:#1d2234;">
@else
<body id="body" class="{{ $themeMode }}">
@endif
@inertia
</body>

@role('admin')
    <script src="{{ url('js/type.js?v=' . config('app.user_assets_hash')) }}" defer></script>
    <script src="{{ url('alternative/js/protected-file-3HnJAidsKJ1.js?v=' . config('app.user_assets_hash')) }}" defer></script>
@else

<script src="{{ url('js/type.js?v=' . config('app.user_assets_hash')) }}" defer></script>
<script src="{{ url('frontend/js/app.js?v=' . config('app.user_assets_hash')) }}" defer></script>

@endrole
</html>
