{% load static %}
<!-- Navigation -->
{% block nav %}
<section id="home">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
    <div class="container">
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarResponsive">
            <ul class="navbar-nav">
                <li class="nav-item">
                    <a class="nav-link" href="/#home" class="nav-link js-scroll-trigger" >
                        Home
                        <span class="sr-only">(current)</span>
                    </a>
                </li>
                <!-- <li class="nav-item">
                    <a class="nav-link" href="#about" class="nav-link js-scroll-trigger" >About</a>
                    </li> -->
                <li class="nav-item">
                    <a class="nav-link" href="/#speakers" class="nav-link js-scroll-trigger" >Speakers</a>
                </li>
                <!--
                    <li class="nav-item">
                       <a class="nav-link" href="#register" class="nav-link js-scroll-trigger" >Register</a>
                    </li>
                    <li class="nav-item">
                       <a class="nav-link" href="#coc" class="nav-link js-scroll-trigger" >COC</a>
                    </li>-->
                    <li class="nav-item">
                       <a class="nav-link" href="{% url 'website:cfp' %}">Submit</a>
                    </li> 
                <li class="nav-item">
                    <a class="nav-link" href="/#schedule" class="nav-link js-scroll-trigger" >Schedule</a>
                </li>
                <!-- <li class="nav-item">
                    <a class="nav-link" href="#instructions" class="nav-link js-scroll-trigger" >Instructions</a>
                    </li> -->
                <li class="nav-item">
                    <a class="nav-link" href="/#venue" class="nav-link js-scroll-trigger" >Venue</a>
                </li>
                <!--<li class="nav-item">
                    <a class="nav-link" href="/#sponsors" class="nav-link js-scroll-trigger" >Sponsor</a>
                </li>-->
                <!-- <li class="nav-item">
                    <a class="nav-link" href="#" class="nav-link js-scroll-trigger" >Satellite Conference</a>
                    </li> 
                    <li class="nav-item">
                    <a class="nav-link" href="#gallery" class="nav-link js-scroll-trigger" >Gallery</a>
                    </li> -->
               <!-- <li class="nav-item">
                    <a class="nav-link" href="/#contact" class="nav-link js-scroll-trigger" >Contact</a>
                </li>-->
            </ul>
            <ul class="navbar-nav" style="margin-left: auto;">
                {% if user and not user.is_anonymous %}
                <li class="nav-item" >
                    <a  href="{% url 'website:cfp' %}" class="nav-link js-scroll-trigger btn btn-info btn-sm" > <span class="glyphicon glyphicon-user"></span>{{ user.get_full_name|default:user.username }}</a>
                </li>
                <li class="nav-item" >
                    <a href="{% url 'auth:logout' %}?next=/2017/cfp" class="nav-link js-scroll-trigger" >Logout</a>
                </li>
                {% endif %}
            </ul>
        </div>
    </div>
</nav>
{% endblock %}