{% extends "template_admin.html" %}
{% block head %}
{% endblock %}

{% block content %}

    <form method="get">
        <div class="p-3 border-bottom">
            <h2>Export{% if has_binds %} &mdash; {{ bind_label }}{% endif %}</h2>
        </div>
        <div class="p-3">
            <div class="p-3 bg-body-tertiary rounded">
                {% if has_binds %}
                    {# Keep the bind selection across submits #}
                    {% if selected_bind %}
                    <input type="hidden" name="bind" value="{{ selected_bind }}">
                    {% endif %}
                {% endif %}
                <div class="form-check">
                    <input type="checkbox" class="form-check-input" id="includeUnfinished" name="includeUnfinished" {{ "checked" if request.args.get('includeUnfinished', False) }}>
                    <label class="form-check-label" for="includeUnfinished">
                        Include participants who did not complete the task (N={{unfinishedCount}})
                    </label>
                </div>

                <div class="form-check">
                    <input type="checkbox" class="form-check-input" id="includeExcluded" name="includeExcluded" {{ "checked" if request.args.get('includeExcluded', False) }}>
                    <label class="form-check-label" for="includeExcluded">
                        Include participants who were excluded from the counts (N={{excludedCount}})
                    </label>
                </div>

                <div class="pt-3">
                    <button type="submit" class="btn btn-dark">Preview</button>
                    <button type="submit" class="btn btn-dark" formaction="{{ download_url }}">Download CSV <i class="fa-solid fa-file-csv"></i></button>
                </div>
            </div>
        </div>

        <div class="p-3">
            <h4>Results for {{rowCount}} Participants</h4>
            <div>
                {{ data_table | safe }}
            </div>
        </div>

    </form>


{% endblock %}