Resolve "[UI] Redesign Daily Lessons"

Closes #165 (closed)

aleksis/apps/chronos/templates/chronos/lessons_day.html

 {# -*- engine:django -*- #}
 
 {% extends "core/base.html" %}
-{% load i18n %}
+{% load i18n material_form any_js %}
 
 
 {% load render_table from django_tables2 %}
 
+{% block extra_head %}
+  {{ lesson_periods_filter.form.media.css }}
+  {% include_css "select2-materialize" %}
+{% endblock %}
+
 {% block browser_title %}{% blocktrans %}Lessons{% endblocktrans %}{% endblock %}
 {% block no_page_title %}{% endblock %}
 
@@ -14,6 +19,13 @@
     var dest = Urls.lessonsDay();
   </script>
 
+  <h2>{% trans "Filter lessons" %}</h2>
+  <form method="get">
+    {% form form=lesson_periods_filter.form %}{% endform %}
+    {% trans "Search" as caption %}
+    {% include "core/partials/save_button.html" with caption=caption icon="mdi:search" %}
+  </form>
+
   <div class="row no-margin">
     <div class="col s12 m6 l8 no-padding">
       <h1>{% blocktrans %}Lessons{% endblocktrans %} {{ day|date:"l" }}, {{ day }}</h1>
@@ -24,4 +36,7 @@
   </div>
 
   {% render_table lessons_table %}
+
+  {% include_js "select2-materialize" %}
+  {{ lesson_periods_filter.form.media.js }}
 {% endblock %}