@extends('layouts.layout-2')

@section('content')
    @include('admin.inventory.partials.wawi-ui')
    <div class="wawi-page">
        <div class="wawi-page-head">
            <div>
                <h1 class="wawi-page-head__title">{{ __('Hinweise') }}</h1>
                <p class="wawi-page-head__subtitle">{{ __('Allgemeine Hinweise zur Warenwirtschaft') }}</p>
            </div>
        </div>

        <div class="card wawi-card">
            <div class="card-body wawi-notices">
                {!! $content !!}
            </div>
        </div>
    </div>
@endsection

@section('styles')
    <style>
        .wawi-notices h1 {
            font-size: 1.5rem;
        }

        .wawi-notices h2 {
            font-size: 1.25rem;
            margin-top: 1.5rem;
        }

        .wawi-notices h3 {
            font-size: 1.05rem;
            margin-top: 1rem;
        }

        .wawi-notices blockquote {
            border-left: 3px solid #d4d8dd;
            padding: 0.25rem 0 0.25rem 1rem;
            color: #6c757d;
        }

        .wawi-notices hr {
            margin: 1.5rem 0;
        }

        .wawi-notices ul {
            padding-left: 1.25rem;
        }
    </style>
@endsection