{*
* Fixed SuiteCRM issue with selects in reporting filters (for example between),
*  where selectboxes have high padding (0 52px 0 5px) and therefore breaks filter lines.
*}
{if $systemType eq 'SUITECRM'}
{literal}
    <style>
        #ar-dashboard-app * {
            font-size:12px !important;
        }
        select {padding:0 32px 0 5px}
    </style>
{/literal}
{/if}

{if $ERROR_MESSAGE}
<div>
    {$ERROR_MESSAGE} <br />
    <a href="{$ERROR_RETURN_URL}">Return to report list</a>
</div>
{else}
<!-- React goes here -->
<div id="ar-dashboard-app">Loading dashboard...</div>

<script src="{$urls.JS_PATH}/dashboard/dashboardApp.min.js"></script>
<script>
    var __APP_INITIAL_STATE = {$__APP_INITIAL_STATE};
    window.ARDashboardApp("ar-dashboard-app", __APP_INITIAL_STATE);
</script>
{/if}