@extends('layout.app')

@section('styles')
    <link href="{{ mix('/css/bootstrap.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ mix('/css/base_dashboard.css') }}" rel="stylesheet" type="text/css" />
    <link href="@yield('path_page_css')" rel="stylesheet" type="text/css" />
@endsection

@section('scripts')
    <script>
        const _SESSTIMEOUT_REDIRAFTER = {{ $session_redirafter }};
        const _LOG_USER_LOGIN = `{{ $user_login }}`;
        const _LOG_USER_DIVISION_LOGIN = `{{ $user_division }}`;
        const _LOG_USER_BRANCH_LOGIN = `{{ $user_branch }}`;
        const _LOG_USER_ROLE_LOGIN = `{{ $user_role }}`;
    </script>
    <script src="{{ mix('/js/base_dashboard.js') }}" type="text/javascript"></script>
    <script src="@yield('path_page_js')" type="text/javascript"></script>
@endsection

@section('body_content')
    @include('sub.dashboard.header_mobile')

    <div class="kt-grid kt-grid--hor kt-grid--root">
        <div class="kt-grid__item kt-grid__item--fluid kt-grid kt-grid--ver kt-page">
            @include('sub.dashboard.aside')
            <div class="kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor kt-wrapper" id="kt_wrapper">
                @include('sub.dashboard.header')
                <div class="kt-content  kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor" id="kt_content">
                    @include('sub.dashboard.subheader')
                    <div class="kt-container  kt-container--fluid  kt-grid__item kt-grid__item--fluid">
                        @yield('content')
                    </div>
                    @include('sub.dashboard.modal_loading')
                    @include('sub.dashboard.modal_login')
                </div>
                @include('sub.dashboard.footer')
            </div>
        </div>
    </div>

    @include('sub.dashboard.scrolltop')
@endsection