@extends('layouts.main', [
    'pageTitle' => $pageTitle ?? "",
    'pageShortNote' => $pageShortNote ?? ""
])
@section('main-content')

        <div class="nk-content-inner">
            <div class="nk-content-body">
                <div class="nk-block">
                    <div class="card card-bordered">
                        <div class="card-aside-wrap">
                            <div class="card-inner card-inner-lg">
                                <div class="nk-block card card-bordered">

                                    <div class="nk-block-head card-header page-title-row">

                                        <div class="nk-block-between">
                                            @if(isset($subTitle))
                                                <div class="nk-block-head-content">
                                                    <h4 class="nk-block-title">{{ $subTitle ?? '' }}</h4>
                                                    <div class="nk-block-des">
                                                        <p>{{ $subPageShortNote ?? '' }}</p>
                                                    </div>
                                                </div>
                                            @endif
                                            @yield('additional-header-content')
                                            <div class="nk-block-head-content align-self-start d-lg-none">
                                                <a href="#" class="toggle btn btn-icon btn-trigger mt-n1"
                                                   data-target="userAside"><em class="icon ni ni-menu-alt-r"></em></a>
                                            </div>
                                        </div>
                                    </div><!-- .nk-block-head -->
                                    <div class="card-content collapse show">
                                        <div class="card-body">
                                        @yield('content')
                                        </div>
                                    </div>
                                </div>
                            </div><!-- .card-inner -->
                            <div class="card-aside card-aside-left user-aside toggle-slide toggle-slide-left toggle-break-lg"
                                 data-content="userAside" data-toggle-screen="lg" data-toggle-overlay="true">
                                <div class="card-inner-group">
                                    <div class="card-inner block-display">
                                        <div class="user-card">
                                            @yield('side-header-content')
                                        </div><!-- .user-card -->
                                    </div><!-- .card-inner -->
                                    <div class="card-inner p-0">
                                        @yield('side-menu-items')
                                    </div><!-- .card-inner -->
                                </div><!-- .card-inner-group -->
                            </div><!-- card-aside -->
                        </div><!-- card-aside-wrap -->
                    </div><!-- .card -->
                </div><!-- .nk-block -->
            </div>
        </div>
@endsection