include ../../../components/bordered_pulldown/mixin
include ../../../components/util/activator

nav.shows-page-cities-nav.horizontal-list-nav
  .hln-cell.is-dominant
    a.hln-link.shows-location(
      href='/shows'
      class= activeClass('/shows')
    ) All
    for city in featuredCities
      a.hln-link.shows-location(
        href="/shows/#{city.slug}"
        class= activeClass("/shows/#{city.slug}")
      )= city.name
  .hln-cell
    +bordered-scrollable-pulldown('All Cities', null)
      a( href='/shows' ) All Cities
      for city in cities
        a( href="/shows/#{city.slug}" )
          = city.name

include ../../../components/bordered_pulldown/mixin
include ../../../components/util/activator

nav.shows-page-cities-nav.horizontal-list-nav
  .hln-cell.is-dominant
    a.hln-link.shows-location(
      href='/shows'
      class= activeClass('/shows')
    ) All
    for city in featuredCities
      a.hln-link.shows-location(
        href="/shows/#{city.slug}"
        class= activeClass("/shows/#{city.slug}")
      )= city.name
  .hln-cell
    label.bordered-select
      select( onChange='window.location.href=this.value' )
        option( value='/shows' ) All Cities
        for city in cities
          option( value='/shows/#{city.slug}' )
            = city.name

Convert to a select jump menu
Convert to a select jump menu
