mixin sidebar(editable)
  .sidebar(ng-controller="Sidebar")
    .form-group
    if editable
      .form-group
        a.btn.btn-success Save
    .form-group
      .input-group.input-group-sm.width-full
        span.input-group-addon
          i.fa.fa-search
        input.form-control(type="text" ng-model="filter.query")
    mixin menuItem(name)
      a(ng-click="setMenuItem(#{name})" title="{{ #{name}.title }}")
        span.method-text.text-uppercase(ng-show="#{name}.method && !#{name}.operationId" data-verb="{{#{name}.method}}" ng-bind="#{name}.method")
        span(ng-bind="#{name}.title")
    ul.nav.nav-list(ng-cloak)
      li(ng-repeat="item in menuItems"
         ng-class="{'scrolled-parent': isActiveParent(item), 'scrolled-item': item === menuItems.active}"
         class="menu-{{ item.class }}")
        +menuItem('item')
        ul.nav.nav-list(ng-show="isActiveParent(item)")
          li(ng-repeat="child in item.children" ng-class="{'scrolled-item': child === menuItems.active, 'scrolled-parent': isActiveParent(item)}")
            +menuItem('child')
            ul.nav.nav-list(ng-show="child.children && child.children.indexOf(menuItems.active) !== -1")
              li(ng-repeat="grandchild in child.children" ng-class="{'scrolled-item': grandchild === menuItems.active}")
                +menuItem('grandchild')
      if editable
        li.route-link
          a(ng-click="addOperation()") Add Operation
    p.attribution
      span Powered by 
      a(href="http://lucybot.com" target="_blank") LucyBot