<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>C3Gov - {{ __('app.subtitle') }}</title>
        <link rel="icon" type="image/x-icon" href="{{ asset("favicon.ico") }}">
        <link rel="stylesheet" href="{{ asset("css/style.css") . "?rnd=" . rand(0, 1000000000) }}">
        <script src="{{ asset("js/jquery/jquery-4.0.0.min.js") }}"></script>
        <script src="{{ asset("js/web.js") }}"></script>
        @yield('scripts')
    </head>
    <body>

        <div class="ticker">
            <marquee>{{\App\Http\Controllers\TickerController::getTicker()}}</marquee>
        </div>
        <div class="header">
            <div class="header-main">
                <a href="/">
                    <img id="logo" src="{{ asset("Bilder/logo.png") }}" alt="{{ __('app.logo') }}">
                </a>
            </div>
            <div class="banner">
                <img src="{{ asset("Bilder/banner2.gif") }}" alt="{{ __("app.banner") }}">
            </div>
            <div class="language-area">
                <div class="language">
                    <img alt="{{ __('app.language.de') }}" onclick="setLanguage('de')" src="{{ asset("Bilder/deutschloop.gif") }}">
                    <img alt="{{ __('app.language.en') }}" onclick="setLanguage('en')" src="{{ asset("Bilder/englischloop.gif") }}">
                </div>
                <br />
                <div class="login-status">{{ __('app.signed_in_as') }} {{Auth::user()->name ?? __("app.guest")}}</div>
            </div>
        </div>
        <div class="main">
            <div class="navbar">
                <ul>
                    <li><a href="{{ route('about') }}">{{ __('app.nav.about') }}</a></li>
                    <li><a href="{{ route('services') }}">{{ __('app.nav.services') }}</a></li>
                    <li><a href="{{ route('news') }}">{{ __('app.nav.news') }}</a></li>
                    <li><a href="{{ route('contact') }}">{{ __('app.nav.contact') }}</a></li>
                    <li><a href="{{ route('imprint') }}">{{ __('app.nav.imprint') }}</a></li>
                    <br />
                    <li><a href="{{ route('apply') }}">{{ __('app.nav.apply') }}</a></li>
                    @auth
                        <br />
                        <li><a href="{{ route('editTicker') }}">{{ __('app.nav.editTicker') }}</a></li>
                        <li><a href="{{ route('editNews') }}">{{ __('app.nav.editNews') }}</a></li>
                        <li><a href="{{ route('editApplications') }}">{{ __('app.nav.editApplications') }}</a></li>
                        <li><a href="{{ route('logout') }}">{{ __('app.nav.logout') }}</a></li>
                    @endauth
                </ul>
                <br />
                <ul class="navbar-no-hover-effect">
                    <li><a href="https://chaos.social/@c3gov" rel="me"><img src="{{ asset("Bilder/fedicsgovnetscape.png") }}"
                        onmouseover="{ this.src = '{{ asset("Bilder/fedicsgovnetscapepress.png") }}' }"
                        onmouseout="{ this.src = '{{ asset("Bilder/fedicsgovnetscape.png") }}' }" alt="{{ __('app.fediverse') }}"></a></li>
                </ul>


            </div>
            <div class="content col">
                @yield('content')
                <br />
                <br />
            </div>
        </div>
        <div class="footer">
            &copy; 1999 by C3Gov
        </div>
    </body>
</html>
