{% extends 'D2UserBundle::base.html.twig' %}

{% block head_script_extra %}
<script type="text/javascript" src="{{ asset('bundles/d2core/Chart.js-master/Chart.min.js') }}"></script>
{% endblock head_script_extra %}
    
{% block page_header %}
    <div class="pull-right">
        <a href="{{ path('user_admin_activity_view', {'user': user, 'from_date': start_date, 'to_date': end_date}) }}" class="btn btn-small">Back</a>
    </div>
    <div class="clearfix"></div>
{% endblock page_header %}

{% block content %}
{% set dayStrs = {0:"Mon", 1:"Tue", 2:"Wed", 3:"Thu", 4:"Fri", 5:"Sat", 6:"Sun"} %}
<div class="offset2 span8">
	<h2 class="text-center">USER ACTIVITY: {{ start_date }} to {{ end_date }}</h2>
	<canvas id="lineChart" style="width:100%"></canvas>
</div>

<script>

var line_ctx = $("#lineChart").get(0).getContext("2d");

var line_data = {
	labels: [
		{% for data in analysis %}
			"{{ dayStrs[data['weekday']] }}-{{ data['day'] }}/{{ data['hour'] }}:00",
		{% endfor %}
	],
	datasets: [
		{
		label: "Activity",
		fillColor: "rgba(220,220,220,0.5)",
		strokeColor: "rgba(220,220,220,0.8)",
		highlightFill: "rgba(220,220,220,0.75)",
		highlightStroke: "rgba(220,220,220,1)",
		data: [
				{% for data in analysis %}
					{{ data['cnt'] }},
				{% endfor %}
			],
		},
	]
};

var myLineChart = new Chart(line_ctx).Bar(line_data, {});

</script>

{% endblock content %}