{% extends "_base.html" %}

{% block brand %}
<a href="https://blog.rose-ash.com/" class="no-underline text-stone-900">Rose Ash</a>
<span class="text-stone-400 mx-1">|</span>
<a href="/" class="no-underline text-stone-900">Art-DAG</a>
<span class="text-stone-400 mx-1">/</span>
<span class="text-stone-600 text-3xl">L2</span>
{% endblock %}

{% block cart_mini %}
{% if request and request.state.cart_mini_html %}
  {{ request.state.cart_mini_html | safe }}
{% endif %}
{% endblock %}

{% block nav_tree %}
{% if request and request.state.nav_tree_html %}
  {{ request.state.nav_tree_html | safe }}
{% endif %}
{% endblock %}

{% block auth_menu %}
{% if request and request.state.auth_menu_html %}
  {{ request.state.auth_menu_html | safe }}
{% endif %}
{% endblock %}

{% block auth_menu_mobile %}
{% if request and request.state.auth_menu_html %}
  {{ request.state.auth_menu_html | safe }}
{% endif %}
{% endblock %}

{% block sub_nav %}
<div class="bg-stone-200 border-b border-stone-300">
  <div class="max-w-screen-2xl mx-auto px-4">
    <nav class="flex items-center gap-4 py-2 text-sm overflow-x-auto no-scrollbar">
      <a href="/assets" class="whitespace-nowrap px-3 py-1.5 rounded {% if active_tab == 'assets' %}bg-stone-500 text-white{% else %}text-stone-700 hover:bg-stone-300{% endif %}">Assets</a>
      <a href="/activities" class="whitespace-nowrap px-3 py-1.5 rounded {% if active_tab == 'activities' %}bg-stone-500 text-white{% else %}text-stone-700 hover:bg-stone-300{% endif %}">Activities</a>
      <a href="/anchors" class="whitespace-nowrap px-3 py-1.5 rounded {% if active_tab == 'anchors' %}bg-stone-500 text-white{% else %}text-stone-700 hover:bg-stone-300{% endif %}">Anchors</a>
      <a href="/storage" class="whitespace-nowrap px-3 py-1.5 rounded {% if active_tab == 'storage' %}bg-stone-500 text-white{% else %}text-stone-700 hover:bg-stone-300{% endif %}">Storage</a>
      <a href="/renderers" class="whitespace-nowrap px-3 py-1.5 rounded {% if active_tab == 'renderers' %}bg-stone-500 text-white{% else %}text-stone-700 hover:bg-stone-300{% endif %}">Renderers</a>
    </nav>
  </div>
</div>
{% endblock %}