{% extends "zerver/base.html" %}

{# A base template for stuff like login, register, etc.

    Not inside the app itself, but covered by the same structure,
    hence the name.
#}

{% block customhead %}
{% stylesheet 'portico' %}
{% endblock %}

{% block content %}
<div class="header">
    <div class="stripes"></div>
    <div class="darker"></div>
    <div class="header-main" id="top_navbar">
        <div class="column-left">
            <div>
                {% if custom_logo_url %}
                <a class="brand logo" href="{{ server_uri }}/"><img draggable="false" src="{{ custom_logo_url }}" class="portico-logo" alt="{{ _('Zulip') }}" content="Zulip" /></a>
                {% else %}
                <a class="brand logo" href="{{ server_uri }}">
                    <svg class="brand-logo" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 40 40" version="1.1">
                        <g transform="translate(-297.14285,-466.64792)">
                            <circle cx="317.14285" cy="486.64792" r="19.030317" style="fill:#fff;stroke-width:1.93936479;stroke:transparent"></circle>
                            <path d="m309.24286 477.14791 14.2 0 1.6 3.9-11.2 11.9 9.6 0 1.6 3.2-14.2 0-1.6-3.9 11.2-11.9-9.6 0z" style="fill:#52c2af;stroke:#52c2af"></path>
                        </g>
                    </svg>
                    <span>Zulip</span>
                </a>
                {% endif %}
            </div>
        </div>

        <div class="column-right top-links">
            {% if login_link_disabled %}
            {% elif not only_sso %}
            <a href="{{login_url}}">{{ _('Log in') }}</a>
            {% endif %}

            {% if register_link_disabled %}
            {% elif only_sso %}
            <a href="{{ url('login-sso') }}">{{ _('Log in') }}</a>
            {% else %}
            <a href="{{ url('register') }}">{{ _('Register') }}</a>
            {% endif %}
        </div>
    </div>
</div>

<div class="app portico-page">
    <div class="portico-os-announcement">
        {% block os_announcement %}
        {% endblock %}
    </div>
    <div class="app-main portico-page-container{% block hello_page_container %}{% endblock %}">
        {% block portico_content %}
        {% endblock %}
    </div>
</div>

{% include 'zerver/footer.html' %}
{% endblock %}