{% macro btnContinue(includeDiv=true) -%}
    {% if includeDiv %}
        <div class="bofs-navigation bofs-padding">
            <div style="float: right">
    {% endif %}
                <input class="bofs-btn bofs-btn-primary" style="width: 160px;" id="btnNext" type="submit" value="Continue">
    {% if includeDiv %}
            </div>
            <div style="clear: both"></div>
        </div>
    {% endif %}
{%- endmacro %}


{% macro conditionLabel(condition) -%}
    {%- if config['CONDITIONS'] and condition and condition > 0 and condition <= (config['CONDITIONS']|length) -%}
        {{ config['CONDITIONS'][condition - 1]['label'] }}
    {%- elif condition -%}
        {{ condition }}
    {%- endif -%}
{%- endmacro %}


{% macro adminControls() -%}
    {% if (session.get('loggedIn', False) or debug) and request.blueprint != 'admin' %}
    {%- set current_path = request.path.lstrip('/') -%}
    {%- set current_occ = current_occurrence|default(0) -%}
    {%- set ns = namespace(current_idx=0) -%}
    {%- for page in flat_page_list -%}
        {%- set occ = flat_page_list[:loop.index0]|map(attribute='path')|select('equalto', page['path'])|list|length -%}
        {%- if page['path'] == current_path and occ == current_occ -%}{% set ns.current_idx = loop.index %}{%- endif -%}
    {%- endfor -%}
    {%- set total_pages = flat_page_list|length -%}
    {%- set pid = session.get('participantID') -%}
    {%- set condition = session.get('condition') -%}
    {%- set condition_label = conditionLabel(condition)|trim -%}

    <div class="admin-toolbar">
        <div class="admin-toolbar-status">
            {% if pid %}
            <span class="admin-status-item"><span class="admin-status-key">PID</span> {{ pid }}</span>
            {% else %}
            <span class="admin-status-item"><span class="admin-status-key">PID</span> <i>none yet</i></span>
            {% endif %}
            {% if condition_label %}
            <span class="admin-status-sep">&bull;</span>
            <span class="admin-status-item"><span class="admin-status-key">Condition:</span> {{ condition_label }}</span>
            {% endif %}
            {% if ns.current_idx %}
            <span class="admin-status-sep">&bull;</span>
            {%- set current_page_name = flat_page_list[ns.current_idx - 1].get('name') or flat_page_list[ns.current_idx - 1]['path'] -%}
            <span class="admin-status-item"><span class="admin-status-key">Page</span> {{ ns.current_idx }} of {{ total_pages }} &mdash; &ldquo;{{ current_page_name }}&rdquo;</span>
            {% else %}
            <span class="admin-status-sep">&bull;</span>
            <span class="admin-status-item"><span class="admin-status-key">Page</span> &mdash; of {{ total_pages }}</span>
            {% endif %}
            {% if not pid %}
            <span class="admin-status-sep">&bull;</span>
            <span class="admin-status-item"><i>No participant session yet &mdash; page navigation is disabled until consent is submitted (or <code>/create_participant</code> is visited).</i></span>
            {% endif %}
        </div>

        {%- set nav_disabled_reason = "Navigation requires an active participant session. Submit consent (or visit /create_participant) to begin." -%}
        <div class="admin-toolbar-actions">
            <div class="toolbar-left">
                {% if pid %}
                <a href="/redirect_previous_page" class="bofs-btn bofs-btn-light bofs-btn-sm" role="button" title="Previous page">
                    <i class="fas fa-arrow-circle-left"></i>
                </a>
                {% else %}
                <button type="button" class="bofs-btn bofs-btn-light bofs-btn-sm" disabled aria-disabled="true" title="{{ nav_disabled_reason }}">
                    <i class="fas fa-arrow-circle-left"></i>
                </button>
                {% endif %}
            </div>

            <div class="toolbar-center">
                <div class="dropup">
                    <button class="bofs-btn bofs-btn-light bofs-btn-sm dropdown-toggle" {% if pid %}data-bs-toggle="dropdown"{% else %}disabled aria-disabled="true" title="{{ nav_disabled_reason }}"{% endif %} aria-expanded="false">
                        Skip to page <i class="fas fa-file"></i>
                    </button>
                    {% if pid %}
                    <div class="dropdown-menu">
                        {% for page in flat_page_list %}
                            {%- set occ = flat_page_list[:loop.index0]|map(attribute='path')|select('equalto', page['path'])|list|length -%}
                            {%- set is_current = (page['path'] == current_path and occ == current_occ) -%}
                            <a class="dropdown-item{% if is_current %} bofs-active{% endif %}" href="/redirect_to_page/{{ page['path'] }}">
                                {{ loop.index }}. {{ page.get('name') or page['path'] }}{% if is_current %} <i class="fas fa-check" style="margin-left: 4px;"></i>{% endif %}
                            </a>
                        {% endfor %}
                    </div>
                    {% endif %}
                </div>

                <a href="/restart" class="bofs-btn bofs-btn-light bofs-btn-sm" role="button" data-confirm-restart>
                    Restart <i class="fas fa-redo"></i>
                </a>

                {% if pid and config.get('USE_ADMIN', True) %}
                <a href="{{ url_for('admin.route_participant_detail', pid=pid) }}" class="bofs-btn bofs-btn-light bofs-btn-sm" role="button">
                    My Data <i class="fas fa-table"></i>
                </a>
                {% endif %}

                <a href="/admin" class="bofs-btn bofs-btn-light bofs-btn-sm" role="button">
                    Admin Panel <i class="fas fa-tools"></i>
                </a>

                <div class="dropup">
                    <button class="bofs-btn bofs-btn-light bofs-btn-sm dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
                        Vars <i class="fas fa-clipboard-list"></i>
                    </button>
                    <div class="dropdown-menu debug-session">
                        <ul>
                            {% for variable in session %}
                                <li>{{ variable }}: <pre>{{ session[variable] }}</pre></li>
                            {% endfor %}
                        </ul>
                    </div>
                </div>
            </div>

            <div class="toolbar-right">
                {% if pid %}
                <a href="/redirect_next_page" class="bofs-btn bofs-btn-light bofs-btn-sm" role="button" title="Next page">
                    <i class="fas fa-arrow-circle-right"></i>
                </a>
                {% else %}
                <button type="button" class="bofs-btn bofs-btn-light bofs-btn-sm" disabled aria-disabled="true" title="{{ nav_disabled_reason }}">
                    <i class="fas fa-arrow-circle-right"></i>
                </button>
                {% endif %}
            </div>
        </div>
    </div>

    <script src="{{ url_for('BOFS_static', filename='js/admin_controls.js') }}"></script>
    {% endif %}
{%- endmacro %}


{% macro checkUserActive() %}
    <script type="text/javascript">
    {% if 'currentUrl' in session and session['currentUrl'] %}
        // Activity polling lives in /BOFS_static/js/user_active.js, injected
        // server-side for any participant page (see BOFSFlask.after_request_).
        // This macro now only handles the wrong-page correctness redirect.

        // Redirect user to the correct page if they are on the wrong page.
        window.onload = function() {
            if (window.location.pathname.includes("admin")) {
                return;
            }
            if (window.location.pathname.includes("debug_pick_condition")) {
                return;
            }

            var xhttp = new XMLHttpRequest();
            xhttp.onreadystatechange = function () {
                if (this.readyState === 4 && this.status === 200) {
                    if (window.location.pathname.substr(1) != this.responseText)  {
                        window.location.href = "/" + this.responseText;
                    }
                }
            };
            xhttp.open("GET", "/current_url", true);
            xhttp.send();
        };
        window.onunload = function(){};
    {% endif %}
</script>
{%- endmacro %}