{% include latest_blog_post.html %}

{% assign current = page.url | downcase | split: '/' %}

<header role="banner">
    <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
        {% if page.url == "/index.html" or page.url == "/" %}
            {% assign visibility = "hidden" %}
        {% else %}
            {% assign visibility = "visible" %}
        {% endif %}

        <a class="navbar-brand" href="{{home}}/" style="visibility: {{visibility}}">
            <img class="logo" src="{{home}}/img/istio-logo.svg" alt="Istio Logo"/>
            {% if site.data.istio.archive %}
                <span class="brand-name">Istioldie {{site.data.istio.version}}</span>
            {% elsif site.data.istio.preliminary %}
                <span class="brand-name">Istio Prelim {{site.data.istio.version}}</span>
            {% else %}
                <span class="brand-name">Istio {{site.data.istio.version}}</span>
            {% endif %}
        </a>

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

        <div class="collapse navbar-collapse justify-content-end" id="navbarCollapse">
            <ul class="navbar-nav">
                <li class="nav-item">
                    <a class="nav-link {% if current[1] == 'about' %}active{% endif %}" href="{{home}}/about/intro.html">About</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {% if current[1] == 'blog' %}active{% endif %}" href="{{latest_blog_post}}">Blog</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {% if current[1] == 'docs' %}active{% endif %}" href="{{home}}/docs/">Docs</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {% if current[1] == 'help' %}active{% endif %}" href="{{home}}/help/">Help</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {% if current[1] == 'community.html' %}active{% endif %}" href="{{home}}/community.html">Community</a>
                </li>

                <li class="nav-item dropdown" id="gearDropdown" style="white-space: nowrap">
                    <a href="" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <i style="width: 1em" class='fa fa-lg fa-cog'></i>
                    </a>

                    <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="gearDropdown">
                        {% assign future_release = true %}
                        {% for rel in site.data.releases %}

                            {% if future_release %}
                                {% assign target = page.url | remove_first: "/" %}
                            {% else %}
                                {% assign target = "" %}
                                {% if current[1] == 'about' %}
                                    {% assign target = "about/" %}
                                {% elsif current[1] == 'blog' %}
                                    {% assign target = "blog/" %}
                                {% elsif current[1] == 'help' %}
                                    {% assign target = "help/" %}
                                {% elsif current[1] == 'community.html' %}
                                    {% assign target = "community.html" %}
                                {% elsif current[1] == 'docs' %}
                                    {% assign target = "docs/" %}
                                    {% if current[2] == 'reference' %}
                                        {% assign target = "docs/reference/" %}
                                    {% elsif current[2] == 'guides' %}
                                        {% assign target = "docs/guides/" %}
                                    {% elsif current[2] == 'tasks' %}
                                        {% assign target = "docs/tasks/" %}
                                    {% elsif current[2] == 'concepts' %}
                                        {% assign target = "docs/concepts/" %}
                                    {% elsif current[2] == 'setup' %}
                                        {% assign target = "docs/setup/" %}
                                    {% endif %}
                                {% endif %}
                            {% endif %}

                            {% assign name = rel.name | strip %}
                            {% if name == "0.1" %}
                                {% if target == "docs/setup/" %}
                                    {% assign target = "docs/tasks/installing-istio" %}
                                {% elsif target == "docs/guides/" %}
                                    {% assign target = "docs/samples/" %}
                                {% elsif target == "help/" %}
                                    {% assign target = "faq" %}
                                {% elsif target == "community.html" %}
                                    {% assign target = "community/" %}
                                {% endif %}
                            {% elsif name == "0.2" %}
                                {% if target == "help/" %}
                                    {% assign target = "faq" %}
                                {% elsif target == "community.html" %}
                                    {% assign target = "community/" %}
                                {% endif %}
                            {% elsif name == "0.3" %}
                                {% if target == "about/" %}
                                    {% assign target = "about.html" %}
                                {% elsif target == "help/" %}
                                    {% assign target = "help.html" %}
                                {% endif %}
                            {% elsif name == "0.4" %}
                                {% if target == "about/" %}
                                    {% assign target = "about.html" %}
                                {% elsif target == "help/" %}
                                    {% assign target = "help.html" %}
                                {% endif %}
                            {% endif %}

                            <li>
                                {% if site.data.istio.version == rel.name %}
                                    <i class='fa fa-check'></i>
                                    {{rel.name}}
                                    {% assign future_release = false %}
                                {% else %}
                                    <i style="visibility: hidden;" class='fa fa-check'></i>
                                    <a href="{{rel.url}}/{{target}}">{{rel.name}}</a>
                                {% endif %}
                            </li>
                        {% endfor %}

                        <li class="dropdown-divider"></li>

                        <li>
                            <i class='fa fa-check light'></i>
                            <a href="" onclick="setActiveStyleSheet('light');return false;">Light Theme</a>
                        </li>

                        <li>
                            <i class='fa fa-check dark'></i>
                            <a href="" onclick="setActiveStyleSheet('dark');return false;">Dark Theme</a>
                        </li>
                    </ul>
                </li>
            </ul>

            <form name="cse" id="searchbox" class="form-inline justify-content-end" role="search">
                <input type="hidden" name="cx" value="{{site.data.istio.search_engine_id}}" />
                <input type="hidden" name="ie" value="utf-8" />
                <input type="hidden" name="hl" value="en" />
                <div class="input-group">
                    <input name="q" class="form-control search-box" type="text" size="30" />
                    <button class="btn btn-search input-group-addon my-2 my-sm-0 fa fa-search" type="submit"></button>
                </div>
            </form>
        </div>
    </nav>
</header>