{% extends "base.html" %}

{% block brand %}Art-DAG{% endblock %}

{% block nav_items %}
<nav class="flex items-center space-x-6">
    <a href="/assets" class="text-gray-300 hover:text-white {% if active_tab == 'assets' %}text-white font-medium{% endif %}">Assets</a>
    <a href="/activities" class="text-gray-300 hover:text-white {% if active_tab == 'activities' %}text-white font-medium{% endif %}">Activities</a>
    <a href="/anchors" class="text-gray-300 hover:text-white {% if active_tab == 'anchors' %}text-white font-medium{% endif %}">Anchors</a>
    <a href="/storage" class="text-gray-300 hover:text-white {% if active_tab == 'storage' %}text-white font-medium{% endif %}">Storage</a>
    <a href="/renderers" class="text-gray-300 hover:text-white {% if active_tab == 'renderers' %}text-white font-medium{% endif %}">Renderers</a>
</nav>
{% endblock %}

{% block nav_right %}
{% if user %}
<div class="flex items-center space-x-4">
    <a href="/users/{{ user.username }}" class="text-gray-400 hover:text-white">{{ user.username }}</a>
    <a href="/auth/logout" class="text-gray-300 hover:text-white">Logout</a>
</div>
{% else %}
<div class="flex items-center space-x-4">
    <a href="/auth/login" class="text-gray-300 hover:text-white">Login</a>
    <a href="/auth/register" class="bg-blue-600 hover:bg-blue-700 px-4 py-2 rounded font-medium">Register</a>
</div>
{% endif %}
{% endblock %}