<header>
    <div class="tsd-page-toolbar"{{#if settings.toolbarBackground}} style="background: {{settings.toolbarBackground}}"{{/if}}>
        <div class="container">
            <div class="table-wrap">
                <div class="table-cell" id="tsd-search" data-index="{{relativeURL "assets/js/search.json"}}" data-base="{{relativeURL "./"}}">
                    <div class="field">
                        <label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
                        <input id="tsd-search-field" type="text" />
                    </div>

                    <ul class="results">
                        <li class="state loading">Preparing search index...</li>
                        <li class="state failure">The search index is not available</li>
                    </ul>

                    {{#if settings.headerStart}}{{{settings.headerStart}}}{{/if~}}
                    {{#if settings.projectName ~}}
                        {{#with settings.projectName ~}}
                            {{~#if before}}{{{before}}}{{/if~}}
                            {{#if link ~}}
                                <a href="{{#if href}}{{href}}{{else}}{{relativeURL "index.html"}}{{/if}}" class="{{#if class}}{{class}}{{else}}title header__project{{/if}}"{{#if style}} style="{{style}}"{{/if}}>
                                    {{~#if name}}{{name}}{{else}}{{../project.name}}{{/if~}}
                                </a>
                            {{~else~}}
                                <span class="{{#if class}}{{class}}{{else}}title header__project{{/if}}"{{#if style}} style="{{style}}"{{/if}}>
                                    {{~#if name}}{{name}}{{else}}{{../project.name}}{{/if~}}
                                </span>
                            {{~/if}}
                            {{~#if after}}{{{after}}}{{/if~}}
                            {{~#if ../settings.links}}{{{beforeLinks}}}{{/if~}}
                        {{~/with}}
                    {{/if~}}
                    {{#each settings.links ~}}
                        <a href="{{href}}" class="{{#if class}}{{class}}{{else}}title header__link{{/if}}{{#if normal}} header__link_normal{{/if}}" target="{{#if target}}{{target}}{{else}}_blank{{/if}}"{{#if id}} id="{{id}}"{{/if}}{{#if style}} style="{{style}}"{{/if}}>{{#if text}}{{{text}}}{{else}}{{{href}}}{{/if}}</a>
                        {{~#if @last}}{{else}}{{{../settings.linkDivider}}}{{/if~}}
                    {{/each}}
                </div>

                <div class="table-cell" id="tsd-widgets">
                    <div id="tsd-filter">
                        <a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
                        <div class="tsd-filter-group">
                            <div class="tsd-select" id="tsd-filter-visibility">
                                <span class="tsd-select-label">All</span>
                                <ul class="tsd-select-list">
                                    <li data-value="public">Public</li>
                                    <li data-value="protected">Public/Protected</li>
                                    <li data-value="private" class="selected">All</li>
                                </ul>
                            </div>

                            <input type="checkbox" id="tsd-filter-inherited" checked />
                            <label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>

                            {{#unless settings.excludeExternals}}
                                <input type="checkbox" id="tsd-filter-externals" checked />
                                <label class="tsd-widget" for="tsd-filter-externals">Externals</label>
                            {{/unless}}

                            {{#unless settings.excludeNotExported}}
                                <input type="checkbox" id="tsd-filter-only-exported" />
                                <label class="tsd-widget" for="tsd-filter-only-exported">Only exported</label>
                            {{/unless}}
                        </div>
                    </div>

                    <a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
                </div>
            </div>
        </div>
    </div>
    <div class="tsd-page-title">
        <div class="container">
            <ul class="tsd-breadcrumb">
                {{#with model}}{{> breadcrumb}}{{/with}}
            </ul>
            <h1>{{#compact}}
                {{model.kindString}}&nbsp;
                {{model.name}}
                {{#if model.typeParameters}}
                    &lt;
                    {{#each model.typeParameters}}
                        {{#if @index}},&nbsp;{{/if}}
                        {{name}}
                    {{/each}}
                    &gt;
                {{/if}}
            {{/compact}}</h1>
        </div>
    </div>
</header>
