<!DOCTYPE html>
{% load sekizai_tags %}
{% load url from future %}
{% load editor %}
{% url 'list_request' as list_request_url %}
<html lang="fr">
<head>
	<meta charset="utf-8" />
	<title>PolyNum :: {% block title %}{% endblock %}</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="polynum {% block head-description %}{% endblock %}">
	<meta name="author" content="{% block head-author %}{% endblock %}">

	<!-- bootstrap -->
  <link href="{{ STATIC_URL }}jquery/css/custom-theme/jquery-ui-1.8.16.custom.css" rel="stylesheet">
	<link href="{{ STATIC_URL }}bootstrap/css/bootstrap.css" rel="stylesheet">
	<link href="{{ STATIC_URL }}bootstrap/css/datepicker.css" rel="stylesheet">
	<link href="{{ STATIC_URL }}polynum/base.css" rel="stylesheet">
	<link href="{{ STATIC_URL }}polynum/print.css" rel="stylesheet" media="print">
	{% render_block "css" %} <!-- sekizai -->

	<!--HTML5 shim, for IE6-8 support of HTML5 elements -->
	<!--[if lt IE 9]>
	<script src="{{ STATIC_URL }}html5shim/js/html5.js"></script>
	<![endif]-->

	<link rel="shortcut icon" href="{{ STATIC_URL }}dauphine/img/favicon.ico">


	{% include "aloha.html" %}
  <script src="{{ STATIC_URL }}jquery/js/jquery.js"></script>
  <script src="{{ STATIC_URL }}jquery/js/jquery.cookie.js"></script>
	{% block extra_scripts %}
	{% endblock %}

	{% render_block "head" %} <!-- sekizai -->
</head>

<body class="{% block body_class %}{% endblock %}" onload="{% block onload %}{% endblock %}">

  <div class="navbar navbar-fixed-top polynum-navbar">
    <div class="navbar-inner">
      <div class="container-fluid">
        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
	</a>
  <span href="/" class="brand">{% editablecontent "title" %}PolyNum{% endeditablecontent %}</span>
	<div class="btn-group pull-right">
	{% if user.is_authenticated %}
	<a class="btn" href="/accounts/logout"><i class="icon-user"></i> Déconnexion de «{{user.display_name}}»</a>
	{% else %}
	<a class="btn" href="/accounts/login"><i class="icon-user"></i> Connexion</a>
	{% endif %}
        </div>
        <div class="nav-collapse pull-left">
          <ul class="nav">
            <li><a href="/request/new/">Nouvelle demande</a></li>
            <li><a href="{{ list_request_url }}">Tableau de bord</a></li>
            <li>{% include "aloha_switch.html" %}</li>
          </ul>
        </div><!-- .nav-collapse -->
        <div class="nav-collapse pull-right">
          <ul class="nav">
            <li><a href="/">Accueil</a></li>
            <li><a href="/about">À propos</a></li>
            <li><a href="/contact">Contact</a></li>
            {% if user.is_staff %}
            <li><a href="/admin">Administration</a></li>
            {% endif %}
          </ul>
        </div><!-- .nav-collapse -->
      </div>
    </div>
  </div>

  <div class="container-fluid">
    <div class="row-fluid subheader">
      <div class="span3">
      </div>
      <div class="span9">
      {% block breadcrumb %}{% endblock %}
      </div>
    </div>

    {% block message %}
      {% if messages %}
        {% for message in messages %}
        <p{% if message.tags %} class="alert alert-{{ message.tags }}"{% endif %}>{{ message }}</p>
        {% endfor %}
      {% endif %}
    {% endblock %}

    <div class="row-fluid">

	<div class="span3 polynum-sidebar">
    {% editablecontent "global-left-sidebar-header" %}
    {% endeditablecontent %}
		{% block sidebar %}
    {% editablecontent request.path "local-left-sidebar-header" %}
    {% endeditablecontent %}
		<div class="well sidebar-nav">
		<ul class="nav nav-list">
			<li class="nav-header">PolyNum</li>
			<li><a href="/request/new/">Nouvelle demande</a></li>
      <li><a href="{{ list_request_url }}">Tableau de bord</a></li>
      {% if user.has_roles %}
      <li><a href="{% url 'delegation-list' %}">Mes délégations</a></li>
      {% endif %}
		</ul>
		</div>
    {% editablecontent request.path "local-left-sidebar-footer" %}
    {% endeditablecontent %}
		{% endblock %}
    {% editablecontent "global-left-sidebar-footer" %}
    {% endeditablecontent %}
	</div>

	<div class="span9">
		{% block content %}{% endblock %}
	</div>

	</div>

    <hr>

    <footer>
	<p>&copy; Dauphine 2012 | Réalisation <a href="http://www.entrouvert.com/" rel="tooltip"
	    title="Entr'ouvert SCOP : www.entrouvert.com" data-content="Site:
	    www.entrouvert.com">Entr'ouvert</a></p>
    </footer>

  </div>

  <!-- placed at the end of the document so the pages load faster -->
  <script src="{{ STATIC_URL }}bootstrap/js/bootstrap.js"></script>
  <script src="{{ STATIC_URL }}bootstrap/js/bootstrap-datepicker.js"></script>
  <script src="{{ STATIC_URL }}bootstrap/js/bootstrap-datepicker.fr.js"></script>
  <script>
    $(function(){ $('input.datepicker').datepicker({ format: 'dd/mm/yyyy', weekStart: 1, language: "fr" }); });
  </script>
  <script src="{{ STATIC_URL }}back-button.js"></script>
  <script>
    $(function(){ 
      $('label[rel=popover]').popover({delay: {show: 100, hide: 100}, trigger: 'hover'});
      $('span[rel=popover]').popover({placement: 'top', delay: {show: 100, hide: 100}, trigger: 'hover'});
      $('a[rel=popover]').popover({delay: {show: 100, hide: 100}, trigger: 'hover'});
      $('select[rel=popover]').popover({delay: {show: 100, hide: 100}, trigger: 'hover'});
      $('a[rel=tooltip]').tooltip();
      $('input[rel=popover]').popover({delay: {show: 100, hide: 100}, placement: 'top', trigger: 'hover'});
    });
  </script>
  {% render_block "endscripts" %} <!-- sekizai -->

  <!--
  <script src="{{ STATIC_URL }}bootstrap/js/bootstrap-transition.js"></script>
  <script src="{{ STATIC_URL }}bootstrap/js/bootstrap-alert.js"></script>
  <script src="{{ STATIC_URL }}bootstrap/js/bootstrap-modal.js"></script>
  <script src="{{ STATIC_URL }}bootstrap/js/bootstrap-dropdown.js"></script>
  <script src="{{ STATIC_URL }}bootstrap/js/bootstrap-scrollspy.js"></script>
  <script src="{{ STATIC_URL }}bootstrap/js/bootstrap-tab.js"></script>
  <script src="{{ STATIC_URL }}bootstrap/js/bootstrap-button.js"></script>
  <script src="{{ STATIC_URL }}bootstrap/js/bootstrap-carousel.js"></script>
  <script src="{{ STATIC_URL }}bootstrap/js/bootstrap-typeahead.js"></script>
  -->

</body>
</html>
