Set language cookie when selecting language

myhpi/static/scss/footer.scss

@@ -25,6 +25,12 @@
             text-decoration: underline;
         }
     }
+
+    .btn-link {
+        color: var(--bs-text-light);
+        text-decoration: none;
+        padding: 0;
+    }
 }
 
 @media screen and (min-width: 576px) {

myhpi/templates/footer.html

@@ -12,9 +12,14 @@
     {% endfor %}
     <div class="footer-category">
       <h2>{% translate "Language" %}</h2>
-        {% for translation in page.get_translations %}
-            <a href="{{ translation.url }}">{{ translation.locale }}</a>
-        {% endfor %}
+      {% for translation in page.get_translations %}
+      <form id="language-form-{{ translation.locale }}" action="{% url 'set_language' %}" method="post">
+        {% csrf_token %}
+        <input name="next" type="hidden" value="{{ translation.url }}">
+        <input type="hidden" name="language" value="{{ translation.locale.language_code }}">
+        <button class="btn btn-link" type="submit">{{ translation.locale }}</button>
+      </form>
+      {% endfor %}
     </div>
   </div>
 </footer>

myhpi/urls.py

@@ -31,6 +31,7 @@
         ".well-known/security.txt",
         RedirectView.as_view(url=os.path.join(settings.STATIC_URL, "security.txt")),
     ),
+    path("i18n/", include("django.conf.urls.i18n")),
     path("", include("myhpi.core.urls")),
 ]