{% extends 'tour/tour_base.html' %}

{% import 'macros/form.html' as form %}

{% set bool_options = [
    {"value": "true", "text": _("Enabled")},
    {"value": "false", "text": _("Disabled")},
] %}

{% block breadcrumb_content %}
    <li>{% link_for _("Tour list"), named_route='tour.list' %}</li>
    <li class="active">{% link_for _("Tour settings"), named_route='tour.config' %}</li>
{% endblock breadcrumb_content %}

{% block page_content %}
    <h1 class="mb-3">{{ _("Tour settings") }}</h1>

    {% if error_summary %}
        <div class="error-explanation alert alert-danger">
            <p>{{ _('The form contains invalid entries:') }}</p>
            <ul>
                {% for key, error in error_summary.items() %}
                    <li>{{ key }}: {{ error }}</li>
                {% endfor %}
            </ul>
        </div>
    {% endif %}

    <form method="post" action="{{ h.url_for('tour.config') }}">
        {{ h.csrf_input() }}

        {% call form.select(
            "ckanext.tour.launcher_position",
            label=_("Launcher position"),
            options=[
                {"value": "bottom-right", "text": _("Bottom right")},
                {"value": "bottom-left", "text": _("Bottom left")},
            ],
            selected=data["ckanext.tour.launcher_position"],
            error=errors.get("ckanext.tour.launcher_position")
        ) %}
            {{ form.info(_("Where the floating \"Start tour\" button sits on pages that have a tour")) }}
        {% endcall %}

        {% call form.select(
            "ckanext.tour.collapse_steps",
            label=_("Collapse steps"),
            options=bool_options,
            selected=data["ckanext.tour.collapse_steps"] | string | lower,
            error=errors.get("ckanext.tour.collapse_steps")
        ) %}
            {{ form.info(_("If enabled, the tour steps will be collapsed on edit/create")) }}
        {% endcall %}

        <div class="form-actions">
            <button type="submit" class="btn btn-primary">{{ _("Save settings") }}</button>
        </div>
    </form>
{% endblock page_content %}