<nav class="flex flex-col gap-8">
    <!-- Admin, all sites -->
    {% if user.is_staff %}
    <div class="flex-0 flex justify-center pt-2 pb-2 w-12 h-12 b-gray-500 rounded-md hover:outline-gray-600">
        <a href="{% url 'all_sites' %}" class="cursor-pointer"><span class="{% if request.resolver_match.view_name == "all_sites" %}**:stroke-brand{% endif %} hover:**:stroke-brand">{% include "datavis/icons/dashboard.svg" %}</span></a>
    </div>
    {% endif %}
    {% if request.resolver_match.view_name != "all_sites" %}
    <!-- Site/Homepage -->
    <div class="flex-0 flex justify-center w-12 h-12 b-gray-500 rounded-md">
        <a href="{% url 'site_view' customer.site.id %}" class="cursor-pointer"><span class="{% if request.resolver_match.view_name == "site_view" %}**:stroke-brand{% endif %} hover:**:stroke-brand">{% include "datavis/icons/stacked-box.svg" %}</span></a>
    </div>
    <!-- Dashboard/Windrows -->
    <div class="flex-0 flex justify-center w-12 h-12 b-gray-500 rounded-md hover:outline-gray-600">
        <a href="{% url 'windrow_chart' customer.site.id %}" class="cursor-pointer">
            <span class="{% if request.resolver_match.view_name == "windrow_chart" %}**:stroke-brand{% endif %} hover:**:stroke-brand">{% include "datavis/icons/charts.svg" %}</span>
        </a>
    </div>
    <!-- Operations -->
    <div class="flex-0 flex justify-center w-12 h-12 b-gray-500 rounded-md hover:outline-gray-600">
        <a href="" class="cursor-pointer">
            <span class="hover:**:stroke-brand">{% include "datavis/icons/gear.svg" %}</span>
        </a>
    </div>

    <!-- User -->
    <div class="flex-0 flex justify-center w-12 h-12 b-gray-500 rounded-md hover:outline-gray-600 mt-auto">
        <a href="" class="cursor-pointer">
            <span class="inline-block hover:**:stroke-brand">{% include "datavis/icons/user-circle.svg" %}</span>
        </a>
    </div>
    {% endif %}
</nav>