I tried something like this on the navbar itself on basic.html, it seems to have worked. Just adding, if it helps for some idea.
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav cssnavls">
<li class="nav-item">
<a class="nav-link" href="#">Groups</a>
</li>
{% if user.is_authenticated %}
<li class="nav-item">
<a class="nav-link" href="#">Create Group</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Post</a>
</li>
<li class="nav-item">
{% block Logoutblock %}
{% if user.is_authenticated %}
<form method="post" action="{% url 'logout' %}">
{% csrf_token %}
<button class=" btn btn-primary " type="submit">Log Out</button>
</form>
{% else %}
<form method="get" action="{% url 'useraccountslogin' %}">
{% csrf_token %}
<button class=" btn btn-primary " type="submit">Log In</button>
</form>
{% endif %}
{% endblock %}
</li>
{% else %}
<li class="nav-item">
<a class="nav-link" href="{% url 'useraccountslogin' %}">LogIn</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{% url 'useraccountssignup' %}">SignUp</a>
</li>
{% endif %}
</ul>