{% extends "bootstrap/base.html" %}
{% block title %}Taboo{% endblock %}

{% block styles %}
    {{ super() }}

    {# Optional Boostrap theme #}
    <link rel="stylesheet" href="https://bootswatch.com/simplex/bootstrap.min.css">
{% endblock %}

{% block navbar %}
<nav class="navbar navbar-default">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand" href="{{ url_for('genotype.dashboard') }}">Taboo</a>
        </div>

        {% if current_user.is_authenticated %}
            <form class="navbar-form navbar-left" action="{{ url_for('logout') }}" method="get" accept-charset="utf-8">
                <div class="form-group">
                    <button type="submit" class="btn btn-default btn-sm navbar-btn">
                        Logout {{ current_user.name }}
                    </button>
                </div>
            </form>
        {% else %}
            <form class="navbar-form navbar-left" action="{{ url_for('google.login') }}" method="get" accept-charset="utf-8">
                <div class="form-group">
                    <button type="submit" class="btn btn-default btn-sm navbar-btn">
                        Login
                    </button>
                </div>
            </form>
        {% endif %}
    
        <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
                {% block navbar_items %}
                    <li><a href="{{ url_for('genotype.plates') }}">Plates</a></li>
                    <li><a href="{{ url_for('genotype.samples') }}">Samples</a></li>
                    <li><a href="{{ url_for('genotype.missing', data='sequence') }}">Missing</a></li>
                {% endblock %}
            </ul>
        </div>
    </div>
</nav>
{% endblock %}