stuck on multiple forms on maraudes:index

maraudes/templates/maraudes/index.html

@@ -10,18 +10,23 @@
 {% 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 class="card border-dark">
+      <div class="card-header">Planning</div>
+      <div class="card-body">
+        <h6 class="card-title">Prochaine maraude</h6>
+	<p class="card-text">
+        {% if prochaine_maraude %}
+        Le <strong class="text-dark">{{ prochaine_maraude.date }} à {{ prochaine_maraude.heure_debut }}</strong>
+          avec {% if user == prochaine_maraude.referent %}
+                   {{prochaine_maraude.binome}}
+               {% else %}
+                   {{prochaine_maraude.referent}}
+               {% endif %}.
+	{% else %}
+          Aucune maraude prévue.
+        {% endif %}
+        </p>
+        <a href="{% url 'maraudes:planning' %}" class="card-link">Voir le planning</a>
       </div>
         {% if derniers_sujets_rencontres %}
 		{% table derniers_sujets_rencontres cols=3 cell_template="maraudes/table_cell_derniers_sujets.html" header="Ces derniers temps..." %}
@@ -32,19 +37,33 @@
     </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 class="card border-warning my-3">
+      <div class="card-header">
+        Compte-rendus en retard
       </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 class="card">
+    <div class="card-header">
+        <ul class="nav nav-tabs card-header-tabs">
+            <li class="nav-item"><strong class="nav-text pr-2">Ajouter </strong></li>
+            <li class="nav-item"><a class="nav-link active " role="button" data-toggle="collapse" href="#noteNote" aria-expanded="false" aria-controls="noteNote">Note</a></li>
+            <li class="nav-item"><a class="nav-link" role="button" data-toggle="collapse" href="#noteAppel" aria-expanded="false" aria-controls="noteAppel">Appel</a></li>
+            <li class="nav-item"><a class="nav-link" data-toggle="collapse" href="#noteSignalement" aria-expanded="false" aria-controls="noteSignalement">Signalement</a></li>
+        </ul>
+    </div>
+    <div class="card-body">
+        <div class="collapse show" id="noteNote"><div class="card card-body">Note</div></div>
+        <div class="collapse" id="noteAppel">
+         {% include "notes/form_appel_inner.html" with form=appel_form %}
+        </div>
+        <div class="collapse" id="noteSignalement">
+         {% include "notes/form_signalement_inner.html" with form=signalement_form %}
+        </div>
+    </div>
   </div>
 </div>
 {% endblock %}

maraudes/templates/maraudes/planning.html

@@ -1,5 +1,5 @@
 {% extends "maraudes/base.html" %}
-{% load bootstrap3 %}
+{% load bootstrap4 %}
 
 {% block title %} {{ block.super }} Planning {% endblock %}
 
@@ -12,10 +12,10 @@
   {{ block.super }}
   <div class="panel panel-primary text-center">
     <div class="panel-body">
-    <label for="submit-form" class="btn btn-primary">{% bootstrap_icon "floppy-save" %} Enregistrer</label>
+    <label for="submit-form" class="btn btn-primary">Enregistrer</label>
     <hr />
     <form action="" method="get" class="form-horizontal">
-      <strong>{% bootstrap_icon "calendar" %} Choisir une autre période : </strong>
+      <strong>Choisir une autre période : </strong>
       {% bootstrap_form select_form layout='horizontal' %}
       {% bootstrap_button "Choisir" button_type="submit" button_class="btn btn-primary btn-sm" %}
     </form>

maraudes/views.py

@@ -255,14 +255,14 @@ class PlanningView(MaraudeurMixin, generic.TemplateView):
 
     def _parse_request(self):
         self.current_date = datetime.date.today()
-        try:
-            self.month = int(self.request.GET['month'])
-        except ValueError:
-            self.month = self.current_date.month
-        try:
-            self.year = int(self.request.GET['year'])
-        except ValueError:
-            self.year = self.current_date.year
+        self.month = int(
+            self.request.GET.get(
+                'month', 
+                default=self.current_date.month))
+        self.year = int(
+            self.request.GET.get(
+                'year',
+                default=self.current_date.year))
 
     def _calculate_initials(self):
         self._parse_request()