{% extends "maraudes/base.html" %}

{% block title %} {{ block.super }} Tableau de bord {% endblock %}

{% block breadcrumbs %}
  {{ block.super }}
  <li>Tableau de bord</li>
{% endblock %}

{% block page_content %}
{% load tables %}
<div class="col-lg-6 col-md-12">
    <div class="panel panel-primary">
      <div class="panel-heading">
        <h4 class="panel-title">Votre prochaine maraude</h4>
      </div>
      <div class="panel-body">
	    <p>{% if prochaine_maraude %}
	        <span class="glyphicon glyphicon-calendar"></span>
	        <strong>{{ prochaine_maraude.date }} à {{ prochaine_maraude.heure_debut }}
	        avec {% if user == prochaine_maraude.referent %}{{prochaine_maraude.binome}}
	        	 {% else %}{{prochaine_maraude.referent}}{% endif %}.
	        </strong>
	      {% else %}Aucune maraude prévue.{% endif %}</p>
      </div>
        {% if derniers_sujets_rencontres %}
		{% table derniers_sujets_rencontres cols=3 cell_template="maraudes/table_cell_derniers_sujets.html" header="Ces derniers temps..." %}
        {% endif %}
        {% if derniers_sujets_signales %}
        {% table derniers_sujets_signales cols=3 cell_template="maraudes/table_cell_derniers_signalements.html" header="Signalements récents" %}
        {% endif %}
    </div>

{% if user.is_superuser and missing_cr %}
    <div class="panel panel-warning">
      <div class="panel-heading">
        <h4 class="panel-title">Compte-rendus en retard</h4>
      </div>
      {% table missing_cr cols=2 cell_template="maraudes/table_cell_missing_cr.html" %}
    </div>
{% endif %}
</div>
<div class="col-md-12 col-lg-6">
  <h4><strong>Nouvelle note :</strong></h4>
  <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
    {% include "notes/form_appel.html" with form=appel_form %}
    {% include "notes/form_signalement.html" with form=signalement_form %}
  </div>
</div>
{% endblock %}