{% extends "base.html" %}
{% comment %}

Main page of django_consultant's website.

{% endcomment %}
	{% block head %}
     {{block.super}}
       <script type="text/javascript" src="{{ STATIC_URL }}libraries/jquery-1.6.4.min.js"></script>
       <script type="text/javascript" src="{{ STATIC_URL }}js/recherche.js"></script>
       <link rel="stylesheet" href="{{ STATIC_URL }}css/home.css" />
       <link rel="stylesheet" href="{{ STATIC_URL }}css/article.css" />
     {% endblock %}
    
    {% block body %}
    	<body onLoad="launchpage({{ request.session.json }});">
    {% endblock %}
     {% block recherche %}
    <div class="recherche-wrap">
    
                    <h1><img src="{{ STATIC_URL }}img/mediapart-by-periplus.jpg" alt="" /></h1>
                    <form id="ajax1" method="post" action="/recherche/">{% csrf_token %}
                    	<input type="hidden"  name="filtre"  value="nok">
                    	<input type="hidden" id="from_date" name="from_date" value="07/01/2007"/>
                   		<input type="hidden" id="to_date" name="to_date"  value="12/01/2012"/>
                    	                   
                        
                        <p >
                            <a href="#" class="photo"></a>
                            <input name="recherche" placeholder="Rechercher" class="input-recherche" type="text" />
                            <input id="recherche_button" type="button" value="" class="recherche-submit"/>
                        </p>
                    </form>
                </div>
       {% endblock %}

	 {% block contentleft %}
      <div class="content-left">
       <div class="widget-wrapper">
            <div class="widget-wrap">
             
                <div class="widget affichage">
                    <h3><a href="#">AFFICHAGE</a></h3>
                    <div class="widget-inner">
                        <ul class="clearfix">
                            <li><a  title="Passer en vue Treemap" class="treemap active" href="" onClick="javascript:refreshview('treemap');return false;"><span class="visuel"></span><span class="fonction">Treemap</span> </a></li>
                            <li id="listehref"><a   title="Passer en vue Liste" class="liste" href="" onClick="javascript:refreshview('liste');return false;"><span class="visuel"></span><span class="fonction">Liste</span> </a></li>
                        </ul>
                    </div>
                </div><!-- affichage -->
                            <div class="widget filtre">
                                <h3><a href="#">FILTRES</a></h3>
                                <div class="widget-inner">
                                    <form id="ajax2" method="post" action="/recherche/" class="filtre-date">{% csrf_token %}
                                    	<input type="hidden"  name="filtre"  value="ok">
                                        <p>
                                            <label for="">De :</label>
                                            <input id="pickeddatebegin" type="text" name="from_date" class="dateBegin" value="07/01/2007"/>
                                        </p>
                                        <p>
                                            <label for="">à :</label>
                                            <input id="pickeddateend" type="text" name="to_date" class="dateEnd" value="12/01/2012"/>
                                        </p>
                                       
                                    <!--/form-->
                                    <h4>Catégories :</h4>                                    	
                                        <p><input type="checkbox" name="categories" value="International" class="checkbox_category"/> <label for="">International</label> </p>
                                        <p><input type="checkbox" name="categories" value="France" class="checkbox_category"/> <label for="">France</label> </p>
                                        <p><input type="checkbox" name="categories" value="Economie" class="checkbox_category"/> <label for="">Economie</label> </p>
                                        <p><input type="checkbox" name="categories" value="Culture" class="checkbox_category" /> <label for="">Culture</label> </p>
                                    </form>
                                </div>
                            </div><!-- filtre -->
                            <div class="widget links">
                                <h3><a href="#">DOSSIER ASSOCIES</a></h3>
                                <div class="widget-inner">
                                    <ul>
                                        <li><a href="#">« Corruption »</a></li>
                                        <li><a href="#">« Corruption »</a></li>
                                        <li><a href="#">« Corruption »</a></li>
                                        <li><a href="#">« Corruption »</a></li>
                                    </ul>
                                </div>
                            </div><!-- links -->
                            </div>
                        </div>
       </div>
        {% endblock %}