{% extends "base.html" %}

{% block extrahead %}
  {{ super() }}
  {# Page-level import map for the self-hosted Three.js modules (see the
     plotting-docs-performance ADR). One per page is the only reliable
     way to deliver an import map; it is inert on pages with no structure
     view. Paths resolve against base_url so they stay correct under the
     mike-versioned site. #}
  <script type="importmap">
    {
      "imports": {
        "three": "{{ base_url }}/assets/javascripts/vendor/threejs/three.module.js",
        "three/addons/controls/OrbitControls.js": "{{ base_url }}/assets/javascripts/vendor/threejs/OrbitControls.js",
        "three/addons/renderers/CSS2DRenderer.js": "{{ base_url }}/assets/javascripts/vendor/threejs/CSS2DRenderer.js"
      }
    }
  </script>
{% endblock %}

{% block content %}

{% if page.nb_url %}
  {# Parse notebook path/URL #}
  {% set parts = page.nb_url.split('/') %}
  {% set tutorial_name = parts[-2] %}
  {% set filename = parts[-1] %}

  {# Colab url #}
  {% set base_colab_url = "https://colab.research.google.com/github/" %}
  {% set colab_url =
    base_colab_url ~ config.extra.vars.github_repository ~
    "/blob/gh-pages/" ~ config.extra.vars.docs_version ~
    "/tutorials/" ~ tutorial_name ~ "/" ~ filename
  %}

  {# Download link: relative to the current page #}
  {% set file_url = filename %}

  {# Action buttons as a left-aligned row above the notebook title; see
     .md-content__nb-actions in extra.css #}
  <div class="md-content__nb-actions">
    {# Open in Colab (absolute GitHub URL; works anywhere) #}
    <a href="{{ colab_url }}"
       title="Open in Google Colab"
       class="md-content__button md-icon">
      {% include ".icons/google-colab.svg" %}
    </a>

    {# Download: use a RELATIVE link to the file next to this page #}
    <a href="{{ file_url }}"
       download="{{ file_url }}"
       title="Download Notebook"
       class="md-content__button md-icon">
      {% include ".icons/material/download.svg" %}
    </a>
  </div>
{% endif %}

{{ super() }}
{% endblock content %}