<div ng-if=“error” class=“alert alert-danger”>

<p>The requested action could not be found.</p>

</div> <div ng-if=“action”>

<div class="row">
  <div class="col-lg-12">
    <h1>
      <a ui-sref="root.controller({version: apiVersion, controller: controller.id})">{{controller.display_name}}</a> » {{ action.name }}
    </h1>
    <url action="action"></url>
    <p ng-bind-html="action.description | markdown"></p>
    <p class="traits" ng-if="action.traits.length > 0">
      This action is&nbsp;
      <readable-list repeat="trait in action.traits"><a ui-sref="root.trait({version: apiVersion, trait: trait})">{{trait}}</a></readable-list>.
    </p>
  </div>
</div>

<div class="row" ng-if="action.headers.type.attributes">
  <div class="col-lg-12">
    <h2>Request Headers</h2>
    <type-placeholder details="action.headers.type.attributes" type="action.headers.type" template="standalone"></type-placeholder>
  </div>
</div>

<div class="row" ng-if="action.params.type.attributes">
  <div class="col-lg-12">
    <h2>Request Parameters</h2>
    <type-placeholder details="action.params.type.attributes" type="action.params.type" template="standalone"></type-placeholder>
  </div>
</div>

<div class="row" ng-if="action.payload.type">
  <div class="col-lg-12">
    <h2>Request Body</h2>
    <type-placeholder type="action.payload.type" template="standalone" details="action.payload.type.attributes"></type-placeholder>
  </div>
</div>

<div class="row">
  <div class="col-lg-12">
    <h2>Request Example</h2>
    <request-examples action="action" resource="controller" version="apiVersion"></request-examples>
  </div>
</div>

<div class="row" ng-if="hasResponses()">
  <div class="col-lg-12">
    <h2>Responses</h2>
    <div class="panel panel-default" ng-repeat="response in responses">
      <div class="panel-heading"><h4 class="panel-title">{{response.name}}</h4></div>
      <div class="panel-body">
        <div class="row">
          <div ng-class="{'col-md-4': response.payload.examples, 'col-md-12': !response.payload.examples}">
            <div ng-if="response.description && response.description != ''">
              <h5>Description</h5>
              <div ng-bind-html="response.description | markdown"></div>
            </div>
            <h5>Status: {{ response.status }}</h5>
            <div ng-if="response.examples.json">
              <h5>Content-Type</h5>
              <p>{{ response.examples.json.content_type }}</p>
            </div>
            <div ng-if="response.location">
              <h5>Location:</h5>
              <p>{{response.location.value}} <em>({{response.location.type}})</em></p>
            </div>
            <div ng-hide="response.headers | isEmpty">
              <h5>Headers:</h5>
              <div ng-repeat="(hname, hinfo) in response.headers">
                <p> {{hname}}: {{ hinfo | headerInfo }}</p>
              </div>
            </div>
            <div ng-if="response.payload.id">
              <h5>Media Type</h5>
              <p><type-placeholder template="label" type="response.payload"></type-placeholder></p>
            </div>
          </div>
          <div class="col-md-8">
            <div ng-if="response.payload.examples">
              <h5>Response Example</h5>
              <tabset ng-if="numExamples > 1">
                <tab ng-repeat="(type, example) in response.payload.examples" heading="{{type}}">
                  <pre>{{ example.body }}</pre>
                </tab>
              </tabset>
              <div ng-if="response.numExamples == 1">
                <pre ng-repeat="(type, example) in response.payload.examples">{{ example.body }}</pre>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

</div>