
<div id="ar-settings-app">Loading settings...</div>

{* Fix issue for VTiger and Material-UI style conflicts *}
{literal}
<style>
    .MuiBox-root input[type=checkbox] {
        position: absolute;
        opacity: 0;
        width: 20px;
        height: 20px;
        left: 7px;
        top: 7px;
    }
    .MuiBox-root input[type=checkbox]:checked {
        opacity: 0
    }
</style>
{/literal}

<script src="modules/{$moduleName}/assets/js/settings/settingsApp.min.js"></script>
<script>
    var __APP_INITIAL_STATE = {$__APP_INITIAL_STATE};
    window.ARSettingsApp.init("ar-settings-app", window.__APP_INITIAL_STATE);
</script>

{* Fix for slimScroll.min.js:12 Uncaught TypeError: c.draggable is not a function *}
{if !version_compare($VTIGER_VERSION, '7.0.0', '>=')}
    <script src="libraries/jquery/jquery-ui/js/jquery-ui-1.8.16.custom.min.js"></script>
{/if}