Pre-fetch forms for student card

core/templates/core/user_preferences.jinja

@@ -35,20 +35,20 @@
     {% endif %}
 
 
-    {% if profile.customer %}
-      <h3>{% trans %}Student cards{% endtrans %}</h3>
+    {% if student_card %}
+      {% with
+      form=student_card.form,
+      action=student_card.context.action,
+      customer=student_card.context.customer,
+      student_cards=student_card.context.student_cards
+      %}
+      {% include student_card.template %}
+    {% endwith %}
 
-      <p class="justify">
-        {% trans %}You can add a card by asking at a counter or add it yourself here. If you want to manually
-          add a student card yourself, you'll need a NFC reader. We store the UID of the card which is 14 characters long.{% endtrans %}
-      </p>
-      <div
-        hx-get="{{ url('counter:add_student_card', customer_id=profile.customer.pk) }}"
-        hx-trigger="load"
-        hx-swap="outerHTML"
-      >
-        <div aria-busy="true" style="min-height: 100px;"></div>
-      </div>
-    {% endif %}
-  </div>
+    <p class="justify">
+      {% trans %}You can add a card by asking at a counter or add it yourself here. If you want to manually
+        add a student card yourself, you'll need a NFC reader. We store the UID of the card which is 14 characters long.{% endtrans %}
+    </p>
+{% endif %}
+</div>
 {% endblock %}