mixin schema-display
  .btn-group.btn-group-sm
    a.btn.btn-link(ng-click="showing = 'schema'") Schema
    a.btn.btn-link(ng-click="showing = 'example'") Example
  div(ng-show="showing === 'schema'")
    json-schema-view(schema="schema" open="2")
  div(ng-show="showing === 'example'")
    div(ng-if="schemaExample.length < MAX_HIGHLIGHT_LEN"
        hljs source="schemaExample")
    div(ng-if="schemaExample.length >= MAX_HIGHLIGHT_LEN")
      pre
        code {{ schemaExample }}

.col-xs-12
  h3.text-regular
    span
      span.text-uppercase(data-verb="{{ route.method }}" ng-bind="route.method")
      span &nbsp;&nbsp;
      span(ng-bind="route.path")
    p.small(ng-bind="stripHtml(route.operation.summary)")
  .route-description(ng-show="route.operation.description" marked="route.operation.description")
.col-xs-12
  .btn-toolbar
    a.btn.btn-default(ng-click="expanded = !expanded")
      span(ng-bind="expanded ? 'Hide' : 'Show'")
      span  details 
      i.fa.fa-right(ng-class="{'fa-arrow-up': expanded, 'fa-arrow-down': !expanded}")
    a.btn.btn-primary(ng-click="openConsole(route)") Try it out 
      i.fa.fa-arrow-right
div(ng-if="expanded")
  .col-xs-12.col-sm-6.docs-request-col
    h4
      span Parameters
    p(ng-show="route.operation.parameters.length === 0")
      i No Parameters
    div(ng-controller="DocParameter"
        ng-repeat="parameter in route.operation.parameters")
      p
        span
          strong {{ parameter.name }}
        span &nbsp;&nbsp;
        span(data-parameter-type="{{ parameter.schema ? 'object' : parameter.format || parameter.type }}")
          span {{ parameter.schema ? 'object' : parameter.format || parameter.type }}
        i(ng-show="parameter.required") &nbsp;&nbsp;required
      .parameter-details
        p(ng-show="parameter.in !== 'body'")
          span Location:
          span &nbsp;
          span(data-parameter-in="{{parameter.in}}") {{ parameter.in }}
          span &nbsp;
          span.wrap-break-word(ng-show="!parameter.schema") <code>{{ getExample() }}</code>
        p
          span(ng-show="parameter.description" marked="parameter.description")
        p
          .request-schema.hide-code(ng-show="parameter.schema"
                                    ng-controller="Schema")
            +schema-display
          div(ng-show="parameter.collectionFormat") {{ getCollectionFormatMessage() }}
          div(ng-show="parameter.enum") Allowed values are:
            .enum-list
              ul
                li(ng-repeat="item in parameter.enum") {{ item }}
  .col-xs-12.col-sm-6.docs-response-col
    h4 Responses
    div(ng-repeat="(code, response) in route.operation.responses" ng-controller="DocResponse")
      p
        strong
          span(data-response-code="{{code}}") {{ code }}
      p(ng-show="response.description" marked="response.description")
      .response-schema.hide-code(
            ng-controller="Schema"
            ng-show="response.schema")
        +schema-display