{{# Set up vars for use later in the template #}}
{{#
    This will hold a space-separated list of each book with an accompanying
    sermon. This allows the JavaScript to remove any books not in this list.
#}}
{{ var:books is="" }}

{{ taxonomy:listing
    type     = "ref_tag"
    folder   = "/sermons*"
}}

  {{ var:books is="{var:books} {name|lower|slugify}" }}

  {{ if first }}
    {{ var:books_total is="{total_results}" }}
  {{ /if }}
{{ /taxonomy:listing }}





<div class="w-nav sermon-nav" data-collapse="small" data-animation="over-right" data-duration="400" data-doc-height="1">
  <nav class="w-nav-menu sermon-nav-contain" role="navigation">
    <!-- <div class="w-form">
      <form class="sermon-search" id="email-form" name="email-form" data-name="Email Form">
        <input class="w-input search" id="query" type="text" placeholder="Search:" name="query" data-name="query">
      </form>
    </div> -->
    <div class="sermon-category">Browse</div>
      <a class="w-nav-link sermon-nav-link {{ if get:tab != "recent" && segment_2 == "" }}current{{ else }} {{ /if}}" href="/sermons?tab=overview">Overview</a>
      <a class="w-nav-link sermon-nav-link" href="/sermons?tab=recent">Recent Sermons</a>
    <div class="sermon-nav-line"></div>
    <div class="sermon-category">Categories</div>

      {{ pages:listing folder="/sermons" limit="6" }}
        <a class="w-nav-link sermon-nav-link {{ if segment_2 == url|reverse|backspace:9|reverse }} parent{{ /if }}" href="{{ url }}">{{ title }}</a>
      {{ /pages:listing }}

    <div class="sermon-nav-line"></div>

    {{ theme:partial
        src      = "audio/side-nav__taxonomy"
        type     = "speaker"
        folder   = "/sermons*"
        sort_by  = "count"
        sort_dir = "desc"
        heading  = "By Speaker"
    }}


    <div class="sermon-category">
      By Book ({{ var:books_total }})
    </div>
    <div id="books_with_sermons" data-books="{{ var:books }}"></div>

    {{ books_bible limit="5" }}
      <a
        id    = "{{value|lower|slugify }}"
        class = "sermon-nav-link {{ if segment_2 == url|reverse|backspace:9|reverse }} parent{{ /if }}"
        href  = "/sermons/ref_tag/{{ value|lower|slugify }}"
      >
        {{ value }}
      </a>
    {{ /books_bible }}

    <nav class="accordion-list accordion-list--books">
      {{ books_bible offset="5" }}
        <a
          id    = "{{value|lower|slugify }}"
          class = "sermon-nav-link {{ if segment_2 == url|reverse|backspace:9|reverse }} parent{{ /if }}"
          href  = "/sermons/ref_tag/{{ value|lower|slugify }}"
        >
          {{ value }}
        </a>
      {{ /books_bible }}
    </nav>
    <div class="accordion-toggle">
      <span class="accordion-toggle-text-inactive">Show more</span>
      <span class="accordion-toggle-text-active">Show less</span>
    </div>

    <div class="sermon-nav-line"></div>

  </nav>
  <div class="w-nav-button sermon-menu-button">
    <div class="w-icon-nav-menu"></div>
  </div>
</div>