{% 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 %}
    {% set isFirstRun = testSession is empty or testSession.number == 1 %}

    <div class="content__smaller" id="home">
      {% if app.session.flashBag.peek('error') is not empty %}
        <div class="flash flash--error">
          {% for flashMessage in  app.session.flashbag.get('error') %}
            {{ flashMessage }}
          {% endfor %}
        </div>
      {% endif %}

      {% if app.session.flashBag.peek('success') is not empty %}
        <div class="flash flash--success">
          {% for flashMessage in  app.session.flashbag.get('success') %}
            {{ flashMessage }}
          {% endfor %}
        </div>
      {% endif %}

      <h1>{{ 'site.testSession.home.title'|trans({'%firstName%': app.user.name }) }}</h1>
      {% if app.user.completedAllSessions %}
        {# Show a thank you message #}
        <p>{{ 'site.testSession.home.completedAllSessionsText'|trans|nl2br }}</p>
      {% else %}
        {# session reminder text #}
        {% if testSession is not empty and testSession.number > 1 %}
          <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 isFirstRun %}
          <p class="intro__text">{{ 'site.testSession.home.firstSessionText'|trans|nl2br }}</p>
        {% else %}
          <p class="intro__text">{{ 'site.testSession.home.text'|trans|nl2br }}</p>
        {% endif %}
      {% endif %}

      {% if not app.user.consented %}
        <p class="informedConsent">{{ 'site.testSession.home.informedConsent'|trans|nl2br }}</p>

        <div class="rules__checkbox">
          <input type="checkbox" name="acceptConsent" value="acceptConsent" id="acceptConsent">
          <label for="acceptConsent">{{ 'site.testSession.acceptConsent'|trans }}</label>
        </div>
      {% endif %}

      {% if not app.user.agreesToTermsAndConditions %}
        <div class="rules__checkbox">
          <input type="checkbox" name="acceptRules" value="acceptedRules" id="acceptRules">
          <label for="acceptRules"><a href="{{ asset('/bundles/website/docs/algemene_voorwaarden.pdf') }}" target="_blank">{{ 'site.testSession.acceptRules'|trans }}</a></label>
        </div>
      {% endif %}

      {# determine where the navigation should take you #}
      {% if testSession is empty or (testSession is not empty and testSession.number == 1) %}
        {# Then this is the first session! #}
        {% if app.user.completedPsychEducation %}
          {% set route = 'session_survey' %}
        {% else %}
          {% set route = 'session_psycho_edu' %}
        {% endif %}
      {% elseif experiment.totalSessions == testSession.number %}
        {# Then this is the last session! #}
        {% if testSession.availableFrom > date("now") %}
          {# session is not yet available #}
          {% set route = app.request.get('_route') %}
        {% else %}
          {% set route = 'session_survey' %}
        {% endif %}
      {% else %}
        {# This is a normal session #}
        {% if testSession.availableFrom > date("now") %}
          {% set route = app.request.get('_route') %}
        {% else %}
          {% set route = 'session_tutorial' %}
        {% endif %}
      {% endif %}

      <div>
        {% if lastSession is not empty %}
          <div class="next__button inline-button">
            <a href="{{ url('user_statistics') }}"
               class="submit__button {{ not app.user.agreesToTermsAndConditions ? 'disabled' }} ">
              {% trans %}site.testSession.viewStatistics{% endtrans %}
            </a>
          </div>
        {% endif %}

        {% if (not app.user.completedAllSessions) or lastSession is empty %}
          <div class="next__button inline-button">
            {% if testSession is not empty %}
              <a href="{{ path(route) }}"
                 class="submit__button {{ not app.user.agreesToTermsAndConditions ? 'disabled' }} {{ route == app.request.get('_route') ? 'disabled js-session-start-disabled' }} "
                 data-available-from="{{ (testSession.availableFrom|date('U')) }}"
              >
                {% if isFirstRun %}
                  {% trans %}site.testSession.startFirstSession{% endtrans %}
                {% else %}
                  {% trans %}site.testSession.start{% endtrans %}
                {% endif %}
              </a>

            {% else %}
              <a href="{{ path(route) }}"
                 class="submit__button {{ not app.user.agreesToTermsAndConditions ? 'disabled' }}"
              >
                {% if isFirstRun %}
                  {% trans %}site.testSession.startFirstSession{% endtrans %}
                {% else %}
                  {% trans %}site.testSession.start{% endtrans %}
                {% endif %}
              </a>

            {% endif %}
          </div>
        {% endif %}
      </div>
    </div>

  {% endblock %}
  {% block footer %}
    {% include 'WebsiteBundle:Layout/Partials:_footer.html.twig' %}
  {% endblock %}
{% endembed %}