.row
  .col-xs-12.col-sm-6.left-col
    .row.control-row
      .hidden-xs.col-sm-3(ng-if="(spec.tags && spec.tags.length) || hasVisualRoute")
        .dropdown.tag-dropdown
          button.tag-dropdown-btn.btn.btn-default.dropdown-toggle.width-full.btn-text-left(
                type="button"
                data-toggle="dropdown")
            span.caret
            span   {{ activeTag ? activeTag.name : 'All' }}
          ul.dropdown-menu(role="menu")
            li(role="presentation")
              a(ng-click="setActiveTag(null)")
                span All
            li(role="presentation" ng-if="hasVisualRoute")
              a(ng-click="setActiveTag({name: 'Has Visual'})") Has Visual
            li(role="presentation" ng-repeat="tag in spec.tags")
              a(ng-click="setActiveTag(tag); goToBestRoute()")
                span.pull-left {{ tag.name }}
                span.clearfix
      .col-xs-12(ng-class="{'col-sm-9': (spec.tags && spec.tags.length) || hasVisualRoute}")
        .dropdown.route-dropdown
          button.route-dropdown-btn.btn.btn-default.dropdown-toggle.width-full.btn-text-left(
                type="button"
                data-toggle="dropdown"
                data-verb="{{ activeRoute.method }}")
            span.caret(data-verb="{{ activeRoute.method }}")
            span.text-uppercase(data-verb="{{ activeRoute.method }}") {{ activeRoute.method }} 
            span {{ activeRoute.path }}
          ul.dropdown-menu(role="menu")
            li
              .input-group
                span.input-group-addon
                  i.fa.fa-search
                input.input-sm.form-control(type="text" ng-model="$parent.routeFilterInput")
            li(role="presentation" ng-repeat="route in routes | filter: showRouteInDropdown")
              a(ng-click="setActiveRoute(route)")
                span.text-uppercase(data-verb="{{ route.method }}") {{ route.method }} 
                span {{ route.path }}
    .row.body-row
      .col-xs-12
        .row.alert.alert-info.pin-left.pin-right.description-alert
          div(ng-if="activeRoute.operation.description"
              marked="activeRoute.operation.description")
          a(ng-click="openDocumentation(activeRoute)") View Documentation
        #Keys.row(ng-show="keyInputs.length > 0" ng-controller="Keys")
          include ./includes/keys.jade
        #SampleCode.row(ng-controller="SampleCode")
          .col-xs-12
            h4
              i.fa.hide-button(ng-class="{'fa-plus-square-o': hidden, 'fa-minus-square-o': !hidden}" ng-click="hidden = !hidden")
              span Sample Code
              a.btn.btn-primary.btn-xs.copy-btn.pull-right(ui-zeroclip zeroclip-text="{{ sampleCode }}" ng-show="!hidden") Copy
            div(ng-show="!hidden")
              .btn-group.btn-group-sm.language-buttons
                .btn.btn-link.pin-bottom(
                      ng-repeat="language in languages"
                      ng-disabled="language.id === selectedLanguage.id"
                      ng-click="setLanguage(language)") {{ language.label }}
              div(hljs source="sampleCodeError || sampleCode" language="{{ selectedLanguage.hljsID || selectedLanguage.id }}")
        #Parameters.row(ng-show="activeRoute.operation.parameters.length > 0")
          include ./includes/parameters.jade
  #Response.col-xs-12.col-sm-6.right-col(ng-controller="Response")
    include ./includes/response.jade