{#-

Hi there!

You might be interested in https://pradyunsg.me/furo/customisation/sidebar/

Although if you're reading this, chances are that you're either familiar
enough with Sphinx that you know what you're doing, or landed here from that
documentation page.

Hope your day's going well. :)

-#}
<a class="sidebar-brand{% if logo %} centered{% endif %}" href="{{ pathto(master_doc) }}">
  {% block brand_content %}
  {%- if logo_url %}
  <div class="sidebar-logo-container">
    <img class="sidebar-logo" src="{{ logo_url }}" alt="Logo"/>
  </div>
  {%- endif %}
  {%- if theme_light_logo and theme_dark_logo %}
  <div class="sidebar-logo-container">
    <img class="sidebar-logo only-light" src="{{ pathto('_static/' + theme_light_logo, 1) }}" alt="Light Logo"/>
    <img class="sidebar-logo only-dark" src="{{ pathto('_static/' + theme_dark_logo, 1) }}" alt="Dark Logo"/>
  </div>
  {%- endif %}
  {% if not theme_sidebar_hide_name %}
  <span class="sidebar-brand-text">{{ docstitle if docstitle else project }}</span>
  {%- endif %}
  {% endblock brand_content %}
  <select class="doc-version-switcher" onchange="switchDocs()">
    <option value="stable">Stable</option>
    <option value="unstable">Unstable</option>
    <!-- Add more versions here as needed -->
  </select>
</a>

<script>
  // Define the mapping of versions to URLs
  const versionURLs = {
    stable: 'http://docs.bonsaibim.org/',
    unstable: 'http://docs-unstable.bonsaibim.org/',
    // Add more versions here as needed
  };

  // Set the select box value based on the current URL
  document.addEventListener('DOMContentLoaded', (event) => {
    const selectBox = document.querySelector('.doc-version-switcher');
    const currentURL = window.location.href;

    for (const [version, url] of Object.entries(versionURLs)) {
      if (currentURL.includes(url)) {
        selectBox.value = version;
        break;
      }
    }
  });

  function switchDocs() {
    const selectBox = document.querySelector('.doc-version-switcher');
    const selectedValue = selectBox.value;
    const currentURL = window.location.href;

    if (!currentURL.includes(versionURLs[selectedValue])) {
      window.location.href = versionURLs[selectedValue];
    }
  }
</script>