{%- set _versions = versions | default([]) -%}
{%- set _current = current_version | default({'name': version}) -%}
{%- set _docs_base = '/BLADE' -%}

{%- if _versions %}
<div class="sidebar-tree">
  <p class="caption" role="heading">
    <span class="caption-text">Version</span>
  </p>
  <label for="version-selector" class="visually-hidden">Version</label>
  <select
    id="version-selector"
    style="width: 100%;"
    onchange="
      if (!this.value) return;
      const target = this.value;
      if (/^https?:\/\//.test(target)) {
        window.location.href = target;
      } else if (target.startsWith('{{ _docs_base }}/')) {
        window.location.href = target;
      } else if (target.startsWith('/')) {
        window.location.href = '{{ _docs_base }}' + target;
      } else {
        window.location.href = '{{ _docs_base }}/' + target;
      }
    "
  >
    {%- for item in _versions %}
    <option
      value="{{ item.url }}"
      {% if item.name == _current.name %}selected{% endif %}
    >
      {{ item.name }}
    </option>
    {%- endfor %}
  </select>
</div>
{%- endif %}