extends ../base

block append style
    link(rel='stylesheet' href='/style-asset/dashboard.css')
    link(rel='stylesheet' href='/assets/lib/fa/css/all.css')

block append script
    script(type='module').
        import { session } from '/assets/app/service/Session.service.js'
        session.init(!{JSON.stringify(vue_session) || '\{\}'})
        window.session = session

        import { dash_components } from '/assets/app/dash-components.js'
        import VuES6Loader from '/assets/lib/vues6/vues6.js'

        const loader = new VuES6Loader(dash_components)
        loader.load()

        const app = new Vue({
            el: '#wrapper',
            data: !{JSON.stringify(vue_state) || '\{\}'}
        })

block app
    .d-flex#wrapper
        coreid-sidebar#sidebar-wrapper(v-bind:app_name="app_name")

        #page-content-wrapper
            coreid-navbar
            coreid-message-container

            .container-fluid
                block content