{% 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="header-main" id="top_navbar">
  <div class="column-left">
        <div>
          {% if custom_logo_url %}
          <a class="brand logo" href="{{ server_uri }}/"><img src="{{ custom_logo_url }}" class="portico-logo" alt="Zulip" content="Zulip" /></a>
          {% else %}
          <a class="brand logo" href="{{ server_uri }}/"><img src="/static/images/logo/zulipcornerlogo@2x.png" class="portico-simple-logo" alt="Zulip" content="Zulip" /></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 class="footer-padder{% block hello_page_footer %}{% endblock %}"></div>
</div>

<div class="footer">
  <div class="footer-main">
    <ul class="footer-navigation">
      {% if about_link_disabled %}
      {% else %}
      <li><a href="{{ server_uri }}/hello">{{ _('About') }}</a></li>
      {% endif %}
      {% if terms_of_service %}

      {% if about_link_disabled %}
      {% else %}
      <li><span class="little-bullet">·</span></li>
      {% endif %}

      <li><a href="{{ server_uri }}/terms">{{ _('Legal') }}</a></li>
      <li><span class="little-bullet">·</span></li>
      <li><a href="{{ server_uri }}/privacy">{{ _('Privacy') }}</a></li>
      {% endif %}
      {% if login_link_disabled %}
      {% else %}
      <li><span class="little-bullet">·</span></li>
      <li><a href="{{login_url}}">{{ _('Log in') }}</a></li>
      {% endif %}
      {% if register_link_disabled %}
      {% elif only_sso %}
      {% else %}
      <li><span class="little-bullet">·</span></li>
      <li><a href="{{ url('register') }}">{{ _('Register') }}</a></li>
      {% endif %}
      {% if open_realm_creation %}
      <li><span class="little-bullet">·</span></li>
      <li><a href="{{ server_uri }}/create_realm">{{ _('Create new organization') }}</a></li>
      {% endif %}
    </ul>
  </div>
</div>
{% endblock %}
