{{setupModule}}

<div class="page-header">
    <h1> <i class="fa fa-bookmark-o" aria-hidden="true"></i> {{name}} Module
        {{#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>

<div class="content-meta">
    {{#extra}}
        {{#selleck}}
            <a class="button link-docs" href="/yui/docs/{{name}}">User Guide &amp; Examples</a>
        {{/selleck}}
    {{/extra}}

    {{#if requires}}
        <div class="uses">
            Requires
            <ul class="inline commas">
                {{#requires}}
                    <li>{{#crossLinkModule .}}{{/crossLinkModule}}</li>
                {{/requires}}
            </ul>
        </div>
    {{/if}}

    {{#if foundAt}}
        <div class="foundat">
            Defined in: <a href="{{githubFoundAt}}">{{fileName}}:{{{line}}}</a>
        </div>
    {{/if}}

    {{#if since}}
        <p>Available since {{since}}</p>
    {{/if}}
</div>

{{#if deprecated}}
    <div class="well well-small">
        <p>
        {{#if deprecationMessage}}
            <strong>Deprecated:</strong> {{deprecationMessage}}
        {{else}}
            This module is deprecated.
        {{/if}}
        </p>
    </div>
{{/if}}

<div class="module-description page-section">
    {{{moduleDescription}}}
</div>

{{#example}}
    <div class="example page-section">
        <h4>Example:</h4>
        <div class="example-content">
            {{{.}}}
        </div>
    </div>
{{/example}}

{{#or moduleClasses subModules}}
    <div class="yui3-g footer">
        {{#if moduleClasses}}
            <div class="yui3-u-1-2">
                    <h3>Classes</h3>

                    <ul class="module-classes">
                    {{#publicClasses filteredModuleClasses}}
                        <li class="module-class">
                            <a href="{{../projectRoot}}classes/{{name}}.html">
                                {{displayName}}
                            </a>
                        </li>
                    {{/publicClasses}}
                    </ul>
            </div>
        {{/if}}

        {{#if subModules}}
            <div class="yui3-u-1-2">
                    <h3>Submodules</h3>

                    <ul class="module-submodules">
                    {{#subModules}}
                        <li class="module-submodule">
                            <a href="{{../projectRoot}}modules/{{name}}.html">
                                {{displayName}}
                            </a>
        {{!--
                            <div class="module-submodule-description">
                                {{{description}}}
                            </div> --}}
                        </li>
                    {{/subModules}}
                    </ul>
            </div>
        {{/if}}

    </div>
{{/or}}
