{% form_theme form 'WebsiteBundle:Form:fields.html.twig' %}
{% 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="tutorial">
      <h1>{{ 'site.tutorial.title'|trans }}</h1>
      <p class="sub__title content__smaller">{{ 'site.tutorial.copy'|trans }}</p>

      <div class="intro__video">
        {% if testSession is empty or testSession.type == constant('WebsiteBundle\\Entity\\Test::TYPE_PASAT') %}
          {% set videoSource = 'videos/pasat.mp4' %}
          {% set posterSource = '/img/pasat_video_thumbnail.png' %}
        {% elseif testSession.type == constant('WebsiteBundle\\Entity\\Test::TYPE_APASAT') %}
          {% set videoSource = 'videos/apasat.mp4' %}
          {% set posterSource = '/img/apasat_video_thumbnail.png' %}
        {% else %}
          {% set videoSource = 'videos/act.mp4' %}
          {% set posterSource = '/img/apasat_video_thumbnail.png' %}
        {% endif %}

        <video width="400" controls poster="{{ asset('/img/apasat_video_thumbnail.png') }}">
          <source type="video/mp4" src="{{ '/web/uploads/' ~ videoSource }}"/>
          {{ 'site.tutorial.support'|trans }}
        </video>
      </div>

      {% if testSession is not empty and testSession.number != 1 and testSession.number != experiment.totalSessions %}
        {{ form_start(form,{'attr': {'id': 'skipTutorial'}}) }}
        {{ form_widget(form.skipTutorial) }}

        <button id="startTest" class="submit__button" type="submit">
          {{ 'site.tutorial.startSession'|trans }}
        </button>

        {{ form_end(form) }}
      {% else %}
        <a id="startTest" class="submit__button" href="{{ path('session_test') }}">
          {{ 'site.tutorial.startSession'|trans }}
        </a>
      {% endif %}
    </div>

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