{% trans_default_domain 'messages' %}

{% include '@Survey/frontend/_survey_assets.html.twig' %}
{% if not templatesOnly|default(false) %}
    {% include '@Survey/frontend/_survey_branding.html.twig' %}
{% endif %}

{% set moduleHeadline = (headline is iterable ? headline.text|default('') : headline|default(''))|striptags|trim %}
{% set templatesOnly = templatesOnly|default(false) %}

<section class="survey-shell survey-grid{{ templatesOnly ? ' survey-shell--template' : '' }}">
    {% for message in app.flashes('success') %}
        <div class="survey-alert success">{{ message }}</div>
    {% endfor %}

    {% for message in app.flashes('error') %}
        <div class="survey-alert error">{{ message }}</div>
    {% endfor %}

    {% if moduleHeadline %}
        <header>
            <h2>{{ moduleHeadline }}</h2>
        </header>
    {% endif %}

    {% if loginRequired %}
        <div class="survey-alert warning">{{ 'survey.list.login_required'|trans }}</div>
    {% else %}
        <div class="survey-button-row">
            {% if createUrl %}
                <a class="survey-button primary" href="{{ createUrl }}">{{ 'survey.list.create'|trans }}</a>
            {% endif %}
        </div>

        <div class="survey-grid survey-list-grid">
            {% for survey in surveys %}
                <article class="survey-card survey-list-card">
                    <div class="survey-list-card__head{{ templatesOnly ? ' survey-list-card__head--template' : '' }}">
                        <div class="survey-list-card__headline{{ templatesOnly ? ' survey-list-card__headline--template' : '' }}">
                            <div class="survey-list-card__title-wrap">
                                <h3>{{ survey.title|striptags|trim }}</h3>
                            </div>
                            <div class="survey-list-card__stats">
                                <span class="survey-list-stat">{{ 'survey.list.questions'|trans({'%count%': survey.questionCount}) }}</span>
                                {% if not templatesOnly %}
                                    <span class="survey-list-stat">{{ 'survey.list.participations'|trans({'%count%': survey.participationCount}) }}</span>
                                {% endif %}
                            </div>
                        </div>
                        {% if templatesOnly %}
                            <div class="survey-list-card__head-actions survey-list-card__head-actions--template">
                                <form method="post" class="survey-question-action-form">
                                    <input type="hidden" name="REQUEST_TOKEN" value="{{ contao.request_token }}">
                                    <input type="hidden" name="_survey_action" value="duplicate-survey">
                                    <input type="hidden" name="item_id" value="{{ survey.id }}">
                                    <button class="survey-button secondary" onclick="return confirm('{{ 'survey.list.duplicate_confirm'|trans({'%title%': survey.title|striptags|trim})|e('js') }}');">{{ 'survey.list.duplicate'|trans }}</button>
                                </form>
                            </div>
                        {% endif %}
                    </div>
                    {% if not templatesOnly %}
                    <div class="survey-list-card__footer">
                        <div class="survey-button-row survey-list-card__actions">
                            {% if survey.editUrl %}
                                {% if survey.published %}
                                    <span class="survey-button primary is-disabled" aria-disabled="true">{{ 'survey.list.edit'|trans }}</span>
                                {% else %}
                                    <a class="survey-button primary" href="{{ survey.editUrl }}">{{ 'survey.list.edit'|trans }}</a>
                                {% endif %}
                            {% endif %}
                            {% if survey.publicUrl and survey.published %}
                                <a class="survey-button secondary" href="{{ survey.publicUrl }}" target="_blank" rel="noreferrer">{{ 'survey.list.public_view'|trans }}</a>
                            {% endif %}
                            {% if survey.draftUrl and not survey.published %}
                                <a class="survey-button secondary" href="{{ survey.draftUrl }}" target="_blank" rel="noreferrer">{{ 'survey.list.draft_view'|trans }}</a>
                            {% endif %}
                            {% if survey.resultsUrl %}
                                <a class="survey-button secondary" href="{{ survey.resultsUrl }}" target="_blank" rel="noreferrer">{{ 'survey.list.show_results'|trans }}</a>
                            {% endif %}
                            <form method="post" class="survey-question-action-form">
                                <input type="hidden" name="REQUEST_TOKEN" value="{{ contao.request_token }}">
                                <input type="hidden" name="_survey_action" value="duplicate-survey">
                                <input type="hidden" name="item_id" value="{{ survey.id }}">
                                <button class="survey-button secondary" onclick="return confirm('{{ 'survey.list.duplicate_confirm'|trans({'%title%': survey.title|striptags|trim})|e('js') }}');">{{ 'survey.list.duplicate'|trans }}</button>
                            </form>
                            <form method="post" class="survey-question-action-form">
                                <input type="hidden" name="REQUEST_TOKEN" value="{{ contao.request_token }}">
                                <input type="hidden" name="_survey_action" value="delete-survey">
                                <input type="hidden" name="item_id" value="{{ survey.id }}">
                                <button class="survey-button danger" onclick="return confirm('{{ 'survey.list.delete_confirm'|trans|e('js') }}') && confirm('{{ 'survey.list.delete_confirm_second'|trans|e('js') }}');">{{ 'survey.list.delete'|trans }}</button>
                            </form>
                        </div>

                        <div class="survey-list-card__head-actions">
                            <form method="post" class="survey-list-publish-form">
                                <input type="hidden" name="REQUEST_TOKEN" value="{{ contao.request_token }}">
                                <input type="hidden" name="_survey_action" value="publish-survey">
                                <input type="hidden" name="item_id" value="{{ survey.id }}">
                                <button
                                    type="submit"
                                    class="survey-button primary survey-list-publish-button"
                                    {% if survey.published %}disabled{% endif %}
                                    {% if not survey.published %}onclick="return confirm('{{ 'survey.edit.publish_confirm'|trans|e('js') }}');"{% endif %}
                                >
                                    {{ survey.published ? 'survey.list.publish_done'|trans : 'survey.list.publish'|trans }}
                                </button>
                                {% if not survey.published %}
                                    <span class="survey-list-publish-help">{{ 'survey.list.publish_help'|trans }}</span>
                                {% endif %}
                            </form>

                            <form method="post" class="survey-list-eye-form">
                                <input type="hidden" name="REQUEST_TOKEN" value="{{ contao.request_token }}">
                                <input type="hidden" name="_survey_action" value="toggle-active">
                                <input type="hidden" name="item_id" value="{{ survey.id }}">
                                <button type="submit" class="survey-visibility-dot{{ survey.isActive ? ' is-on' : '' }}" title="{{ survey.isActive ? 'survey.edit.deactivate_survey'|trans : 'survey.edit.activate_survey'|trans }}" aria-label="{{ survey.isActive ? 'survey.edit.deactivate_survey'|trans : 'survey.edit.activate_survey'|trans }}"></button>
                            </form>
                        </div>
                    </div>
                    {% endif %}
                </article>
            {% else %}
                {% if not templatesOnly %}
                    <div class="survey-card">{{ 'survey.list.empty'|trans }}</div>
                {% endif %}
            {% endfor %}
        </div>
    {% endif %}
</section>