{# {% if slide_data %}
  <h2>Slide [{{ slideTitle }}] is currently active in these playlists:</h2>
  <table>
    <thead>
      <tr>
        <th>Playlist Title</th>
        <th>Slide Type</th>
        <th>Manage Location</th>
      </tr>
    </thead>
    <tbody>
      {% for slide in slide_data %}
        {% for index in 0..slide['#playlistTitles']|length - 1 %}
          <tr>
            <td>{{ slide['#playlistTitles'][index] }}</td>
            <td>{{ slide['#slideType'] }}</td>
            <td><a href="/manage/{{ slide['#storeLocationIds'][index] }}">Edit</a></td>
          </tr>
        {% endfor %}
      {% endfor %}
    </tbody>
  </table>
{% else %}
  <p>No data available.</p>
{% endif %} #}

<h2 class="active-playlists__title">Slide [{{ slideTitle }}] is currently active in these playlists:</h2>

<nav class="tabs" role="navigation" aria-label="Tabs">
  <h2 class="visually-hidden">Primary tabs</h2>
  <ul class="nav primary nav-tabs"><li class="nav-item other-pages"><a href="/node/{{ slideId }}" class="nav-link nav-link--node-{{ slideId }}">View</a></li>
    <li class="nav-item other-pages"><a href="/node/{{ slideId }}/edit" class="nav-link nav-link--node-{{ slideId }}-edit">Edit</a></li>
    <li class="nav-item other-pages"><a href="/node/{{ slideId }}/export" class="nav-link nav-link--node-{{ slideId }}-export">Export</a></li>
    <li class="nav-item other-pages"><a href="/node/{{ slideId }}/delete" class="nav-link nav-link--node-{{ slideId }}-delete">Delete</a></li>
    <li class="nav-item other-pages"><a href="/node/{{ slideId }}/revisions" class="nav-link nav-link--node-{{ slideId }}-revisions">Revisions</a></li>
    <li class="nav-item other-pages"><a href="/node/{{ slideId }}/entityqueue" class="nav-link nav-link--node-{{ slideId }}-entityqueue">Entityqueue</a></li>
    <li class="nav-item other-pages"><a href="/clone/{{ slideId }}/quick_clone" class="nav-link nav-link--clone-{{ slideId }}-quick-clone">Clone</a></li>
    <li class="active nav-item other-pages"><a href="/slide-playlists/{{ slideId }}" class="active nav-link">Playlists</a></li>
  </ul>
</nav>

{% set slides_greater_than_zero = [] %}
{% set slides_less_than_or_equal_zero = [] %}

{% for slide in slide_data %}
  {% if slide['#slideRatio'] > 0 %}
    {% set slides_greater_than_zero = slides_greater_than_zero|merge([slide]) %}
  {% else %}
    {% set slides_less_than_or_equal_zero = slides_less_than_or_equal_zero|merge([slide]) %}
  {% endif %}
{% endfor %}

  <div class="active-playlists__wrap">
    <h4>Active in Playlists:</h4>
    {% if slides_greater_than_zero %}
    <table>
      <thead>
        <tr>
          <th>Playlist Title</th>
          <th>Slide Type</th>
          <th>Manage Location</th>
        </tr>
      </thead>
      <tbody>
        {% for slide in slides_greater_than_zero %}
          {% for index in 0..slide['#playlistTitles']|length - 1 %}
            {% set ratio = slide['#slideRatio'] %}
            <tr>
              <td>{{ slide['#playlistTitles'][index] }}</td>
              <td>{{ slide['#slideType'] }}</td>
              <td><a href="/manage/{{ slide['#storeLocationIds'][index] }}">Edit</a></td>
            </tr>
          {% endfor %}
        {% endfor %}
      </tbody>
    </table>
    {% else %}
      <div class="inactive-playlists__no-result">This slide is not Active in any Playlist(s).</div>
    {% endif %}
  </div>

  <div class="inactive-playlists__wrap">
    <h4>Inactive in Playlists:</h4>
    {% if slides_less_than_or_equal_zero %}
    <table>
      <thead>
        <tr>
          <th>Playlist Title</th>
          <th>Slide Type</th>
          <th>Manage Location</th>
        </tr>
      </thead>
      <tbody>
        {% for slide in slides_less_than_or_equal_zero %}
          {% for index in 0..slide['#playlistTitles']|length - 1 %}
            {% set ratio = slide['#slideRatio'] %}
            <tr>
              <td>{{ slide['#playlistTitles'][index] }}</td>
              <td>{{ slide['#slideType'] }}</td>
              <td><a href="/manage/{{ slide['#storeLocationIds'][index] }}">Edit</a></td>
            </tr>
          {% endfor %}
        {% endfor %}
      </tbody>
    </table>
    {% else %}
      <div class="inactive-playlists__no-result">This slide is not Inactive in any Playlist(s).</div>
    {% endif %}
  </div>