<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8" />
    <title><: $INDEX.title :></title>

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />

: for $resources -> $resource {
    <: $resource | raw :>
: }

    <script type="text/javascript">

        // configure loader
        Ext.Loader.setConfig({
            enabled: true,
            disableCaching: false,
            paths: <: $ext.loader_path :>
        });

: if $ext.api_map {

        // ExtDirect API
        Ext.direct.Manager.addProvider(<: $ext.api_map :>);
: }

        Ext.onReady(function() {

            // disable aria warnings
            Ext.ariaWarn = Ext.emptyFn;

            // create ExtJS application
            Ext.application({
                extend: 'Ext.app.Application',
                name: '<: $ext.app_namespace :>',
                appFolder: '.',
                glyphFontFamily: 'FontAwesome',
                autoCreateViewport: '<: $ext.viewport_class :>'
            });
        });
    </script>
</head>
<body>
<noscript>
    <div style="position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;vertical-align:middle;z-index:999999999;background:white;">
        <h1>This Website requires your browser to be JavaScript enabled.</h1>
        <br />
        <a href="http://www.activatejavascript.org">Activate and enable your javascript</a>
    </div>
</noscript>
</body>
</html>