{# Shared left-rail / drawer navigation items #}
{# Used by base.html (desktop left sidebar) and mobile hamburger drawer #}

{%- set ep = request.endpoint or '' -%}
<ul class="action-sidebar-list">
    <li class="action-sidebar-li">
        <a href="{{ url_for('add_watch_ui.add_watch_ui_index') }}"
           class="action-sidebar-item {% if ep.startswith('add_watch_ui.') %}active{% endif %}"
           title="{{ _('Add a page watch') }}">
            <svg class="action-icon" viewBox="0 0 24 24" aria-hidden="true">
                <rect x="3" y="3" width="18" height="18" rx="4" ry="4"/>
                <line x1="12" y1="8" x2="12" y2="16"/>
                <line x1="8" y1="12" x2="16" y2="12"/>
            </svg>
            <span class="action-label">{{ _('Add a page watch') }}</span>
        </a>
    </li>
    <li class="action-sidebar-li">
        <a href="{{ url_for('watchlist.index') }}"
           class="action-sidebar-item {% if ep == 'watchlist.index' or ep.startswith('ui.ui_views') or ep.startswith('ui.ui_edit') %}active{% endif %}"
           title="{{ _('Page Watches') }}">
            <svg class="action-icon" viewBox="0 0 24 24" aria-hidden="true">
                <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/>
                <circle cx="12" cy="12" r="3"/>
            </svg>
            <span class="action-label">{{ _('Page Watches') }}</span>
        </a>
    </li>
    <li class="action-sidebar-li">
        <a href="{{ url_for('tags.tags_overview_page') }}"
           class="action-sidebar-item {% if ep.startswith('tags.') %}active{% endif %}"
           title="{{ _('Watch Groups') }}">
            <svg class="action-icon" viewBox="0 0 24 24" aria-hidden="true">
                <polygon points="12 2 2 7 12 12 22 7 12 2"/>
                <polyline points="2 17 12 22 22 17"/>
                <polyline points="2 12 12 17 22 12"/>
            </svg>
            <span class="action-label">{{ _('Watch Groups') }}</span>
        </a>
    </li>
    <li class="action-sidebar-li">
        <a href="#"
           class="action-sidebar-item is-disabled"
           title="{{ _('Browsers (coming soon)') }}"
           aria-disabled="true"
           tabindex="-1">
            <svg class="action-icon" viewBox="0 0 24 24" aria-hidden="true">
                <circle cx="12" cy="12" r="9"/>
                <line x1="3" y1="12" x2="21" y2="12"/>
                <path d="M12 3a13 13 0 0 1 0 18M12 3a13 13 0 0 0 0 18"/>
            </svg>
            <span class="action-label">{{ _('Browsers') }}</span>
            <span class="action-badge">{{ _('soon') }}</span>
        </a>
    </li>
    {% if not current_diff_url %}
    <li class="action-sidebar-li">
        <button type="button"
                class="action-sidebar-item action-sidebar-item--button js-open-search-modal"
                title="{{ _('Search, or Use Alt+S Key') }}">
            <svg class="action-icon" viewBox="0 0 24 24" aria-hidden="true">
                <circle cx="11" cy="11" r="7"/>
                <line x1="21" y1="21" x2="16.65" y2="16.65"/>
            </svg>
            <span class="action-label">{{ _('Search') }}</span>
        </button>
    </li>
    {% endif %}
    <li class="action-sidebar-li">
        <a href="{{ url_for('ui.ui_queue.queue_page') }}"
           class="action-sidebar-item {% if ep.startswith('ui.ui_queue') %}active{% endif %}"
           title="{{ _('Queue') }}">
            <svg class="action-icon" viewBox="0 0 24 24" aria-hidden="true">
                <line x1="8" y1="6"  x2="21" y2="6"/>
                <line x1="8" y1="12" x2="21" y2="12"/>
                <line x1="8" y1="18" x2="21" y2="18"/>
                <line x1="3" y1="6"  x2="3.01" y2="6"/>
                <line x1="3" y1="12" x2="3.01" y2="12"/>
                <line x1="3" y1="18" x2="3.01" y2="18"/>
            </svg>
            <span class="action-label">{{ _('Queue') }}</span>
        </a>
    </li>
    <li class="action-sidebar-li">
        <a href="{{ url_for('settings.notifications.apprise') }}"
           class="action-sidebar-item"
           title="{{ _('Notifications') }}">
            <svg class="action-icon" viewBox="0 0 24 24" aria-hidden="true">
                <path d="M18 8a6 6 0 0 0-12 0c0 7-3 9-3 9h18s-3-2-3-9"/>
                <path d="M13.73 21a2 2 0 0 1-3.46 0"/>
            </svg>
            <span class="action-label">{{ _('Notifications') }}</span>
        </a>
    </li>

    <li class="action-sidebar-divider" aria-hidden="true"></li>

    <li class="action-sidebar-li" id="checking-now-stats-sidebar">
        <a href="{{ url_for('ui.ui_queue.queue_page') }}" class="action-sidebar-item">{{ _('Checking now') }}:&nbsp;<span class="checking-now-int">{{ checking_now_size }}</span></a>
    </li>
    <li class="action-sidebar-li" id="queue-stats-sidebar">
        <a href="{{ url_for('ui.ui_queue.queue_page') }}" class="action-sidebar-item">{{ _('In queue') }}:&nbsp;<span class="queue-size-int">{{ queue_size }}</span></a>
    </li>
    {% if socket_io_enabled %}
    <li class="action-sidebar-li action-sidebar-li--spark" aria-hidden="true">
        <canvas class="queue-spark" title="{{ _('Live activity') }}"></canvas>
    </li>
    {% endif %}
    <li class="action-sidebar-li">
        {% if right_sticky %}
          <div class="sticky-tab" id="right-sticky">{{ right_sticky }}</div>
        {% endif %}
    </li>

      {% if new_version_available and not(has_password and not current_user.is_authenticated) %}
      <li class="action-sidebar-li">
        <span id="new-version-text">
          <a href="https://changedetection.io">{{ _('A new version is available') }}</a>
        </span>
      </li>
      {% endif %}

</ul>