{% embed 'WebsiteBundle:Layout:layout.html.twig' with {
metaSettings: {
'viewport': 'width=device-width, initial-scale=1',
'keywords': '',
'description': 'site.metadata.description'|trans
},
ogSettings: {
'title': 'site.metadata.title'|trans,
'image': '',
'description': 'site.metadata.description'|trans,
'url': url(app.request.get('_route'), app.request.get('_route_params'))
}
} %}

  {% block content %}
    <div id="stats">
      <h1>{{ 'site.results.endOfsessionTitle'|trans({'%sessionNumber%': lastSession.number }) }}</h1>

      {% if testSession is not empty %}
        <h3 class="header header--bold">
          <strong>
            {{ 'site.results.reminderText'|trans({
              '%firstName%': app.user.name|capitalize,
              '%weekday%': (('date.'~(testSession.scheduled|date('l', "Europe/Brussels")))|trans({}, 'admin'))|lower,
              '%time%': testSession.scheduled|date('H:i', "Europe/Brussels"),
              '%sessionNumber%': testSession.number
            }) }}
          </strong>
        </h3>
      {% endif %}

      {% if app.user.completedAllSessions %}
        {# Show a thank you message #}
        <p>{{ 'site.testSession.home.completedAllSessionsText'|trans|nl2br }}</p>
      {% else %}
        <p>{{ 'site.results.introText'|trans }}</p>
      {% endif %}

      {% if app.user.condition.gamificationLevel == constant('WebsiteBundle\\Entity\\ExperimentCondition::GAMIFICATION_HIGH') %}
        <ul id="tabs">
          <li><a href="#tab1">{% trans %}site.results.tab.statistics{% endtrans %}</a></li>
          <li>
            <a id="achievements" href="#tab2">
              {% trans %}site.results.tab.grid{% endtrans %}

              {% if unViewedCount > 0 %}
                <span class="new__achievements">{{ unViewedCount }}</span>
              {% endif %}
            </a></li>
        </ul>
        <div class="container" id="tab1">
          {% include '@Website/User/Partials/_graphs.html.twig' %}
        </div>
        <div class="container" id="tab2">
          <h1>
            {% trans %}site.results.grid.title{% endtrans %}
          </h1>
          <div class="achievement_legend">
            <div class="locked legend"><span></span> Locked</div>
            <div class="unlocked legend"><span></span> Unlocked</div>
            <div class="master legend"><span></span> Master</div>
          </div>
          <div id="grid">
            {% for quote in quotes %}

              {% if quote is instanceof('WebsiteBundle\\Entity\\UnlockedQuote') %}
                {% if quote.viewed %}
                  {% if quote.quote.type == constant('WebsiteBundle\\Entity\\Quote::TYPE_MASTER') %}
                    {% set class = 'master' %}
                  {% else %}
                    {% set class = 'unlocked' %}
                  {% endif %}
                {% else %}
                  {% set class = 'new' %}

                  {% if quote.quote.type == constant('WebsiteBundle\\Entity\\Quote::TYPE_MASTER') %}
                    {% set class = 'master' %}
                  {% endif %}
                {% endif %}
              {% else %}
                {% set class = 'locked' %}
                {% if quote.type == constant('WebsiteBundle\\Entity\\Quote::TYPE_MASTER') %}
                  {% set class = 'master' %}
                {% endif %}
              {% endif %}

              {% if quote is instanceof('WebsiteBundle\\Entity\\UnlockedQuote') %}
                {% set currentQuote = quote.quote %}
              {% else %}
                {% set currentQuote = quote %}
              {% endif %}
              <div class="grid__block {{ class }} {% if quote is instanceof('WebsiteBundle\\Entity\\UnlockedQuote') %} js-show-quote{% endif %}"
                   data-id="{{ currentQuote.id }}" {{ quote is instanceof('WebsiteBundle\\Entity\\UnlockedQuote') ? 'data-unlocked-id='~ quote.id }}
                   data-url="{{ url('ajax_unlocked_quote_viewed') }}"
                   data-quote-date="{{ quote.created|date('d') ~ ' ' ~ (('date.' ~ quote.created|date('F'))|trans({}, 'admin')) ~ ' ' ~ quote.created|date('Y')~ ', ' ~ quote.created|date('H:i') }}"
                   data-quote="{{ currentQuote.quote }}">
                <div class="grid__block__content">
                  <div class="table">
                    <div class="table-cell">
                      {% if class == 'locked' %}
                        <i class="fa fa-lock"></i>
                      {% elseif class == 'master' %}
                        <i class="fa fa-lock"></i>
                      {% elseif class == 'unlocked' %}
                        <p>Sessie
                          {% if quote.session|default(null) %}
                            <span class="session__number">{{ quote.session.number }}</span>
                          {% endif %}
                        </p>
                      {% elseif class == 'new' or 'master' in class %}
                        <p class="hide">{{ currentQuote.quote }}</p>
                        <i class="fa fa-unlock"></i>
                      {% endif %}
                    </div>
                  </div>
                </div>
              </div>
            {% endfor %}
          </div>
          <div id="achievementModal">
            <div class="modal">
              <div class="modal__container">
                <div class="modal__header">
                  <p>Sessie <span id="sessionNumber"></span>: <span id="sessionDate"></span></p>
                </div>
                <p id="sessionQuote"></p>
                <div class="modal__close">Sluiten</div>
              </div>
            </div>
          </div>
        </div>
      {% else %}
        {% include '@Website/User/Partials/_graphs.html.twig' %}
      {% endif %}
    </div>
  {% endblock %}
  {% block footer %}
    {% include 'WebsiteBundle:Layout/Partials:_footer.html.twig' %}
  {% endblock %}
{% endembed %}