<!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>LaraBB</title>
        <link rel="stylesheet" type="text/css" href="/css/app.css">
        @yield('pagecss')
    </head>
    <body>
        <header class="sticky-top">
            <div class="container{{ config('larabb.layout') == 'fluid' ? '-fluid' : '' }}">
                <h1 class="d-flex flex-column">
                    <a href="{{ route('index') }}" class="global-header__logo-link text-uppercase">Purpleload</a>
                    <em class="h5 text-muted">Next generation Perfect Purple ;)</em>
                </h1>
            </div>
            <div class="navbar-dark bg-dark">
                <div class="container{{ config('larabb.layout') == 'fluid' ? '-fluid' : '' }}">
                    <div class="d-flex justify-content-between align-items-center">
                        <nav>
                            @include('user::partials.login-register')
                        </nav>
                        <form action="#" method="post">
                            @csrf

                            <label class="input-group">
                                <input class="form-control" name="query" placeholder="@lang('Search...')">
                                <span class="input-group-append btn-group">
                                    <button class="btn btn-primary">
                                        <span class="fas fa-search"></span>
                                    </button>
                                    <a class="btn btn-primary">
                                        <span class="fas fa-cogs"></span>
                                    </a>
                                </span>
                            </label>
                        </form>
                    </div>
                </div>
            </div>
        </header>
        <div class="container{{ config('larabb.layout') == 'fluid' ? '-fluid' : '' }} pt-5">
            @yield('content')
        </div>
        <script src="{{ asset('js/jquery-3.6.0.min.js') }}"></script>
        <script src="{{ asset('js/bootstrap.bundle.min.js') }}"></script>
        <script src="{{ asset('js/larabb.js') }}"></script>
        @yield('pagejs')
    </body>
</html>
