{% if mobile is not defined %}{% set mobile = false %}{% endif %}

<a href="{{ url('market') }}"
   class="{{ craft.app.request.getSegment(2) is empty ? 'bg-brand-700' : 'hover:bg-brand-400' }} text-white group flex items-center px-2 py-2 {{ mobile ? 'text-base' : 'text-sm' }} font-medium rounded-md"
>
    {# Heroicon name: home #}
    <svg class="{{ mobile ? 'mr-4' : 'mr-3' }} h-6 w-6 text-brand-100" xmlns="http://www.w3.org/2000/svg" fill="none"
         viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
              d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"/>
    </svg>
    {{ 'Dashboard'|t('market') }}
</a>

<a href="{{ url('market/orders') }}"
   class="{{ craft.app.request.getSegment(2) == 'orders' ? 'bg-brand-700' : 'hover:bg-brand-400' }} text-white group flex items-center px-2 py-2 {{ mobile ? 'text-base' : 'text-sm' }} font-medium rounded-md"
>
    {# Heroicon name: clipboard-list #}
    <svg class="{{ mobile ? 'mr-4' : 'mr-3' }} h-6 w-6 text-brand-100" xmlns="http://www.w3.org/2000/svg" fill="none"
         viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
              d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"/>
        " />
    </svg>
    {{ 'Orders'|t('market') }}

    {# New orders count #}
    {% set counts = market.getOrderCountByStatus() %}
    {% set newCount = null %}
    {% for count in counts %}
        {% if count.handle == 'new' %}
            {% set newCount = count %}
        {% endif %}
    {% endfor %}

    {% if newCount and newCount.orderCount > 0 %}
        <span class="{{ craft.app.request.getSegment(2) == 'orders' ? 'bg-brand-500' : 'bg-brand-700' }} ml-auto py-0.5 px-3 text-xs font-medium rounded-full">
            {{ newCount.orderCount }}
        </span>
    {% endif %}
</a>

<a href="{{ url('market/products') }}"
   class="{{ craft.app.request.getSegment(2) == 'products' ? 'bg-brand-700' : 'hover:bg-brand-400' }} text-white group flex items-center px-2 py-2 {{ mobile ? 'text-base' : 'text-sm' }} font-medium rounded-md"
>
    {# Heroicon name: gift #}
    <svg class="{{ mobile ? 'mr-4' : 'mr-3' }} h-6 w-6 text-brand-100" xmlns="http://www.w3.org/2000/svg" fill="none"
         viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
              d="M12 8v13m0-13V6a2 2 0 112 2h-2zm0 0V5.5A2.5 2.5 0 109.5 8H12zm-7 4h14M5 12a2 2 0 110-4h14a2 2 0 110 4M5 12v7a2 2 0 002 2h10a2 2 0 002-2v-7"/>
    </svg>
    {{ 'Products'|t('market') }}
</a>

<a href="{{ url('market/files') }}"
   class="{{ craft.app.request.getSegment(2) == 'files' ? 'bg-brand-700' : 'hover:bg-brand-400' }} text-white group flex items-center px-2 py-2 {{ mobile ? 'text-base' : 'text-sm' }} font-medium rounded-md"
>
    {# Heroicon name: photograph #}
    <svg class="{{ mobile ? 'mr-4' : 'mr-3' }} h-6 w-6 text-brand-100" xmlns="http://www.w3.org/2000/svg" fill="none"
         viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
              d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"/>
    </svg>
    {{ 'Files'|t('market') }}
</a>

<a href="{{ url('market/shipping') }}"
   class="{{ craft.app.request.getSegment(2) == 'shipping' ? 'bg-brand-700' : 'hover:bg-brand-400' }} text-white group flex items-center px-2 py-2 {{ mobile ? 'text-base' : 'text-sm' }} font-medium rounded-md">
    {# Heroicon name: truck #}
    <svg class="{{ mobile ? 'mr-4' : 'mr-3' }} h-6 w-6 text-brand-100" xmlns="http://www.w3.org/2000/svg" fill="none"
         viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
              d="M13 16V6a1 1 0 00-1-1H4a1 1 0 00-1 1v10a1 1 0 001 1h1m8-1a1 1 0 01-1 1H9m4-1V8a1 1 0 011-1h2.586a1 1 0 01.707.293l3.414 3.414a1 1 0 01.293.707V16a1 1 0 01-1 1h-1m-6-1a1 1 0 001 1h1M5 17a2 2 0 104 0m-4 0a2 2 0 114 0m6 0a2 2 0 104 0m-4 0a2 2 0 114 0"/>
    </svg>
    {{ 'Shipping'|t('market') }}
</a>

<a href="{{ url('market/shop-front') }}"
   class="{{ craft.app.request.getSegment(2) == 'shop-front' ? 'bg-brand-700' : 'hover:bg-brand-400' }} text-white group flex items-center px-2 py-2 {{ mobile ? 'text-base' : 'text-sm' }} font-medium rounded-md"
>
    {# Heroicon name: office building #}
    <svg class="{{ mobile ? 'mr-4' : 'mr-3' }} h-6 w-6 text-brand-100" xmlns="http://www.w3.org/2000/svg" fill="none"
         viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4" />
    </svg>

    {{ 'Shop Front'|t('market') }}
</a>