{#
  Coffee House App Switcher — Dropdown listing user's accessible apps.
  Reads from user.apps (JWT payload).

  Expected context:
    - user: dict with .apps dict (keys are app names, values have role info)
#}
{% set app_meta = {
    'auth': {'label': 'Auth', 'desc': 'Login & Users', 'url': 'https://auth.coffeehouse.tools'},
    'chqr': {'label': 'CHQR', 'desc': 'QR Generator', 'url': 'https://chqr.coffeehouse.tools'},
    'beany': {'label': 'Beany', 'desc': 'Knowledge Base', 'url': 'https://kms.coffeehouse.tools'},
    'digi': {'label': 'Digi', 'desc': 'HR & Operations', 'url': 'https://digi.coffeehouse.tools'},
    'grind': {'label': 'Grind', 'desc': 'Sales Reporting', 'url': 'https://grind.coffeehouse.tools'},
    'help': {'label': 'Help', 'desc': 'Documentation', 'url': 'https://help.coffeehouse.tools'},
} %}
<div class="dropdown dropdown-end">
    <button tabindex="0" class="btn btn-ghost btn-circle btn-sm" aria-label="Switch app">
        <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z" />
        </svg>
    </button>
    <ul tabindex="0" class="dropdown-content menu bg-base-100 border border-base-300 rounded-box w-56 shadow-lg mt-2 z-50 p-2">
        <li class="menu-title text-xs">Coffee House Apps</li>
        {% for app_key, meta in app_meta.items() %}
        {% if app_key in (user.apps or {}) or app_key == 'help' %}
        <li>
            <a href="{{ meta.url }}" target="_blank" rel="noopener noreferrer"
               class="flex flex-col items-start gap-0 py-2">
                <span class="font-medium text-sm">{{ meta.label }}</span>
                <span class="text-xs text-base-content/50">{{ meta.desc }}</span>
            </a>
        </li>
        {% endif %}
        {% endfor %}
    </ul>
</div>