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

{% block breadcrumb_content %}
    <li class="active">{% link_for _("Tour list"), request.endpoint %}</li>
{% endblock breadcrumb_content %}

{% block page_content %}
    {% if h.tour_has_tours() %}
        {% snippet "tables/render_table.html", table=table %}
    {% else %}
        {% block tour_empty_state %}
            <div class="tour-empty-state text-center py-5 my-5">
                <i class="fa fa-map-signs fa-3x text-muted mb-3" aria-hidden="true"></i>
                <h2 class="h4">{{ _("No tours yet") }}</h2>
                <p class="text-muted mb-4">
                    {% trans %}Tours walk your users through a page with a series of
                    highlighted steps. Create your first one to get started.{% endtrans %}
                </p>
                <a href="{{ h.url_for('tour.add') }}" class="btn btn-primary">
                    <i class="fa fa-plus" aria-hidden="true"></i> {{ _("Add tour") }}
                </a>
            </div>
        {% endblock tour_empty_state %}
    {% endif %}
{% endblock page_content %}

{% block scripts %}
    {{ super() }}

    {% asset "tables/tables-js" %}
{% endblock %}

{% block styles %}
    {{ super() }}
    {% asset "tables/tables-css" %}
{% endblock %}