WesternFriend/WF-website

{% load wagtailsettings_tags %}
{% get_settings use_default_site=True %}

<nav class="navbar navbar-expand-lg navbar-dark pb-0 shadow-sm" style="background-color: #000;">
    <div class="container">
        <button class="navbar-toggler mb-2" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse"
                aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="navbarCollapse">
            <ul class="navbar-nav website-links">
                {{ settings.navigation.NavigationMenuSetting.menu_items }}
            </ul>
            <ul class="navbar-nav ms-auto">
                <li class="navbar-nav me-2">
                    {% if user.is_authenticated %}
                        <form id="logout-form" method="post" action="{% url 'logout' %}?next={{ request.path }}">
                            {% csrf_token %}
                            <button type="submit">Log out</button>
                        </form>
                    {% else %}
                        <a href="{% url 'login' %}?next={{ request.path }}" class="nav-link">
                            Login
                        </a>
                        <a href="{% url 'django_registration_register' %}" class="nav-link">
                            Register
                        </a>
                    {% endif %}
                </li>
            </ul>

            <form action="{% url 'search' %}" method="get" class="form-inline mb-2">
                <div class="input-group">
                    <input id="navbar-search-input" name="query" type="text" class="form-control" placeholder="Search" aria-label="Search" />

                    <button class="btn btn-outline-light" type="submit" aria-label="Submit query">
                        <i class="bi bi-search"></i>
                    </button>
                </div>
            </form>
        </div>
    </div>
</nav>