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

{% 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 %}