{% load static %}
{% load i18n %}
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
{% block head %}
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="description" content="eGonomy">
    <title>TagItAll by eGonomy &raquo; {% block title %}Base{% endblock %}</title>
    {% block css_declaration %}{% endblock %}
    {% block css_import %}
    <link rel="stylesheet" href="{% static 'egonomy/css/reset.css' %}" />
    <link rel="stylesheet" href="{% static 'egonomy/css/fonts.css' %}" />
    <link rel="stylesheet" href="{% static 'egonomy/css/style.css' %}" />
    {% endblock %}
    {% block css_page %}{% endblock %}
</head>
{% endblock %}
<body>
    <div class="wrap">
        <header class="clearfix">
            <h1><a href="{% url 'home' %}">egonomy</a></h1>
            <div class="col-right">
                <ul class="head-login clearfix">
                    <li>
                        <form action="{% if search_fragment %}{% url 'all_fragments' %}{% else %}{% url 'all_pictures' %}{% endif %}" method="GET">
                            <p>
			                    <input class="search-field" type="search" placeholder="{% trans 'Search' %}" id="id_search" name="search"/>
			                    <select class="search-type">
			                        <option value="{% url 'all_pictures' %}"{% if not search_fragment %} selected{% endif %}>Images</option>
			                        <option value="{% url 'all_fragments' %}"{% if search_fragment %} selected{% endif %}>Fragments</option>
			                    </select>
			                    <input type="hidden" value="all" name="field">
		                    </p>
		                </form>
                    </li>
                  {% if user.is_authenticated %}
                    <li class="hello-user">Bonjour <a href="{% url 'user_fragments' username=user %}">{{ user.username }}</a>
                    <li><span class="dot-6"></span></li>
                    <li><a href="{% url 'logout' %}?next={% url 'home' %}">{% trans "Log out" %}</a></li>
                  {% else %}
                    <li class="hello-user"><a href="{% url 'login' %}">{% trans "Log in" %}</a></li>
                  {% endif %}
                </ul>
                <nav>
                    <ul class="nav clearfix">
                        <li><a href="{% url 'all_pictures' %}">explorer</a></li>
                        <li><span class="dot-10"></span></li>
                        <li><a href="#">collectionner</a></li>
                        <!--li><span class="dot-10"></span></li>
                        <li><a href="#">créer</a></li>
                        <li><span class="dot-10"></span></li>
                        <li><a href="">mon profil</a></li-->
                    </ul>
                  {% if user.is_authenticated %}
                    <ul class="sub-nav clearfix">
                        <li><a href="#" {% if user_collections %}class="active"{% endif %}>mes collections</a></li>
                        <li><span class="dot-6"></span></li>
                        <li><a href="{% url 'user_fragments' username=user %}" {% if user_fragments %}class="active"{% endif %}>mes fragments</a></li>
                        <!--li><span class="dot-6"></span></li>
                        <li><a href="#">mon profil</a></li-->
                    </ul>
                  {% endif %}
                </nav>
            </div>
        </header>
        <section>
        {% block content %}
        {% endblock %}
        </section>
        <footer class="clearfix">
            <!--h6>EGONOMY est un projet de l’IRI et de la réunion des Musées Nationaux</h6-->
            <p>&copy; IRI 2013 - v{{ VERSION }}</p>
        </footer>
        {% block js_common %}
        <script type="text/javascript" src="{% static 'egonomy/lib/jquery.min.js' %}"></script>
	    <script type="text/javascript" src="{% static 'egonomy/js/masonry.min.js' %}"></script>
	    <script type="text/javascript" src="{% static 'egonomy/js/main.js' %}"></script>
	    {% endblock %}
	    {% block js_page %}
	    <script type="text/javascript">
		$(function() {
		    $(".search-type").change(function() {
		        $(".search-form").attr("action", $(this).val());
		        if ($(".search-field").val()) {
		            $(".search-form").submit();
		        }
		    });
		});
        </script>
	    {% endblock %}
    </body>
</html>