<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title>@yield('title', config('kylin-adminlte.title', 'Kylin Admin'))</title>
    <link rel="stylesheet" href="{{ asset(config('kylin-adminlte.assets.bootstrap_css')) }}">
    <link rel="stylesheet" href="{{ asset(config('kylin-adminlte.assets.adminlte_css')) }}">
    <link rel="stylesheet" href="{{ asset('vendor/kylin-adminlte/css/bootstrap-icons.min.css') }}">
    @stack('css')
</head>
<body class="hold-transition sidebar-mini layout-fixed">
{{-- 依据《无障碍环境建设法》第三十二条，提供跳过导航链接 --}}
@if(config('kylin-adminlte.accessibility.skip_navigation', true))
    <a href="#main-content" class="skip-link sr-only sr-only-focusable" aria-label="{{ __('跳过导航，直达主要内容') }}">{{ __('跳到主要内容') }}</a>
@endif
<div class="wrapper" role="main" id="main-content">
    @include('kylin-adminlte::partials.navbar')
    @include('kylin-adminlte::partials.sidebar')

    <div class="content-wrapper">
        <div class="content-header">
            <div class="container-fluid">
                @yield('content_header')
            </div>
        </div>
        <section class="content">
            <div class="container-fluid">
                @yield('content')
            </div>
        </section>
    </div>

    @include('kylin-adminlte::partials.footer')
</div>

<script src="{{ asset(config('kylin-adminlte.assets.bootstrap_js')) }}"></script>
<script src="{{ asset(config('kylin-adminlte.assets.adminlte_js')) }}"></script>
@stack('js')

{{-- 依据《个人信息保护法》第十七条，Cookie 同意提示 --}}
@include('kylin-adminlte::partials.cookie-consent')
</body>
</html>
