{% extends 'EcdEmailingBundle::layout.html.twig' %}

{% block bridge %}
    {{ ecd_menu('order') }}
    <div style="clear: left"></div>
{% endblock %}

{% block title %}{% trans %}ecd_emailingstats.order_stats.meta.title{% endtrans %}{% endblock %}

{% block content %}

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
    //adds the package you need
    google.load("visualization", "1", {packages:["corechart", 'table', 'gauge']});
    //jquery mini-dependency. If you have it already included, just remove that line...
    google.load('jquery', '1.6.0');
</script>

<h1>{% trans %}ecd_emailingstats.order_stats.title{% endtrans %}</h1>

<div id="ecd_emailingstats">

    <p>
    {% trans %}ecd_emailingstats.order_stats.description{% endtrans %}
    {{ order.name }}
    <br />
    {% trans %}ecd_emailingstats.order_stats.sent_at{% endtrans %}
    {{ order.sentAt }}
    </p>

    <div id="graph_stats">
        {{ gchart_column_chart(dataGraph, 'chart', 600, 200, 'Statistics') }}
    </div>

    <div id="text_stats">
        <table>

            <tr>
                <td>{% trans %}ecd_emailingstats.order_stats.property{% endtrans %}</td>
                <td>{% trans %}ecd_emailingstats.order_stats.value{% endtrans %}</td>
                <td>{% trans %}ecd_emailingstats.order_stats.percentage{% endtrans %}</td>
            </tr>


            <tr>
                <td>{% trans %}ecd_emailingstats.order_stats.total{% endtrans %}</td>
                <td>{{ stats.result.total }}</td>
                <td>-</td>
            </tr>

            <tr>
                <td>{% trans %}ecd_emailingstats.order_stats.sent{% endtrans %}</td>
                <td>{{ stats.result.sent }}</td>
                <td>{{ stats.result.sent_pct }}</td>
            </tr>

            <tr>
                <td>{% trans %}ecd_emailingstats.order_stats.open{% endtrans %}</td>
                <td>{{ stats.result.open }}</td>
                <td>{{ stats.result.open_pct }}</td>
            </tr>

            <tr>
                <td>{% trans %}ecd_emailingstats.order_stats.spam{% endtrans %}</td>
                <td>{{ stats.result.spam }}</td>
                <td>{{ stats.result.spam_pct }}</td>
            </tr>

            <tr>
                <td>{% trans %}ecd_emailingstats.order_stats.click{% endtrans %}</td>
                <td>{{ stats.result.click }}</td>
                <td>{{ stats.result.click_pct }}</td>
            </tr>

            <tr>
                <td>{% trans %}ecd_emailingstats.order_stats.bounce{% endtrans %}</td>
                <td>{{ stats.result.bounce }}</td>
                <td>{{ stats.result.bounce_pct }}</td>
            </tr>
        </table>
    </div>


</div>

{% endblock %}