{#-
       Licensed to the Apache Software Foundation (ASF) under one
       or more contributor license agreements.  See the NOTICE file
       distributed with this work for additional information
       regarding copyright ownership.  The ASF licenses this file
       to you under the Apache License, Version 2.0 (the
       "License"); you may not use this file except in compliance
       with the License.  You may obtain a copy of the License at

         http://www.apache.org/licenses/LICENSE-2.0

       Unless required by applicable law or agreed to in writing,
       software distributed under the License is distributed on an
       "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
       KIND, either express or implied.  See the License for the
       specific language governing permissions and limitations
       under the License.
-#}

{#
Each macro is wrapped with an 'if' clause so that a custom theme may extend this file and override individual macros
http://stackoverflow.com/questions/26582731/redefining-imported-jinja-macros
#}


{# account_links are used in primary nav, and off-canvas menu for small screens #}
{% if account_links is undefined %}
{%- macro account_links(c, h, config, login_url, logout_url) %}
    {% if c.user._id %}
        <a href="/auth/preferences/">Account</a>
        <a href="{{c.user.url()}}">{{name}}</a>
        <a href="{{logout_url}}">Log Out</a>
    {% else %}
        {% if h.asbool(config.get('auth.allow_user_registration', True)) %}
            <a href="/auth/create_account">Register</a>
        {% endif %}
        <a href="{{login_url}}">Log In</a>
    {% endif %}
{%- endmacro %}
{% endif %}

{% if header is undefined %}
{%- macro header(login_url, logout_url) %}
{% set breakpoint='medium' %}
<div class="row">
    <header class="columns small-12 title-bar">
        <div class="title-bar-left">
            {% if g.nav_logo %}
                <a href="{{ g.nav_logo['redirect_link'] }}"><img style="{% if g.nav_logo['image_width'] %}width: {{g.nav_logo['image_width']}}px;{% endif %} {% if g.nav_logo['image_height'] %}height: {{ g.nav_logo['image_height'] }}px;{% endif %}" src="{{ g.nav_logo['image_path'] }}" /></a>
            {% endif %}
            {% for nav_link in g.global_nav %}
                <a href="{{ nav_link['url'] }}" {% if g.nav_logo or not loop.first %}class="show-for-{{ breakpoint }}"{% endif %}>{{ nav_link['title'] }}</a>
            {% endfor %}
        </div>
        <div class="title-bar-right show-for-{{ breakpoint }}">
            {{ account_links(c, h, config, login_url, logout_url) }}
        </div>
        <button class="menu-icon hide-for-{{ breakpoint }}" type="button" data-open="offCanvas"></button>
    </header>
</div>
{%- endmacro %}
{% endif %}


{% if all_content_wrapper is undefined %}
{% macro all_content_wrapper(login_url, logout_url) -%}
    <div class="off-canvas position-right" id="offCanvas" data-off-canvas>
        <div class="menu vertical">
        {% for nav_link in g.global_nav %}
            <a href="{{ nav_link['url'] }}">{{ nav_link['title'] }}</a>
        {% endfor %}
        {{ account_links(c, h, config, login_url, logout_url) }}
        </div>
    </div>
    <div class="off-canvas-content" data-off-canvas-content>
        {{- caller(**kwargs) -}}
    </div>
{%- endmacro %}
{% endif %}


{% if footer is undefined %}
{%- macro footer(year, path_to_static='') %}
<footer id="site-footer" class="row align-right">
    <p>This project is powered by <a href="https://allura.apache.org/">Apache Allura</a>&trade;.</p>
</footer>
{%- endmacro %}
{% endif %}

{% if custom_js is undefined %}
{%- macro custom_js(path_to_static) %}
<script>
    $(document).foundation();
</script>
{%- endmacro %}
{% endif %}

{% if custom_tracking_js is undefined %}
{%- macro custom_tracking_js(accounts, user, project) %}
<script type="text/javascript">
    {# This should be overridden in your custom theme (e.g., sftheme) to implement custom tracking code. #}
    var _gaq = _gaq || [];

    function _add_tracking(prefix, tracking_id) {
        _gaq.push(
            [prefix+'._setAccount', tracking_id],
            [prefix+'._trackPageview']
        );
    }

    {%- for account in accounts %}
    _add_tracking('acct{{ loop.index }}', '{{account}}');
    {%- endfor %}
    {% if project and project.neighborhood.features['google_analytics'] -%}
      {% if project.neighborhood.tracking_id -%}
          _add_tracking('nbhd', '{{project.neighborhood.tracking_id}}');
      {%- endif %}
      {% if project.tracking_id -%}
          _add_tracking('proj', '{{project.tracking_id}}');
      {%- endif %}
    {%- endif %}

    (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' === document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
</script>
{%- endmacro %}
{% endif %}

{% if extra_header is undefined %}
{%- macro extra_header(path_to_static) %}

{%- endmacro %}
{% endif %}

{% if breadcrumbs is undefined %}
{%- macro breadcrumbs(project, app) %}
    <nav aria-label="You are here:" role="navigation" class="row">
        <ul class="breadcrumbs">
            <li><a href="/">Home</a></li>
            {% for label,url in project.breadcrumbs() %}
                {% if not loop.last or app %}
                    <li><a href="{{ url }}">{{ label }}</a></li>
                {% else %}
                    <li>{{ label }}</li>
                {% endif %}
            {% endfor %}
            {% if app %}
                <li>{{ app.config.options.mount_label }}</li>
            {% endif %}
        </ul>
    </nav>
{%- endmacro %}
{% endif %}


{% if project_header_right is undefined %}
{%- macro project_header_right(project, app) %}
  {% if project.neighborhood.icon %}
  <div class="column shrink neighborhood_block">
    <a href="{{project.neighborhood.url()}}"><img {{ lib.project_icon_srcs(project.neighborhood.neighborhood_project) }} class="neighborhood_icon"
       alt="Return to {{project.neighborhood.name}}" title="Return to {{project.neighborhood.name}}"></a>
       <div class="neighborhood_title">
         <h3><a href="{{project.neighborhood.url()}}">{{project.neighborhood.name}}</a></h3>
         {% if project.neighborhood.project_list_url %}
           <div class="neighborhood_title_link">
           <a href="{{project.neighborhood.project_list_url}}">
             View More Projects
           </a>
           </div>
         {% endif %}
    </div>
  </div>
  {% endif %}
{%- endmacro %}
{% endif %}

{% if login_overlay is undefined %}
{%- macro login_overlay() %}
    {% do g.register_js('js/jquery.lightbox_me.js') %}
    {% do g.register_forge_js('js/jquery-ui.min.js') %}
    {% do g.register_js('js/login_overlay.js') %}
    <div id="login_overlay" class="ui-widget-content">
        <h2 class="dark title">Login Required</h2>
        <iframe src="{{g.login_fragment_url}}"></iframe>
    </div>
{%- endmacro %}
{% endif %}

{% if site_notification is undefined %}
{%- macro site_notification() %}
    {% set note = g.theme.get_site_notification() %}
    {% if note %}
        <div id="site-notification">
            <section class="callout primary" data-notification-id="{{note._id}}">
                {{ note.content|subrender }}
                <button class="close-button btn-close" aria-label="Dismiss alert" type="button">
                  {#  .btn-close instead of data-close, since allura-base.js handles closing it, not Foundation #}
                  <span aria-hidden="true">&times;</span>
                </button>
            </section>
        </div>
    {% endif %}
{%- endmacro %}
{% endif %}

{% if placeholder_project_icon is undefined %}
{%- macro placeholder_project_icon() %}
    <div class="placeholder-icon"></div>
{%- endmacro %}
{% endif %}
