<!doctype html>
{% load staticfiles %}
<html class="no-js" lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>{% block title %}COIN - Illyse SI{% endblock %}</title>
    <link rel="stylesheet" href="{% static "css/foundation.css"%}" />
    <link rel="stylesheet" href="{% static "css/font-awesome.min.css"%}" />
    <link rel="stylesheet" href="{% static "css/illyse.css" %}" />
    <link rel="stylesheet" href="{% static "css/offcanvas.css" %}">
    <script src="{% static "js/vendor/modernizr.js" %}"></script>
    <link rel="icon" type="image/png" href="{% static "img/coinitem.png" %}"/>
    <link rel="icon" type="image/x-icon" href="{% static "img/favicon.ico" %}" />
</head>
<body>
<div class="off-canvas-wrap" data-offcanvas>
    <div class="inner-wrap">

        {% if user.is_authenticated %}
        <aside class="left-off-canvas-menu">
            <ul class="off-canvas-list">
                <li><label>Menu</label></li>
                {% include "menu_items.html" %}
            </ul>
        </aside>
        {% endif %}

        <header>
            <div class="show-for-medium-up">
                <div class="row">
                    <div class="large-12">
                        <h1><a href="{% url 'home' %}">COIN est un Outil pour un Internet Neutre</a></h1>
                    </div>
                </div>
            </div>
            <div class="show-for-small">
                <nav class="tab-bar">
                    {% if user.is_authenticated %}
                    <section class="left-small">
                        <a class="left-off-canvas-toggle menu-icon" href="#"><span></span></a>
                    </section>
                    {% endif %}

                    <section class="middle tab-bar-section">
                        <h1 class="title">COIN</h1>
                    </section>

                </nav>
            </div>
        </header>


        <div class="row">
            {% if user.is_authenticated %}
            <div class="medium-4 large-3 columns">
                {% block sidenav %}
                <nav id="sidebox" class="show-for-medium-up">
                    <ul class="side-nav">
                        {% include "menu_items.html" %}
                    </ul>
                </nav>
                {% endblock %}
            </div>
            {% endif %}

            <div class="medium-{% if user.is_authenticated %}8{% else %}12{% endif %} large-{% if user.is_authenticated %}9{% else %}12{% endif %} columns">
                {% block content %}{% endblock %}
            </div>
        </div>

        
        <div id="footer">
            {% block footer %}
            <div class="row">
                <div class="small-5 columns"><div class="line">&nbsp;</div></div>
                <div class="small-2 columns"><div class="duck"></div></div>
                <div class="small-5 columns"><div class="line">&nbsp;</div></div>
            </div>
            {% endblock %}
        </div>

        <a class="exit-off-canvas"></a>
    </div> <!-- .inner-wrap -->
</div> <!-- .off-canvas-wrap -->


<script src="{% static "js/vendor/jquery.js" %}"></script>
<script src="{% static "js/foundation.min.js" %}"></script>
<script src="{% static "js/foundation/foundation.offcanvas.js" %}"></script>
<script src="{% static "js/illyse.js" %}"></script>
{% block js %}{% endblock js %}

<script>
  $(document).foundation();
</script>

</body>
</html>
