{% extends "base.html" %}
{% block header %}
        {% include "nav.html" with active="stats" %}
{% endblock %}

{% block content %}
<section id="stats" class="row-fluid">
    <section id="order" class="row-fluid">
        <div class="span12">
            <h2>Ordre</h2>
            <div id="order_chart"></div>
            <!--<div id="container" style="width: 800px; height: 400px; margin: 0 auto;"></div> -->
        </div>
    </section>

    {% for product in products %}
        <section id="product_{{ product.id }}" class="row-fluid">
            <div class="span12">
                <h2>{{ product }}</h2>
                <div id="product_{{ product.id }}_chart"></div>
                <!--<div id="container" style="width: 800px; height: 400px; margin: 0 auto;"></div> -->
            </div>
        </section>
    {% endfor %}
</section>
{% endblock %}
{% block tailinc %}
    <script src="{{ STATIC_URL }}js/bootstrap-typeahead.js"></script>
    <script src="{{ STATIC_URL }}js/bootstrap-tooltip.js"></script>
    <script src="{{ STATIC_URL }}js/highcharts.js"></script>
    <script src="{{ STATIC_URL }}js/stats.js"></script>
{% endblock %}