<div class="mg-wrapper body" data-target=".body" data-spy="scroll" data-twttr-rendered="true">

    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet">
    <link rel="stylesheet" href="{$assetsURL}/css/layers-ui.css">
    {if $template eq "lagom2"}
        <link rel="stylesheet" href="{$assetsURL}/css/mg_styles_lagom2.css">
    {else}
        <link rel="stylesheet" href="{$assetsURL}/css/mg_styles.css">
    {/if}
    
    {if $isCustomModuleCss}
        <link rel="stylesheet" href="{$customAssetsURL}/css/module_styles.css">
    {/if}

    <div class="full-screen-module-container" id="layers">
        <div class="lu-app">
            {$content}
        </div>
    </div>
</div>

{if $isDebug}
    <script type="text/javascript" src="https://unpkg.com/vue"></script>
    <script type="text/javascript" src="https://unpkg.com/vuex"></script>
{else}
    <script type="text/javascript" src="{$assetsURL}/js/vue.min.js"></script>
    <script type="text/javascript" src="{$assetsURL}/js/vuex.min.js"></script>
{/if}
<script type="text/javascript" src="{$assetsURL}/js/mgComponents.js"></script>
<script type="text/javascript" src="{$assetsURL}/js/jscolor.min.js"></script>
<script type="text/javascript" src="{$assetsURL}/js/layers-ui.js"></script>
<script type="text/javascript" src="{$assetsURL}/js/chart.min.js"></script>

<div class="clear"></div>
