<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Purpleload</title>
        <link rel="stylesheet" type="text/css" href="{{ asset('css/app.css') }}">
        <link href="data:image/x-icon;base64,AAABAAEAEBAQAAEABAAoAQAAFgAAACgAAAAQAAAAIAAAAAEABAAAAAAAgAAAAAAAAAAAAAAAEAAAAAAAAAAAuwAAAAAAAADdAAAA/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAERERERERERERERARERERERERAgERERERERAjIBERERERAjIyARERERAjICMgERERAjIBAjIBERECIBEQIyAREQABERECMgERERERERAjIBEREREREQIyARERERERECMgERERERERAiAREREREREQABERERERERERERERERERERH//wAA+/8AAPH/AADg/wAAwH8AAIA/AAAEHwAADg8AAB8HAAD/gwAA/8EAAP/gAAD/8AAA//gAAP//AAD//wAA" rel="icon" type="image/x-icon" />
        @yield('pagecss')
    </head>
    <body>
        <header class="global-header sticky-top">
            <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse justify-content-center" id="navbarNavAltMarkup">
                    <div class="navbar-nav">
                        <a class="nav-item nav-link text-center{{ $active == 'dashboard' ? ' active' : '' }}" href="{{ route('admin') }}">
                            <span class="fas fa-fw fa-tachometer-alt"></span><br>Dashboard
                        </a>
                        <a class="nav-item nav-link text-center{{ $active == 'forums' ? ' active' : '' }}" href="{{ route('admin.forums') }}">
                            <span class="fas fa-fw fa-list-alt"></span><br>Forum
                        </a>
                        <a class="nav-item nav-link text-center{{ $active == 'users' ? ' active' : '' }}" href="{{ route('admin.users') }}">
                            <span class="fas fa-fw fa-user"></span><br>Benutzer
                        </a>
                        <a class="nav-item nav-link text-center{{ $active == 'groups' ? ' active' : '' }}" href="{{ route('admin.groups') }}">
                            <span class="fas fa-fw fa-users"></span><br>Gruppen
                        </a>
                        <a class="nav-item nav-link text-center{{ $active == 'settings' ? ' active' : '' }}" href="{{ route('admin.settings') }}">
                            <span class="fas fa-fw fa-cogs"></span><br>Einstellungen
                        </a>
                    </div>
                </div>
            </nav>
        </header>
        @yield('content')
        <script src="{{ asset('js/jquery-3.6.0.min.js') }}"></script>
        <script src="{{ asset('js/bootstrap.bundle.min.js') }}"></script>
        <script src="{{ asset('js/bootbox.all.min.js') }}"></script>
        <script src="{{ asset('js/larabb.js') }}"></script>
        @yield('pagejs')
    </body>
</html>
