{{> head }}

<header id="top-section">
    <div class="row">
        <div class="large-12 columns">
            <img class="header-logo" src="https://res.cloudinary.com/hilnmyskv/image/upload/logo-algolia-dark.png">
            <p class="lead header-lead">
                Plugin for
                <span>WordPress</span>
            </p>
        </div>
    </div>
</header>

<div class="row">
    <div class="medium-9 large-9 medium-push-3 large-push-3 columns">
        <article>
            <header>
                <h1>{{ title }}</h1>

                <p class="lead">{{ description }}</p>

                <ul class="menu simple">
                    <li><a href="https://github.com/algolia/algoliasearch-wordpress/edit/master/docs/src/{{ file }}" target="_blank"><i class="fi-pencil"></i> <span>Edit this Page</span></a></li>
                    <li><a href="https://github.com/algolia/algoliasearch-wordpress/issues/new?title=%5B{{title}}%5D%20ISSUE%20NAME%20HERE" target="_blank"><i class="fi-social-github"></i> <span>Report a Bug</span></a></li>
                    <li><a href="http://stackoverflow.com/questions/tagged/algolia+wordpress" target="_blank"><i class="fi-comment"></i> <span>Get Help</span></a></li>
                </ul>
            </header>

            <hr>

            <div class="row">

                <div class="large-12 columns" id="content">
                    {{{ contents }}}
                </div>

            </div>

        </article>
    </div>

    <div class="medium-3 large-3 medium-pull-9 large-pull-9 columns">
        <ul class="vertical menu" id="main-nav">

            <li class="menu-text">Getting Started</li>
            <li {{ activeClass "installation.md"}}><a href="{{ rootPath }}installation.html">Installation</a></li>
            <li {{ activeClass "configuration.md" }}><a href="{{ rootPath }}configuration.html">Configuration</a></li>
            <li {{ activeClass "instantsearch.md" }}><a href="{{ rootPath }}instantsearch.html">Instantsearch</a></li>

            <li class="menu-text">Indexing</li>
            <li {{ activeClass "index-schema.md" }}><a href="{{ rootPath }}index-schema.html">Schemas</a></li>
            <li {{ activeClass "indexing-settings.md" }}><a href="{{ rootPath }}indexing-settings.html">Settings</a></li>
            <li {{ activeClass "indexing-flow.md" }}><a href="{{ rootPath }}indexing-flow.html">Flow</a></li>
            <li {{ activeClass "synonyms.md" }}><a href="{{ rootPath }}synonyms.html">Synonyms</a></li>
            <li {{ activeClass "custom-attributes.md" }}><a href="{{ rootPath }}custom-attributes.html">Custom Attributes</a></li>

            <li class="menu-text">Extend</li>
            <li {{ activeClass "extend-basics.md" }}><a href="{{ rootPath }}extend-basics.html">Basics</a></li>
            <li {{ activeClass "customize-autocomplete.md" }}><a href="{{ rootPath }}customize-autocomplete.html">Autocomplete</a></li>
            <li {{ activeClass "custom-search.md" }}><a href="{{ rootPath }}custom-search.html">Custom Search</a></li>

            <li class="menu-text">Integrations</li>
            <li {{ activeClass "advanced-custom-fields.md" }}><a href="{{ rootPath }}advanced-custom-fields.html">Advanced Custom Fields</a></li>

            <li class="menu-text">Other</li>
            <li {{ activeClass "internationalization.md" }}><a href="{{ rootPath }}internationalization.html">Internationalization</a></li>
            <li {{ activeClass "resources.md" }}><a href="{{ rootPath }}resources.html">Additional Resources</a></li>
            <li {{ activeClass "contribute.md" }}><a href="{{ rootPath }}contribute.html">Contribute</a></li>
            <li {{ activeClass "frequently-asked-questions.md" }}><a href="{{ rootPath }}frequently-asked-questions.html">FAQ</a></li>
        </ul>
    </div>

</div>

<section class="ac-footer">
    <div class="ac-footer-container">
        <p class="ac-footer-links">
            Code licensed under
            <a href="#" class="ac-footer-link-item">MIT</a>
            <br>
            <a href="#" class="ac-footer-link-item">Github</a>
            <a href="#" class="ac-footer-link-item">issues</a>
        </p>
    </div>

    <div class="ac-footer-container ac-footer-brand">
        <p>This project is part of</p>
        <img class="ac-footer-brand-icon" src="https://res.cloudinary.com/hilnmyskv/image/upload/logo-community.svg">
        <figure>
            <img class="ac-footer-brand-logo" src="https://res.cloudinary.com/hilnmyskv/image/upload/v1463417234/algolia-community_n6tixd.svg">
            <figcaption>Algolia Community</figcaption>
        </figure>
        <a href="https://community.algolia.com/" class="ac-footer-btn ac-footer-btn-cta">See More</a>
        <span class="ac-icon ac-icon-love-dark"></span>
    </div>

    <p class="ac-footer-version">Latest version: {{ version }}</p>

    <div class="ac-footer-actions">
        <div class="footer-container">
            <p>Build unique search experiences with Algolia</p>
            <a href="https://www.algolia.com/why?utm_medium=social-owned&utm_source=wordpress%20website&utm_campaign=homepage&utm_term=why" class="ac-footer-btn ac-footer-btn-ghost-grey">
                See Why
                <span class="ac-icon-triangle"></span>
            </a>
            <a href="https://www.algolia.com/users/sign_up?utm_medium=social-owned&utm_source=wordpress%20website&utm_campaign=homepage&utm_term=get_started" class="ac-footer-btn ac-footer-btn-ghost-pink">Get Started For Free</a>
        </div>
    </div>
</section>

{{> footer }}