.container-fluid
  .row
    .filters(ng-controller='FiltersCtrl')
      ul.filters-controls
        li=env.t('tags')
        //- Edit button
        li
          a(ng-click='saveOrEdit()')
            span(ng-if='_editing')=env.t('save')
            span(ng-if='!_editing')=env.t('editTags')
        li(ng-hide='_editing')
          a(ng-click='areTagsHidden = !areTagsHidden')
            span(ng-if='!areTagsHidden')=env.t('hideTags')
            span(ng-if='areTagsHidden')=env.t('showTags')
        //- Clear button
        li(ng-hide='_editing')
          a(ng-click='user.filters = {}')
            span=env.t('clearTags')
      ul(ng-if='!areTagsHidden || _editing')
        //- Add new tag
        li.filters-edit(ng-show='_editing')
          form.hrpg-input-group
            input(type='text', ng-model='_newTag', placeholder=env.t('newTag'))
            button(ng-click='createTag(_newTag)')=env.t('add')
        li.filters-edit(bindonce='user.tags', ng-class='{active: user.filters[tag.id]}', ng-repeat='tag in user.tags')
          //- Edit tags
          form.hrpg-input-group(ng-show='_editing')
            input(type='text', ng-model='tag.name')
            button(ng-click='user.ops.deleteTag({params:{id:tag.id}})')
              span.glyphicon.glyphicon-trash
          //- List of Tags
        li.filters-tags(ng-if='!_editing', bindonce='user.tags', ng-class='{active: user.filters[tag.id], challenge: tag.challenge}', ng-repeat='tag in user.tags')
          a(ng-click='toggleFilter(tag)')
            span.glyphicon.glyphicon-bullhorn(bo-if="tag.challenge")
            markdown(ng-model='tag.name')
            // <li class="{#unless activeFilters(users[_userId].filters)}hidden{/}">