@inject('layoutHelper', 'JeroenNoten\LaravelAdminLte\Helpers\LayoutHelper')
@inject('preloaderHelper', 'JeroenNoten\LaravelAdminLte\Helpers\preloaderHelper')

@if($layoutHelper->isLayoutTopnavEnabled())
    @php( $def_container_class = 'container' )
@else
    @php( $def_container_class = 'container-fluid' )
@endif

{{-- Default Content Wrapper --}}

<div class="{{ $layoutHelper->makeContentWrapperClasses() }} text-light" style="background: linear-gradient(45deg, #0000ff, #ff0000, #FCEE21);">
    <div class="image-container" >


    </div>
    <div style="position: fixed; right: 0;" >
        @include('adminlte::partials.navbar.menu-item-logout-link')
        @include('adminlte::partials.navbar.menu-item-fullscreen-widget')
    </div>
    @yield('auth_body')
    {{-- Preloader Animation (cwrapper mode) --}}
    @if($preloaderHelper->isPreloaderEnabled('cwrapper'))
        @include('adminlte::partials.common.preloader')
    @endif
    <div class="card mt-3 pt-3" style=" background-color: rgba(0, 0, 0, 0.5); width: 80%; margin: auto; top: 65px;">
        @if(auth()->user()->hasRole('system admin'))
            {{-- @include('adminlte::partials.navbar.navbar') --}}
        @endif

        {{-- Content Header --}}
        @hasSection('content_header')
            <div class="content-header">
                <div class="{{ config('adminlte.classes_content_header') ?: $def_container_class }}">
                    @yield('content_header')
                </div>
            </div>
        @endif
        

        {{-- Main Content --}}
        <div class="content">
            
            <div class="{{ config('adminlte.classes_content') ?: $def_container_class }}" style="max-width: 90% !important;">
                @stack('content')
                @yield('content')
            </div>    

        </div>
    </div>
</div>