{% assign product = siteTree[currentLanguage][currentVersion].products[currentProduct] %}
{% assign currentVersionObject = allVersions[currentVersion] %}

<div class="d-flex">
  <article class="min-width-0 flex-1">
    <div class="d-flex flex-items-center flex-justify-between color-bg-primary text-bold px-5 py-2">
      {% if prevRelease %}
        <a
          class="btn btn-outline"
          href="/{{ currentLanguage }}/{{ currentVersionObject.plan }}@{{ prevRelease }}/{{ currentProduct }}/release-notes">
          {% octicon "chevron-left" %} {{ prevRelease }}
        </a>
      {% else %}
        <div></div>
      {% endif %}

      <h1 class="f4 py-3 m-0">{{ currentVersionObject.planTitle }} {{ currentVersionObject.currentRelease }} release notes</h1>

      {% if nextRelease %}
        <a
          class="btn btn-outline"
          href="/{{ currentLanguage }}/{{ currentVersionObject.plan }}@{{ nextRelease }}/{{ currentProduct }}/release-notes">
          {{ nextRelease }} {% octicon "chevron-right" %}
        </a>
      {% else %}
        <div></div>
      {% endif %}
    </div>

    <div class="markdown-body">
      {% for patch in releaseNotes %}
        <div class="js-release-notes-patch mb-10 color-bg-secondary pb-6 border-bottom border-top" data-version="{{ patch.version }}" id="{{ patch.version }}">
          <header style="z-index: 1;" class="container-xl position-sticky top-0 color-bg-secondary border-bottom px-3 pt-4 pb-2 js-release-notes-patch-heading" data-version="{{ patch.version }}">
            <div class="d-flex flex-items-center">
              <h2 class="border-bottom-0 m-0 p-0">
                {{ currentVersionObject.versionTitle }}.{{ patch.patchVersion }}
              </h2>

              {% if patch.release_candidate %}
                <span class="IssueLabel color-bg-warning-inverse color-text-inverse ml-3" style="white-space: pre">Release Candidate</span>
              {% endif %}

              {% if currentVersionObject.plan == "enterprise-server" %}
              <a href="https://enterprise.github.com/releases/{{ patch.downloadVersion }}/download" class="ml-3 text-small text-bold">
                Download
              </a>
              {% endif %}

              <button class="js-print btn-link ml-3 text-small text-bold">
                Print
              </button>
            </div>

            <p class="color-text-secondary mt-1">{{ patch.date | date: "%B %d, %Y" }}</p>

            {% if patch.version != latestPatch and currentVersionObject.currentRelease == latestRelease %}
            <p class="color-text-secondary mt-1">{% data ui.header.notices.ghes_release_notes_upgrade_patch_only %} {% data ui.header.notices.release_notes_use_latest %}</p>
            {% endif %}

            {% if patch.version == latestPatch and currentVersionObject.currentRelease != latestRelease %}
            <p class="color-text-secondary mt-1">{% data ui.header.notices.ghes_release_notes_upgrade_release_only %} {% data ui.header.notices.release_notes_use_latest %}</p>
            {% endif %}

            {% if patch.version != latestPatch and currentVersionObject.currentRelease != latestRelease %}
            <p class="color-text-secondary mt-1">{% data ui.header.notices.ghes_release_notes_upgrade_patch_and_release %} {% data ui.header.notices.release_notes_use_latest %}</p>
            {% endif %}
          </header>

          <div class="container-xl px-3">
            <div class="mt-3">{{ patch.intro }}</div>

            {% for section in patch.sections %}
              <div class="release-notes-section-{{ section[0] }} py-6 d-block d-xl-flex gutter-xl flex-items-baseline {% unless forloop.last %}border-bottom{% endunless %}">
                <div class="col-12 col-xl-3 mb-5">
                  {% include release-notes-category-label %}
                </div>

                <ul class="col-12 col-xl-9 release-notes-list">
                  {% for note in section[1] %}
                    <li class="release-notes-list-item {% if note.heading %}list-style-none{% endif %}">
                      {% if note.heading %}
                        {% assign slug = note.heading | slugify %}

                        <h4 id="{{ slug }}" class="release-notes-section-heading text-uppercase text-bold">
                          <a href="#{{ slug }}" class="text-inherit">{{ note.heading }}</a>
                        </h4>

                        <ul class="pl-0 pb-4 mt-2 release-notes-list">
                          {% for subNote in note.notes %}
                            <li class="release-notes-list-item">{{ subNote }}</li>
                          {% endfor %}
                        </ul>
                      {% else %}
                        {{ note }}
                      {% endif %}
                    </li>
                  {% endfor %}
                </ul>
              </div>
            {% endfor %}
          </div>
        </div>
      {% endfor %}
    </div>
  </article>

  <aside
    class="markdown-body position-sticky top-0 d-none d-md-block border-left no-print color-bg-primary flex-shrink-0"
    style="width: 260px; height: 100vh;"
  >
    <nav class="height-full overflow-auto">
      <ul class="list-style-none pl-0 text-bold">
        {% for release in releases %}
          {% capture releaseLink %}/{{ currentLanguage }}/{{ currentVersionObject.plan }}@{{ release.version }}/{{ currentProduct }}/release-notes{% endcapture %}
          <li class="border-bottom">
            {% if release.patches %}
              {% if release.version == currentVersionObject.currentRelease %}
                <details class="my-0 details-reset release-notes-version-picker" aria-current="page" open>
                  <summary class="px-3 py-4 my-0 d-flex flex-items-center flex-justify-between">
                    {{ release.version }}
                    <div class="d-flex">
                      <span class="color-text-tertiary text-mono text-small text-normal mr-1">{{ release.patches | size }} releases</span>
                      {% octicon "chevron-down" %}
                    </div>
                  </summary>
                  <ul class="color-bg-tertiary border-top list-style-none py-4 px-0 my-0">
                    {% for patch in release.patches %}
                      <li class="js-release-notes-patch-link px-3 my-0 py-1" data-version="{{ patch.version }}">
                        <a
                          href="{{ releaseLink }}#{{ patch.version }}"
                          class="d-flex flex-items-center flex-justify-between">
                          {{ patch.version }}
                          <span class="color-text-tertiary text-mono text-small text-normal">{{ patch.date | date: "%B %d, %Y" }}</span>
                        </a>
                      </li>
                    {% endfor %}
                  </ul>
                </details>
              {% else %}
                <a class="px-3 py-4 my-0 d-flex flex-items-center flex-justify-between" href="{{ releaseLink }}">
                  {{ release.version }}
                  <span class="color-text-tertiary text-mono text-small text-normal mr-1">{{ release.patches | size }} releases</span>
                </a>
              {% endif %}
            {% else %}
              <a href="{{ releaseLink }}" class="Link--primary no-underline px-3 py-4 my-0 d-flex flex-items-center flex-justify-between">
                {{ release.version }}
                {% octicon "link-external" %}
              </a>
            {% endif %}
          </li>
        {% endfor %}
      </ul>
    </nav>
  </aside>
</div>