Upload solution is working

apps/participation/templates/participation/participation_detail.html

@@ -28,5 +28,26 @@
                 </dd>
             </dl>
         </div>
+        <div class="card-footer text-center">
+            <button class="btn btn-primary" data-toggle="modal" data-target="#uploadSolutionModal">{% trans "Upload solution" %}</button>
+        </div>
     </div>
+
+    {% trans "Upload solution" as modal_title %}
+    {% trans "Upload" as modal_button %}
+    {% url "participation:upload_solution" pk=participation.pk as modal_action %}
+    {% include "base_modal.html" with modal_id="uploadSolution" %}
+{% endblock %}
+
+{% block extrajavascript %}
+    <script>
+        $(document).ready(function () {
+            $('button[data-target="#uploadSolutionModal"]').click(function() {
+                console.log(42)
+                let modalBody = $("#uploadSolutionModal div.modal-body");
+                if (!modalBody.html().trim())
+                    modalBody.load("{% url "participation:upload_solution" pk=participation.pk %} #form-content")
+            });
+        });
+    </script>
 {% endblock %}

apps/participation/templates/participation/upload_solution.html

@@ -0,0 +1,13 @@
+{% extends "base.html" %}
+
+{% load crispy_forms_filters i18n %}
+
+{% block content %}
+    <form method="post">
+        <div id="form-content">
+            {% csrf_token %}
+            {{ form|crispy }}
+        </div>
+        <button class="btn btn-primary" type="submit">{% trans "Upload" %}</button>
+    </form>
+{% endblock content %}