mixin button_link(href)
    form.navbar-form.navbar-left(role="search", action="#{href}", method='GET')
        button.btn.btn-default(type="submit")
            block


doctype html
html(lang='fr')
    head
        meta(charset='utf-8')
        meta(name='viewport', content='width=device-width, initial-scale=1')
        link(rel="stylesheet", href="/static/bootstrap/css/bootstrap.css")
        link(rel="stylesheet", href="/static/css/style.css")
        link(rel="stylesheet", href="/static/css/syntax.css")
        block extrahead
        link(rel="stylesheet", href="http://fonts.googleapis.com/css?family=Ubuntu:400,700,400italic")
        block title
            title Hello

    body
        nav#nav.navbar.navbar-inverse.navbar-fixed-top(role="navigation")
            .container
                #navbar.navbar-header
                    button.navbar-toggle(type="button", data-toggle="collapse" data-target=".navbar-collapse")
                        span.sr-only Toggle navigation
                        span.icon-bar
                        span.icon-bar
                    a.navbar-brand(href="#{urls.index}") 3DUI

                div.navbar-collapse.collapse
                    ul.nav.navbar-nav
                        li
                            a(href="#{urls.bouncing}") Bouncing cube
                        li
                            a(href="#{urls.multisphere}") Multisphere
                        li
                            a.dropdown-toggle(href="#", data-toggle="dropdown", role="button", aria-expanded="false") Prototype
                                span.caret
                            ul.dropdown-menu(role="menu")
                                li
                                    a(href="#{urls.arrows}") Arrows
                                li
                                    a(href="#{urls.reverse}") Reverse arrows
                                li
                                    a(href="#{urls.viewports}") Viewports
                                li.divider
                                li
                                    a(href="#{urls.replay_index}") Replays
                                li.divider
                                li
                                    a(href="#{urls.tutorial}") Tutorial
                        li
                            a(href="#{urls.stream}") Sphere streaming
                        li.divider
                        if (session && session.user_id)
                            li
                                +button_link(urls.logout)
                                    span.glyphicon.glyphicon-log-out(aria-hidden=true, style={"margin-right":"10px"})
                                    span Log out


                    ul.nav.navbar-nav.navbar-right
                        li
                            +button_link('https://github.com/tforgione/3dinterface')
                                img(src="/static/GitHub-Mark/PNG/GitHub-Mark-32px.png", width="17px", style={align:vertical})
                                span(style={'margin-left':'5px', align:vertical}) Github Repo
                        li
                            +button_link('https://github.com/tforgione/3dinterface/wiki')
                                span.glyphicon.glyphicon-book(aria-hidden=true)
                                span(style={'margin-left':'5px'}) Github wiki

                        li
                            +button_link('mailto:thomas.forgione@gmail.com')
                                span.glyphicon.glyphicon-envelope(aria-hidden=true)
                                span(style={'margin-left':'5px'}) Contact

        section#main-section.container
            if alertCookie
                .alert.alert-warning.alert-dismissible(role="alert", style={'margin-top':'20px'})
                    button.close(type="button", data-dismiss="alert", aria-label="Close")
                        span(aria-hidden="true") &times;
                    <strong>Warning</strong> : this website use cookies !

            block content

        script(src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js")
        script(src="/static/bootstrap/js/bootstrap.min.js")
        block js
        block extrajs

