<template>
    
    <v-app id="main">
        
        <application-header 
            :app="app"
        />

        <application-left-drawer 
            v-if="app.user && !! app.menus.Drawer && (app.menus.Drawer.optionsCount > 0) "
            :app="app"
        />

        <v-main>
            <v-container fluid>
                <router-view
                    :app="app"
                >
                </router-view>
            </v-container>
        </v-main>

        <application-footer 
            v-if="app.appFooter.visible"
            :app="app"
        />
    </v-app>
</template>

<script>

    export default {
        props: {
            app: {required: true},
        },

        components: {
            ApplicationHeader: require('./Header/ApplicationHeader').default,
            ApplicationLeftDrawer: require('./Drawer/ApplicationLeftDrawer').default,
            ApplicationFooter: require('./Footer/ApplicationFooter').default,
        },
        
        name: 'ApplicationBooted',        
    }
</script>