<div id="header">
    <div id="header_wrapper">
        {% if visitor.uid > 0 %}
        <div id="ctitle">
            <a href="/{{ visitor.name }}/">
                <img src="{{ visitor.avatar }}" alt=""/>{{ visitor.name }}
                {% if not visitor.verified %}
                <span style="color:red;"><i data-icon="ei-exclamation" data-size="s"></i></span>
                {% endif %}
            </a>
        </div>
        {% else %}
        <div id="logo"><a href="/{% if visitor.uid > 0 %}?show=my{% endif %}">Juick</a></div>
        {% endif %}
        <div id="search" class="desktop">
            <form action="/">
                <input name="search" class="text"
                       placeholder="{{ i18n('messages','label.search') }}" value="{{ search | default('') }}"/>
            </form>
        </div>
        <nav id="global">
            <a href="/">
                <i data-icon="ei-bell" data-size="s"></i>
                <span class="icon-title desktop">{{ i18n("messages","link.discuss") }}</span>{% if visitor.unreadCount > 0 %}<span class="badge">{{ visitor.unreadCount }}</span>{% endif %}
            </a>
            <a href="/?show=all" rel="nofollow">
                <i data-icon="ei-search" data-size="s"></i>
                <span class="icon-title desktop">{{ i18n("messages","link.allMessages") }}</span>
            </a>
                {% if visitor.uid > 0 %}
            <a id="post" href="/post">
                <i data-icon="ei-pencil" data-size="s"></i>
                <span class="icon-title desktop">{{ i18n("messages","link.postMessage") }}</span>
            </a>
            {% else %}
            <a class="a-login" href="/login" rel="nofollow">
                <i data-icon="ei-user" data-size="s"></i>
                <span class="icon-title desktop">{{ i18n("messages", "link.Login") }}</span>
            </a>
            {% endif %}
        </nav>
    </div>
</div>