{% extends "base.html" %}

{% block navbar %}
<header class="navbar bg-base-100 shadow-sm border-b border-base-300 px-4">
    <div class="flex-1">
        <a href="/projects" class="text-lg font-semibold tracking-tight">
            <span class="text-primary">●</span> Issue Tracker
        </a>
    </div>
    <div class="flex-none gap-2">
        <div class="dropdown dropdown-end">
            <label tabindex="0" class="btn btn-ghost btn-sm normal-case">
                {{ user.display_name }}
                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>
            </label>
            <ul tabindex="0" class="dropdown-content menu p-2 shadow bg-base-100 rounded-box w-48 border border-base-300">
                <li class="menu-title"><span class="text-xs opacity-70">{{ user.email }}</span></li>
                <li>
                    <form method="post" action="/logout">
                        <button type="submit" class="text-error">Sign out</button>
                    </form>
                </li>
            </ul>
        </div>
    </div>
</header>
{% endblock %}

{% block flash %}
    {% match flash %}
      {% when Some with (msg) %}
        <div role="alert" class="alert alert-info mb-4 text-sm">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="stroke-current shrink-0 w-5 h-5"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
            <span>{{ msg }}</span>
        </div>
      {% when None %}
    {% endmatch %}
{% endblock %}