{% extends "base_template.html" %}
{% block title %}{{ _('Surveys') }}{% endblock %}
{% block content %}
<div class="d-flex flex-column align-items-start gap-2 mb-4">
    <div><h1 class="h3 mb-0">{{ _('Surveys') }}</h1><p class="text-muted mb-0">{{ _('Questionnaires and their responses.') }}</p></div>
    <a href="{{ url_for('survey.admin_new') }}" class="btn btn-primary">+ {{ _('New survey') }}</a>
</div>
{% with messages = get_flashed_messages(with_categories=true) %}{% for c, m in messages %}<div class="alert alert-{{ 'danger' if c=='danger' else 'success' }} py-2">{{ m }}</div>{% endfor %}{% endwith %}
<div class="card"><div class="table-responsive"><table class="table table-hover align-middle mb-0">
<thead><tr><th>{{ _('Survey') }}</th><th class="text-center">{{ _('Questions') }}</th><th class="text-center">{{ _('Responses') }}</th><th></th></tr></thead>
<tbody>
{% for s in surveys %}
<tr>
    <td><strong>{{ s.title }}</strong>{% if not s.published %} <span class="badge bg-warning text-dark">{{ _('draft') }}</span>{% endif %}
        <div class="text-muted small"><a href="/survey/{{ s.slug }}" target="_blank">/survey/{{ s.slug }}</a></div></td>
    <td class="text-center">{{ s.questions | length }}</td>
    <td class="text-center">{{ counts.get(s.id, 0) }}</td>
    <td class="text-end text-nowrap">
        <a href="{{ url_for('survey.admin_responses', survey_id=s.id) }}" class="btn btn-sm btn-outline-secondary">{{ _('Responses') }}</a>
        <a href="{{ url_for('survey.admin_questions', survey_id=s.id) }}" class="btn btn-sm btn-outline-secondary">{{ _('Questions') }}</a>
        <a href="{{ url_for('survey.admin_edit', survey_id=s.id) }}" class="btn btn-sm btn-outline-primary">{{ _('Settings') }}</a>
        <form method="POST" action="{{ url_for('survey.admin_delete', survey_id=s.id) }}" class="d-inline" onsubmit="return confirm('{{ _('Delete this survey and all its responses?') }}')">
            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
            <button class="btn btn-sm btn-outline-danger" type="submit">&times;</button>
        </form>
    </td>
</tr>
{% else %}<tr><td colspan="4" class="text-muted">{{ _('No surveys yet.') }}</td></tr>{% endfor %}
</tbody></table></div></div>
{% endblock %}