{% extends "sphinx_rtd_theme/layout.html" %}
{# ref: https://github.com/readthedocs/sphinx_rtd_theme/blob/master/sphinx_rtd_theme/layout.html #}

{%- block extrabody %}

<div class="wy-grid-header">
  <div class="wy-header-logo">
    {%- set _logo_url = logo_url|default(pathto('_static/' + (logo or ""), 1))
    %} {%- set _root_doc = root_doc|default(master_doc) %}
    <a href="{{ pathto(_root_doc) }}">
      <img src="https://raw.githubusercontent.com/kedro-org/kedro-brand-identity/main/horizontal/color/kedro-horizontal-color-on-light.svg" class="logo" alt="{{ _('Logo') }}" />
    </a>
  </div>

  <div class="wy-main-nav">
    <a href="/" class="active">Kedro</a>
    <a href="https://docs.kedro.org/projects/kedro-viz/en/stable/">Kedro-Viz</a>
    <a href="https://docs.kedro.org/projects/kedro-datasets">Kedro-Datasets</a>
  </div>

  {%- include "searchbox.html" %}
</div>

{% endblock %}

{%- block extrahead %}
<script type="text/javascript">

  window.heap=window.heap||[],heap.load=function(e,t){window.heap.appid=e,window.heap.config=t=t||{};var r=document.createElement("script");r.type="text/javascript",r.async=!0,r.src="https://cdn.heapanalytics.com/js/heap-"+e+".js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(r,a);for(var n=function(e){return function(){heap.push([e].concat(Array.prototype.slice.call(arguments,0)))}},p=["addEventProperties","addUserProperties","clearEventProperties","identify","resetIdentity","removeEventProperty","setEventProperties","track","unsetEventProperty"],o=0;o<p.length;o++)heap[p[o]]=n(p[o])};
  heap.load({{ "2164194004" | env_override }});{# 2164194004 coresponds to the Development environment #}

  //inline styling for read-the-docs flyout
  document.documentElement.style.setProperty('--readthedocs-flyout-font-size', '0.9em');

  document.addEventListener("DOMContentLoaded", function() {

    function showReadTheDocsSearch() {
    const searchEvent = new CustomEvent("readthedocs-search-show");
    document.dispatchEvent(searchEvent);
    }

    // Activate read-the-docs search when user focuses on search
    document.querySelector('div[role="search"] form input').addEventListener("focus", showReadTheDocsSearch);

    // Add keyboard event listener for Cmd+K (Mac) or Ctrl+K (Windows)
    document.addEventListener("keydown", function(e) {
      if ((e.key === 'k' || e.key === 'K') && (e.metaKey || e.ctrlKey)) {
        e.preventDefault();
        showReadTheDocsSearch();
      }
    });

    // Clone main nav into the sidebar
    var sidebarSearch = document.querySelector('.wy-side-nav-search div[role="search"]');
    sidebarSearch.parentNode.insertBefore(document.querySelector('.wy-main-nav').cloneNode(true), sidebarSearch);

    // Prepend close button to mobile header
    var closeBtn = document.createElement("span");
    closeBtn.dataset.toggle = 'wy-nav-top';
    closeBtn.classList.add('wy-nav-top-close');
    document.querySelector('.wy-nav-top').prepend(closeBtn);

    // Prepend open button to mobile header
      var openBtn = document.createElement("span");
      openBtn.dataset.toggle = 'wy-nav-top';
      openBtn.classList.add('wy-nav-top-open');
      document.querySelector('.wy-nav-top').prepend(openBtn);
  });
</script>
{% endblock %}