{% extends "layout/base.twig" %}

{% block content %}
    <div id="content">
        {{ block('flarum_header') }}
        <div>
            <div id="left-column">
                {{ block('control_panel') }}
                {{ block('leftnav') }}
            </div>
            <div id="right-column">
                {{ block('menu') }}
                <div id="page-content">
                    {% block page_content '' %}
                </div>
                {{ block('footer') }}
            </div>
        </div>
    </div>
{% endblock %}

{% block flarum_header %}
    <nav id="flarum-header" class="navbar navbar-expand-lg">
        <h1 class="flarum-title navbar-brand"></h1>

        {# <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#flarum-header-collapse" aria-controls="flarum-header-collapse" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button> #}

        <div class="collapse navbar-collapse">
            <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
                <li class="nav-item"><a class="nav-link" href="https://flarum.org">Flarum</a></li>
                <li class="nav-item"><a class="nav-link" target="_blank"
                                        href="https://discuss.flarum.org/d/21666-php-and-wordpress-single-sign-on-sso">Thread</a>
                </li>
                <li class="nav-item"><a class="nav-link" target="_blank"
                                        href="https://docs.maicol07.it/en/flarum-sso/plugins/php">Docs</a></li>
                <li class="nav-item"><a class="nav-link icon icon-github-circled" target="_blank"
                                        href="{{ project.config('source_url') }}"></a></li>
            </ul>
        </div>
    </nav>
{% endblock %}

{% block menu %}
    <nav id="site-nav" class="navbar navbar-expand" role="navigation">
        <ul class="navbar-nav mr-auto">
            <li class="nav-item"><a class="nav-link" href="{{ path('classes.html') }}">Classes</a></li>

            {% if has_namespaces %}
                <li class="nav-item"><a class="nav-link" href="{{ path('namespaces.html') }}">Namespaces</a></li>
            {% endif %}
            <li class="nav-item"><a class="nav-link" href="{{ path('interfaces.html') }}">Interfaces</a></li>
            <li class="nav-item"><a class="nav-link" href="{{ path('traits.html') }}">Traits</a></li>
            <li class="nav-item"><a class="nav-link" href="{{ path('doc-index.html') }}">Index</a></li>
            <li class="nav-item"><a class="nav-link" href="{{ path('search.html') }}">Search</a></li>
        </ul>
    </nav>
{% endblock %}

{% block leftnav %}
    <div id="api-tree"></div>
{% endblock %}

{% block control_panel %}
    <div id="control-panel">
        {% if project.versions|length > 1 %}
            <form action="#" method="GET">
                <select id="version-switcher" class="form-control" name="version">
                    {% for version in project.versions %}
                        <option value="{{ path('../' ~ version) }}"
                                data-version="{{ version }}">{{ version.longname }}</option>
                    {% endfor %}
                </select>
            </form>
        {% endif %}
        <script>
            $('option[data-version="' + window.projectVersion + '"]').prop('selected', true);
        </script>
        <form id="search-form" action="{{ path('search.html') }}" method="GET">
            <span class="icon icon-search"></span>
            <input name="search" class="typeahead form-control" type="search" placeholder="Search">
        </form>
    </div>
{% endblock %}

{% block footer %}
    <div id="footer">
        <p>Generated by <a href="https://github.com/code-lts/doctum">Doctum, a API Documentation generator and fork of
                Sami</a>.</p>
        <p>Created by <a href="https://github.com/datitisev">@datitisev</a>. Modified by <a href="https://maicol07.it">@maicol07</a>
            (<a href="https://github.com/maicol07">Github</a>). Source code can be found on <a
                    href="{{ project.config('source_url') }}">GitHub</a>.</p>
    </div>
{% endblock %}