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


<nav class="navbar" role="navigation" aria-label="main navigation">
    <div class="navbar-brand">
        <a class="navbar-item" href="{% url 'index-bulma' %}">
            <img src="{% static 'fellchensammlung/img/logo_transparent.png' %}" alt="{% trans 'Notfellchen Logo' %}">
            <h1 class="title is-4">notfellchen.org</h1>
        </a>

        <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
            <span aria-hidden="true"></span>
            <span aria-hidden="true"></span>
            <span aria-hidden="true"></span>
            <span aria-hidden="true"></span>
        </a>
    </div>

    <div id="navbarBasicExample" class="navbar-menu">
        <div class="navbar-start">
            <a class="navbar-item" href="{% url 'search-bulma' %}">
                <i class="fas fa-search"></i> {% translate 'Suchen' %}
            </a>

            <a class="navbar-item" href="{% url "add-adoption" %}">
                <i class="fas fa-feather"></i> {% translate 'Vermittlung hinzufügen' %}
            </a>

            <a class="navbar-item" href="{% url "about" %}">
                <i class="fas fa-info"></i> {% translate 'Über uns' %}
            </a>

            <div class="navbar-end">
                <div class="navbar-item">
                    <div class="buttons">
                        <a class="button is-primary" href="{% url "django_registration_register" %}">
                            <strong>{% translate "Registrieren" %}</strong>
                        </a>
                        <a class="button is-light" href="{% url "login" %}">
                            <strong>{% translate "Login" %}</strong>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</nav>