{{ wp_enqueue_script( 'td/daily-usage-chart' ) }}

{% if error %}
	{% include "notice/simple.twig" with error %}
{% else %}
	<div class="td-card">
		<div class="card-title">
			<div class="text">
				<h1>{{ title }}</h1>
				<p class="card-title-subtitle">{{ subtitle }}</p>
			</div>
		</div>

		<md-divider></md-divider>

		<div class="card-content">
			<canvas id="daily-usage-chart"
				data-testid="daily-usage-chart"
				data-signed="{{ signed|json_encode() }}"
				data-not-signed="{{ not_signed|json_encode() }}"
				data-thresholds="{{ thresholds|json_encode() }}"
				data-day-labels="{{ day_labels|json_encode() }}"
				data-legend-label-signed="{{ signed_label }}"
				data-legend-label-not-signed="{{ not_signed_label }}"
				data-legend-threshold="{{ threshold_label }}">
			</canvas>
		</div>
	</div>
{% endif %}