.content-nav
  .content-nav-mobile
    button#nav-content-button.nav-button
      img#burger-menu-img(src="/images/burger-menu-button-icon.svg" alt="Meni")
      span.nav-title.ms-0= t('Vsebina')
    a.link-back.text-decoration-none.ms-auto.me-3(href="/")
      img(src="/images/chevrons-left.svg")
      span.normal-gray.ms-1= t('Nazaj')
    .content-nav-title
      a#chevrons-back.link-back.text-decoration-none
        img(src="/images/chevrons-left.svg")
        span.normal-gray.ms-2= t('Nazaj')
  nav
    ul.content-nav-content.scroller-style.ps-0
      ul.filter-search-settings.ps-0
        form#form-filter-search
          li#unfiltered.filter-search-section.pb-0.px-3
            .d-flex
              select.form-select.py-0.filter-select.ps-1.pe-0(name="field")
                option(value="term")= t('Termin')
                option(value="domainLabels")= t('Področna oznaka')
                option(value="label")= t('Pojasnilo')
                option(value="definition")= t('Definicija')
                option(value="synonyms")= t('Sinonimi')
                option(value="links")= t('Povezave')
                option(value="other")= t('Drugo')
                option(value="foreignTerms")= t('Tuj termin')
                option(value="foreignDefinition")= t('Tuja definicija')
                option(value="foreignSynonyms")= t('Tuj sinonim')
                option(value="")= t('Iskanje po vseh')
            .d-flex.justify-content-between.mt-4
              .classic-search-container.w-75
                .classic-search.border1px-gray-2
                  input.input-search(
                    name="q"
                    type="text"
                    placeholder=t('Išči')
                    autocomplete="off"
                  )
                  .position-relative
                    button#inline-search-btn.border-0.bg-transparent
                      img(src="/images/search.svg")
              button.btn.clear-search-input.px-0(type="button")
                img(src="/images/x-gray.svg")
            .d-flex.justify-content-between.align-items-center.mt-4
              label#span-filter.normal-gray-label(for="show-filter")= t('Filtriranje')
              button#show-filter.btn.ps-0.pe-0(
                type="button"
                data-bs-toggle="collapse"
                data-bs-target="#filtered"
                aria-expanded="false"
                aria-controls="collapseExample"
              )
                img.py-2(
                  src="/images/sliders.svg"
                  data-bs-custom-class="gray-tooltip"
                  data-bs-toggle="tooltip"
                  data-bs-placement="bottom"
                  title=t('Prikaži filtre')
                )
          li#filtered.filter-search-section.collapse.pt-1
            .form-check.d-flex.align-items-center
              input#valid.form-check-input.indeterminate-cbox(
                type="checkbox"
                name="isValid"
              )
              label.form-check-label(for="valid")= t('Veljavno')

            .form-check.d-flex.align-items-center
              input#published.form-check-input.indeterminate-cbox(
                type="checkbox"
                name="isPublished"
              )
              label.form-check-label(for="published")= t('Obljavljeno')

            .form-check.d-flex.align-items-center
              input#comments.form-check-input.indeterminate-cbox(
                type="checkbox"
                name="hasComments"
              )
              label.form-check-label(for="comments")= t('Komentarji')

            .form-check.d-flex.align-items-center
              input#edited.form-check-input.indeterminate-cbox(
                type="checkbox"
                name="isComplete"
              )
              label.form-check-label(for="edited")= t('Urejeno')

            .form-check.d-flex.align-items-center
              input#terminology-checked.form-check-input.indeterminate-cbox(
                type="checkbox"
                name="isTerminologyReviewed"
              )
              label.form-check-label(for="terminology-checked")= t('Strokovno pregledano')

            .form-check.d-flex.align-items-center
              input#language-checked.form-check-input.indeterminate-cbox(
                type="checkbox"
                name="isLanguageReviewed"
              )
              label.form-check-label(for="language-checked")= t('Jezikovno pregledano')

      #term-list.btn-group.termin-list.d-flex.flex-column(role="group")
        if terms.length
          each term, index in terms
            if !term.term
              if term.foreignTerm
                if term.foreignTerm.length
                  .d-flex.justify-content-between.align-items-center
                    label.terms-label.not-valid-not-published.btn.p-2.ms-2.me-3.text-truncate.justify-content-start.d-inline(
                      class=index ? false : 'selected-term-btn'
                      data-term-id=term.id
                      data-index=index
                      tabindex="0"
                      data-bs-custom-class="label-tooltip"
                      data-bs-original-title=""
                      title
                    )!= `#${term.foreignTerm}`
                    span.me-4= term.commentActivityIndicator
                else
                  .d-flex.justify-content-between.align-items-center
                    label.terms-label.not-valid-not-published.btn.p-2.ms-2.me-3.text-truncate.justify-content-start.d-inline(
                      class=index ? false : 'selected-term-btn'
                      data-term-id=term.id
                      data-index=index
                      tabindex="0"
                      data-bs-custom-class="label-tooltip"
                      data-bs-original-title=""
                      title
                    )= t('[ni termina]')
                    span.me-4= term.commentActivityIndicator
              else
                .d-flex.justify-content-between.align-items-center
                  label.terms-label.not-valid-not-published.btn.p-2.ms-2.me-3.text-truncate.justify-content-start.d-inline(
                    class=index ? false : 'selected-term-btn'
                    data-term-id=term.id
                    data-index=index
                    tabindex="0"
                    data-bs-custom-class="label-tooltip"
                    data-bs-original-title=""
                    title
                  )= t('[ni termina]')
                  span.me-4= term.commentActivityIndicator
            else
              .d-flex.justify-content-between.align-items-center
                if term.isValid
                  if term.isPublished
                    label.terms-label.term-good-btn.btn.p-2.ms-2.me-3.text-truncate.justify-content-start.d-inline(
                      class=index ? false : 'selected-term-btn'
                      data-term-id=term.id
                      data-index=index
                      tabindex="0"
                      data-bs-custom-class="label-tooltip"
                      data-bs-original-title=""
                      title
                    )!= `${term.term} ${term.homonymSort ? '(' + term.homonymSort + ')' : ''}`
                    span.me-4= term.commentActivityIndicator
                  else
                    label.terms-label.btn.p-2.ms-2.me-3.text-truncate.justify-content-start.d-inline(
                      class=index ? false : 'selected-term-btn'
                      data-term-id=term.id
                      data-index=index
                      tabindex="0"
                      data-bs-custom-class="label-tooltip"
                      data-bs-original-title=""
                      title
                    )!= `${term.term} ${term.homonymSort ? '(' + term.homonymSort + ')' : ''}`
                    span.me-4= term.commentActivityIndicator
                else
                  label.terms-label.not-valid-not-published.btn.p-2.ms-2.me-3.text-truncate.justify-content-start.d-inline(
                    class=index ? false : 'selected-term-btn'
                    data-term-id=term.id
                    data-index=index
                    tabindex="0"
                    data-bs-custom-class="label-tooltip"
                    data-bs-original-title=""
                    title
                  )!= `${term.term} ${term.homonymSort ? '(' + term.homonymSort + ')' : ''}`
                  span.me-4= term.commentActivityIndicator
        .lds-default.d-none
          div
          div
          div
          div
          div
          div
          div
          div
          div
          div
          div
          div
        #pagination-content.d-flex.align-items-center.justify-content-center.border-top.mt-2
          span#data-length= terms.length ? terms.length : 0