@extends('frontend.layouts.main')

@section('content')
    <div class="sidebar-layout" data-controller="layout/sidebar-layout">
        @yield('content-header')
        <div class="sidebar-layout__main">
            <div class="sidebar-layout__left">
                <div class="sidebar-layout__line" data-role="content-top">
                    <div class="sidebar-layout__toolbar-fake">
                    </div>
                    <div class="sidebar-layout__content">
                        @yield('content-top')
                    </div>
                </div>
                <div class="sidebar-layout__line">
                    <div clasS="sidebar-layout__toolbar" data-role="toolbar">
                        @yield('content-toolbar')
                    </div>
                    <div class="sidebar-layout__content" data-role="content-left">
                        @yield('content-left')
                    </div>
                </div>
            </div>
            <div class="sidebar-layout__sidebar">
                @yield('sidebar-top')
                @include('frontend.templates.components.sidebar')
                @yield('sidebar-bottom')
            </div>
        </div>
        @yield('content-footer')
    </div>
@stop