<script src="{$urls.JS_PATH}/jquery/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
    jQuery.noConflict();
</script>
<script src="{$urls.JS_PATH}/ractive/Ractive.min.js"></script>
<link href="{$urls.CSS_PATH}/AnalyticReporting.css" rel="stylesheet" type="text/css" media="all" />
<link href="{$urls.CSS_PATH}/ReportBuilder.css" rel="stylesheet" type="text/css" media="all" />

<a class="ar-button" style="margin:20px 0 0 20px;" href="{$urls.index}">Back to reports</a>
<a class="ar-button blue" style="margin:20px 0 0 20px;" href="{$urls.reportBuilderExtended}">Extended</a>

{include file="$TPL_PATH/ReportBuilder/templates.tpl"}

<div id="ar-report-builder-simple"></div>

{literal}
<script>
//passed to reportBuilder
var reportBuilderSimpleOptions = {
    //lists of predefined elements
    types:{
        {/literal}
        reportTypes:{$reportTypes},
        relationTypes:{$relationTypes},
        moduleTypes:{$modules},
        modulesFieldTypes:{$modulesFields},
        categoryTypes:{$categories},
        allRelationsParsed:{$allRelationsParsed},
        {literal}
    },
    //internal attributes, server urls, server response
    {/literal}
    urls:{$urlsJSON},
    {literal}
};

var translated_labels = {/literal}{$DICTIONARY}{literal};
var systemModuleName = "{/literal}{$moduleName}";
</script>
<!-- env:dev --#>
<script src="{$urls.JS_PATH}/components/reportBuilder.js"></script>
<!-- env:dev:end -->
<!-- env:prod -->
<script src="{$urls.JS_PATH}/builder.min.js?v=3.0.264"></script>
<!-- env:prod:end -->
