{% import "_includes/forms" as forms %}

{% if isConfigured %}

    {% if hasUrl %}

        <div
            data-element-id="{{ element.id }}"
            data-locale="{{ element.locale }}"
            class="analytics-field">

            <span class="uri light right">&nbsp; URI: {{ uri }}</span>

            {% set metricOpts = {
                'ga:pageviews':'Pageviews'|t,
                'ga:sessions':'Sessions'|t,
                'ga:bounceRate':'Bounce Rate'|t,
                'ga:avgTimeOnPage':'Avg. time on page'|t,
                'ga:exitRate':'% Exit'|t,
            } %}

            {{ forms.select({
                class:'analytics-metric',
                value:'ga:pageviews',
                options: metricOpts
            }) }}

            <div class="spinner hidden"></div>
            <div class="chart"></div>
            <div class="error"></div>

        </div>

    {% elseif isNew %}

        <div class="analytics-field analytics-error disable-icon">
            <div class="error">{{ "Report will appear when the element is saved."|t }}</div>
        </div>

    {% else %}

        <div class="analytics-field analytics-error">
            <div class="error">{{ "This element doesn't support urls."|t }}</div>
        </div>

    {% endif %}

{% else %}

    <div class="analytics-field center">
        <p><a href="{{url('analytics/settings')}}">{{'Configure Analytics plugin in order to get started'|t}}</a></p>
    </div>

{% endif %}