{{setupClass}}

<div class="page-header">
    <h1> <i class="fa fa-bookmark-o" aria-hidden="true"></i> {{name}} Class
      {{#if foundAt}}
          {{#notEmpty projectVersion}}
            <a class="pull-right file-edit" href="{{githubFoundAt}}" target="_blank">
              <i class="fa fa-pencil" aria-hidden="true"></i>
            </a>
          {{/notEmpty}}
      {{/if}}
    </h1>
</div>

{{#if isPrivate}}
  <p class="private-class">Private</p>
{{/if}}

<div class="content-meta">
    {{#if uses}}
        <div class="uses">
            Uses:
            <ul class="inline commas">
                {{#uses}}
                    <li><a href="{{.}}.html">{{.}}</a></li>
                {{/uses}}
            </ul>
        </div>
    {{/if}}

    {{#if extends}}
        <div class="extends">
            Extends: {{#crossLink extends}}{{/crossLink}}
        </div>
    {{/if}}

    {{#if module}}
        {{#if submodule}}
            Module: {{#crossLinkModule submodule}}{{/crossLinkModule}}<br>
            Parent Module: {{#crossLinkModule module}}{{/crossLinkModule}}
        {{else}}
            Module: {{#crossLinkModule module}}{{/crossLinkModule}}
        {{/if}}
    {{/if}}

    {{#if since}}
        <p>Available Since: {{since}}</p>
    {{/if}}

    {{#if foundAt}}
        <div class="foundat">
            Defined In: <a href="{{githubFoundAt}}">{{fileName}}:{{{line}}}</a>
        </div>
    {{/if}}
</div>

{{#if deprecated}}
    <div class="well well-small">
        <p>
        {{#if deprecationMessage}}
            <strong>Deprecated:</strong> {{deprecationMessage}}
        {{else}}
            This class is deprecated.
        {{/if}}
        </p>
    </div>
{{/if}}

{{#is_constructor}}
    <div class="constructor">
        <h2>Constructor</h2>
{{>method}}
    </div>
{{/is_constructor}}

{{#if classDescription}}
  <div class="class-description">
  {{{classDescription}}}
  </div>
{{/if}}

<div>
    <div class="page-section">
        <!-- Nav tabs -->
        <ul class="nav nav-tabs" role="tablist">
          <li role="presentation" class="active"><a href="#tab_index" aria-controls="tab_index" role="tab" data-toggle="tab">Index</a></li>
          {{#if methods}}
            <li role="presentation"><a href="#tab_methods" aria-controls="tab_methods" role="tab" data-toggle="tab">Methods</a></li>
          {{/if}}

          {{#if properties}}
            <li role="presentation"><a href="#tab_properties" aria-controls="tab_properties" role="tab" data-toggle="tab">Properties</a></li>
          {{/if}}

          {{#if attrs}}
            <li role="presentation"><a href="#tab_attrs" aria-controls="tab_attrs" role="tab" data-toggle="tab">Attributes</a></li>
          {{/if}}

          {{#if events}}
            <li role="presentation"><a href="#tab_events" aria-controls="tab_events" role="tab" data-toggle="tab">Events</a></li>
          {{/if}}
        </ul>

        <!-- Tab panes -->
        <div class="tab-content">

          {{>options}}

          <div id="tab_index" role="tabpanel" class="tab-pane active" >
              {{#if methods}}
                  <div class="index-section methods">
                      <h3>Methods</h3>

                      <ul class="index-list methods{{#if extends}} extends{{/if}}">
                          {{#methods}}
                              <li class="index-item method{{#if access}} {{access}}{{/if}}{{#if deprecated}} deprecated{{/if}}{{#if overwritten_from}} inherited{{/if}}{{#if extended_from}} inherited{{/if}}">
                                  <a href="#method_{{name}}">{{name}}</a>

                                  {{#if static}}
                                      <span class="flag static">static</span>
                                  {{/if}}
                                  {{#if deprecated}}
                                      <span class="flag deprecated">deprecated</span>
                                  {{/if}}
                              </li>
                          {{/methods}}
                      </ul>
                  </div>
              {{/if}}

              {{#if properties}}
                  <div class="index-section properties">
                      <h3>Properties</h3>

                      <ul class="index-list properties{{#if extends}} extends{{/if}}">
                          {{#properties}}
                              <li class="index-item property{{#if access}} {{access}}{{/if}}{{#if deprecated}} deprecated{{/if}}{{#if overwritten_from}} inherited{{/if}}{{#if extended_from}} inherited{{/if}}">
                                  <a href="#property_{{name}}">{{name}}</a>

                                  {{#if static}}
                                      <span class="flag static">static</span>
                                  {{/if}}
                                  {{#if deprecated}}
                                      <span class="flag deprecated">deprecated</span>
                                  {{/if}}
                              </li>
                          {{/properties}}
                      </ul>
                  </div>
              {{/if}}

              {{#if attrs}}
                  <div class="index-section attrs">
                      <h3>Attributes</h3>

                      <ul class="index-list attrs{{#if extends}} extends{{/if}}">
                          {{#attrs}}
                              <li class="index-item attr{{#if access}} {{access}}{{/if}}{{#if deprecated}} deprecated{{/if}}{{#if overwritten_from}} inherited{{/if}}{{#if extended_from}} inherited{{/if}}">
                                  <a href="#attr_{{name}}">{{name}}</a>
                              </li>
                          {{/attrs}}
                      </ul>
                  </div>
              {{/if}}

              {{#if events}}
                  <div class="index-section events">
                      <h3>Events</h3>

                      <ul class="index-list events{{#if extends}} extends{{/if}}">
                          {{#events}}
                              <li class="index-item event{{#if access}} {{access}}{{/if}}{{#if deprecated}} deprecated{{/if}}{{#if overwritten_from}} inherited{{/if}}{{#if extended_from}} inherited{{/if}}">
                                  <a href="#event_{{name}}">{{name}}</a>

                                  {{#if static}}
                                      <span class="flag static">static</span>
                                  {{/if}}
                                  {{#if deprecated}}
                                      <span class="flag deprecated">deprecated</span>
                                  {{/if}}
                              </li>
                          {{/events}}
                      </ul>
                  </div>
              {{/if}}
          </div>

          {{#if methods}}
              <div id="tab_methods" role="tabpanel" class="tab-pane">
                  <div class="item-list">
                      {{#methods}}
  {{>method}}
                      {{/methods}}
                  </div>
              </div>
          {{/if}}

          {{#if properties}}
              <div id="tab_properties" role="tabpanel" class="tab-pane">
                  <div class="item-list">
                  {{#properties}}
  {{>props}}
                  {{/properties}}
                  </div>
              </div>
          {{/if}}

          {{#if attrs}}
              <div id="tab_attrs" role="tabpanel" class="tab-pane">
                  <div class="item-list">
                  {{#attrs}}
  {{>attrs}}
                  {{/attrs}}
                  </div>
              </div>
          {{/if}}

          {{#if events}}
              <div id="tab_events" role="tabpanel" class="tab-pane">
                  <div class="item-list">
                  {{#events}}
  {{>events}}
                  {{/events}}
                  </div>
              </div>
          {{/if}}
      </div>
    </div>
</div>