{% extends "orga/base.html" %}
{% comment %}
SPDX-FileCopyrightText: 2021-present Tobias Kunze
SPDX-License-Identifier: AGPL-3.0-only WITH LicenseRef-Pretalx-AGPL-3.0-Terms
{% endcomment %}

{% load i18n %}
{% load static %}

{% block extra_title %}{% translate "Export speaker data" %} ::
{% endblock extra_title %}

{% block stylesheets %}
    <link rel="stylesheet" type="text/css" href="{% static 'common/css/ui/export.css' %}">
{% endblock stylesheets %}

{% block content %}
    <h2>{% translate "Export speaker data" %}</h2>

    {% include "orga/includes/tablist.html" %}

    <section role="tabpanel" id="tabpanel-custom" aria-labelledby="tab-custom" tabindex="0" aria-hidden="false">
        <p>
            {{ phrases.orga.export_custom_hint }}
        </p>
        <form method="post">
            {% csrf_token %}
            <fieldset>
                <legend id="dataset">{% translate "Dataset" %}</legend>
                {{ form.target.as_field_group }}
            </fieldset>
            <fieldset>
                <legend id="fields">{% translate "Data fields" %}</legend>
                <div class="d-flex">
                    <div class="ml-auto form-check">
                        <input type="checkbox" id="select-all" name="select-all">
                        <label for="select-all">{% translate "Select all" %}</label>
                    </div>
                </div>
                {% for field in form.export_fields %}
                    {{ field.as_field_group }}
                {% endfor %}
            </fieldset>
            <fieldset>
                <legend id="settings">{% translate "Export settings" %}</legend>
                {{ form.export_format.as_field_group }}
                <div id="data-delimiter">
                    {{ form.data_delimiter.as_field_group }}
                </div>
            </fieldset>

            {% include "orga/includes/submit_row.html" %}
        </form>
    </section>
    <section role="tabpanel" id="tabpanel-general" aria-labelledby="tab-general" tabindex="0" aria-hidden="true">
        <p>
            {{ phrases.orga.export_plugin_hint }}
            {{ phrases.orga.export_cross_link }}
            <a
                class="btn btn-outline-info btn-sm"
                href="{{ request.event.orga_urls.schedule_export }}"
            >{% translate "Schedule exports" %}</a>
        </p>
        <p>
            {% blocktranslate trimmed %}
                You can either create exactly the export you need in the “Custom” tab, or use these pre-built
                exports:
            {% endblocktranslate %}
        </p>
        <ul>
            {% for exporter in exporters %}
                <li>
                    <a href="{{ exporter.urls.base }}">
                        {% if exporter.icon|slice:":3" == "fa-" %}
                            <i class="fa {{ exporter.icon }}"></i>
                        {% else %}
                            {{ exporter.icon }}
                        {% endif %}
                        {{ exporter.verbose_name }}
                        {% if exporter.show_qrcode %}
                            <span class="export-qrcode">
                                <i class="fa fa-qrcode"></i>
                                <div class="export-qrcode-image">{{ exporter.get_qrcode }}</div>
                            </span>
                        {% endif %}
                    </a>
                </li>
            {% endfor %}
        </ul>
    </section>
    <section role="tabpanel" id="tabpanel-api" aria-labelledby="tab-api" tabindex="0" aria-hidden="true">
        <p>
            {{ phrases.orga.api_export_hint }}
        </p>

        <p>
            {{ phrases.orga.export_organiser_access }}
        </p>

        <pre> curl -H "Authorization: Token INSERTAUTHTOKENHERE" {{ request.event.api_urls.speakers.full }} </pre>

        {% include "orga/includes/submit_row.html" with submit_buttons=api_buttons %}
    </section>
{% endblock content %}