{% extends isWidgetized ? 'empty.twig' : 'dashboard.twig' %}

{% set bodyId = 'awd' %}

{% block root %}
    {{ parent() }}
{% endblock %}

{% block topcontrols %}
    <div class="row">
        <div class="col s12 m12 l10 offset-l1">
            {% include "@CoreHome/_periodSelect.twig" %}
        </div>
    </div>
{% endblock %}

{% block content %}
    <div class="reporting-page row" id="multisitesAllWebsitesDashboard">
        <div class="col s12 m12 l10 offset-l1">
            {% if isWidgetized %}
                <div id="main">
            {% else %}
                <div id="main" class="card">
                    <div class="card-content">
            {% endif %}

            <div vue-entry="MultiSites.AllWebsitesDashboard"
                 auto-refresh-interval="{{ autoRefreshTodayReport|json_encode }}"
                 display-revenue="{{ displayRevenueColumn|json_encode }}"
                 display-sparklines="{% if show_sparklines %}true{% else %}false{%endif%}"
                 has-bot-tracking-enabled="{{ hasBotTrackingEnabled|json_encode }}"
                 is-widgetized="{{ isWidgetized|json_encode }}"
                 page-size="{{ limit|default(25)|json_encode }}"
            ></div>

            {% if isWidgetized %}
                </div>
            {% else %}
                    </div>
                </div>
            {% endif %}
        </div>
    </div>
{% endblock %}
