{% load i18n %}

<nav id="schedule-nav"{% if with_margin %} class="m-3"{% endif %}>
    <div class="navigation">
        <a href="{{ request.event.urls.schedule }}" class="btn btn-outline-success {% if "/schedule/" in request.path %} active{% endif %}"><i class="fa fa-calendar"></i> {% trans "Schedule" %}
        </a><a href="{{ request.event.urls.talks }}" class="btn btn-outline-success {% if "/talk/" in request.path %} active{% endif %}"><i class="fa fa-comments-o"></i> {% trans "Talks" %}
        </a><a href="{{ request.event.urls.speakers }}" class="btn btn-outline-success {% if "/speaker/" in request.path %} active{% endif %}"><i class="fa fa-group"></i> {% trans "Speakers" %}</a>
    </div>
    <div class="header-right">
        {% if with_extra %}
            <span>{% trans "Version" %} {{ schedule.version|default:"–" }}</span>
            <a href="{{ request.event.urls.changelog }}" class="btn btn-outline-info btn-sm" title="{% trans "Changelog" %}"><i class="fa fa-clock-o"></i></a>
            <a href="{{ request.event.urls.feed }}" class="btn btn-outline-info btn-sm" title="{% trans "Feed" %}"><i class="fa fa-feed"></i></a>
            <div class="dropdown">
                <button class="btn btn-sm btn-outline-info dropdown-toggle" id="exportDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    <i class="fa fa-code"></i>
                </button>
                <div class="dropdown-menu dropdown-menu-right" aria-labelledby="exportDropdown">
                    {% for exporter in exporters %}{% if exporter.public %}
                    <a class="dropdown-item" href="{{ exporter.urls.base }}">
                        {% if exporter.icon|slice:":3" == "fa-" %}
                            <span class="fa {{ exporter.icon }} export-icon"></span>
                        {% else %}
                            <span class="export-icon">{{ exporter.icon }}</span>
                        {% endif %}
                        {{ exporter.verbose_name }}
                        {% if exporter.show_qrcode %}
                            <span class="export-qrcode">
                              <div class="btn btn-default btn-sm">
                                  <i class="fa fa-qrcode"></i>
                              </div>
                              <div class="export-qrcode-image btn btn-default">{{ exporter.get_qrcode }}</div>
                            </span>
                        {% endif %}
                    </a>
                    {% endif %}{% endfor %}
                </div>
            </div>
        {% endif %}
        {% if not is_html_export %}
        <form class="search">
          <div class="input-group">
            <input type="text" class="form-control" name="q" placeholder="{% trans "Title or speaker name" %}"{% if search %} value="{{ search }}"{% endif %}>
            <div class="input-group-append">
              <button class="btn btn-info" type="submit"><i class="fa fa-search"></i></button>
            </div>
          </div>
        </form>
        {% endif %}
    </div>
</nav>
