{% extends "frontend/_layout.html.twig" %}

{# CONTENT #}
{% block content %}
    <div class="header-clear-large"></div>

    <div class="content">
        <div class="container heading-style-5">
            {% if survey.type == 1 %}
                <h4 class="heading-title">{{ 'preselections' |trans({}, 'survey') }}</h4>
            {% elseif survey.type == 2 %}
                <h4 class="heading-title">{{ 'test' |trans({}, 'survey') }}</h4>
            {% else %}
                <h4 class="heading-title">{{ 'survey' |trans({}, 'survey') }}</h4>
            {% endif %}
            <i class="fa fa-align-left heading-icon"></i>
            <div class="line bg-gray-dark"></div>
        </div>

        <div class="container-fullscreen heading-style-3">
            <h3 class="heading-title">{{ survey.name }}</h3>
            <em class="heading-subtitle">{{ survey.statusFormatted |trans({}, 'survey') }} - #{{ survey.idSurvey }}</em>
            <div class="overlay bg-gray-dark"></div>
        </div>

        <div class="decoration"></div>

        <div class="container">
            {{ survey.description | raw }}
        </div>

        <div class="decoration"></div>

        {% if survey.status == 2 and survey.type == 2 %}
            {{ include('Frontend/FocusGroup/_focus_block.html.twig') }}
        {% endif %}

        {% if survey.links | length > 0 %}

            <div class="container-fullscreen heading-style-3">
                <h3 class="heading-title">{{ 'survey' |trans({}, 'survey') }}</h3>
                <div class="overlay bg-gray-dark"></div>
            </div>

            <div class="decoration"></div>

            <div class="container">
                {% for link in survey.links %}
                    {% if history[link.id] is not defined %}
                        <a href="{{ path('user_link_redirect', {'token' : link.token}) }}" target="_blank" class="tasklist-item">
                            <h5>{{ link.name }}</h5>
                        </a>
                    {% endif %}
                {% endfor %}

                {% for link in survey.links %}
                    {% if history[link.id] is defined %}
                        <a href="{{ path('user_link_redirect', {'token' : link.token}) }}" target="_blank" class="tasklist-item tasklist-completed">
                            <h5>{{ link.name }}</h5>
                        </a>
                    {% endif %}
                {% endfor %}

                {% if survey.links is not empty %}
                    <div class="decoration"></div>
                {% endif %}
            </div>

            <div class="decoration"></div>
        {% endif %}

        {% if survey.status != 2 and survey.type == 2 %}
            {{ include('frontend/FocusGroup/_focus_block.html.twig') }}
        {% endif %}
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}

    <script type="text/javascript">
        $(document).ready(function() {
           $('.tasklist-completed').click(function() {
               return confirm({{ 'confirmation' |trans({}, 'survey') }});
           });
        });
    </script>
{% endblock %}