{% extends 'layouts/base.html' %}


{% block header %}
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
        <a class="navbar-brand" href="{{ url_for('library.index') }}"><img src="{{ url_for('static', filename="img/library.svg") }}"
                                              style="width: 80px" alt=""></a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
                aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNavDropdown">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item">
                    <a class="nav-link" href="{{ url_for('library.index') }}">Books</a>
                </li>
                 <li class="nav-item">
                    <a class="nav-link" href="{{ url_for('stat.index') }}">Statistic</a>
                </li>
            </ul>
            <ul class="navbar-nav">
                <li class="nav-item">
                    <a class="nav-link" href="{{ url_for('login.log_out') }}">Log out</a>
                </li>
            </ul>
        </div>
    </nav>
{% endblock %}

{% block footer %}
   <footer class="text-center text-white bg-dark">
        <div class="footer-copyright text-center py-3">© 2018 Copyright
        </div>
   </footer>
{% endblock %}