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

<a href="{{ url('market/settings') }}"
   class="{{ craft.app.request.getSegment(2) == 'settings' ? '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: cog #}
    <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="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"/>
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
              d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
    </svg>
    {{ 'Settings'|t('market') }}
</a>

{# TODO: training #}
{#<a href="{{ url('market/training') }}"#}
{#   class="{{ craft.app.request.getSegment(2) == 'training' ? '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: academic-cap #}
{#    <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 d="M12 14l9-5-9-5-9 5 9 5z" />#}
{#        <path d="M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z" />#}
{#        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 14l9-5-9-5-9 5 9 5zm0 0l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14zm-4 6v-7.5l4-2.222" />#}
{#    </svg>#}
{#    Training Portal#}
{#</a>#}

<a href="{{ url('logout') }}"
   class="text-white hover:bg-brand-400 group flex items-center px-2 py-2 {{ mobile ? 'text-base' : 'text-sm' }} font-medium rounded-md"
>
    {# Heroicon name: logout #}
    <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="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1"/>
    </svg>
    {{ 'Sign out'|t('market') }}
</a>