{% extends 'base.html' %}

{% block body %}
<!-- USER INFOS -->
<section class='box'>
    <i class='fas fa-user fa-lg mr-1 align-top'></i><h5 class='d-inline'>{{ 'Info'|trans }}</h5>
    <hr>
    <div>
        <p>{{ App.Users.userData.fullname|raw }} ({{ App.Users.userData.email }})</p>
        <p><a href='ucp.php'>{% trans %}Go to user control panel{% endtrans %}</a>
    </div>
</section>

<!-- STATUS STAT -->
<section class='box'>
    {% if count == 0 %} {# fix division by zero #}
        {{ 'No statistics available yet.'|trans }}
    {% else %}
    <i class='fas fa-chart-pie fa-lg mr-1'></i><h5 class='d-inline'>{{ 'Statistics'|trans }}</h5>
        <hr>
        <p>{{ count }} {% trans %}
            experiments done since
            {% endtrans %} {{ App.Users.userData.register_date|date("l jS \\of F Y") }}</p>
        <div id='stats' data-stats='{{ statsJson|raw }}' data-title='{% trans %}
                Experiment
                {% plural 2 %}
                Experiments
                {% endtrans %}'
        data-colors='{{ colorsJson|raw }}'></div>
        <div id='pieChart' class='text-center'></div>
    {% endif %}
</section>

<script src='https://www.gstatic.com/charts/loader.js'></script>

{% if App.Config.configArr.debug %}
    <script src='app/js/src/profile.js?v={{ v }}'></script>
{% else %}
    <script src='app/js/profile.min.js?v={{ v }}'></script>
{% endif %}

{% endblock body %}