AKModel/templates/admin/AKModel/room_change_form.html

 {% extends "admin/change_form.html" %}
 {% load i18n admin_urls %}
 {% load static %}
-{% load bootstrap4 %}
+{% load django_bootstrap5 %}
+{% load tz %}
 
 {% block extrahead %}
     {{ block.super }}
-    {% bootstrap_javascript jquery='slim' %}
-    <link href='{% static 'AKSubmission/vendor/fullcalendar3/fullcalendar.min.css' %}' rel='stylesheet'/>
-    <link href='{% static 'AKSubmission/css/availabilities.css' %}' rel='stylesheet'/>
+    {% bootstrap_javascript %}
+    <script src="{% static 'common/vendor/jquery/jquery-3.6.3.min.js' %}"></script>
+    {% if original.event %}
+        {% include "AKModel/load_fullcalendar_availabilities.html" %}
 
-    <script src="{% static "AKSubmission/vendor/moment/moment-with-locales.js" %}"></script>
-    <script src="{% static "AKSubmission/vendor/moment-timezone/moment-timezone-with-data-10-year-range.js" %}"></script>
-    <script src='{% static 'AKSubmission/vendor/fullcalendar3/fullcalendar.min.js' %}'></script>
-    <script src="{% static "common/js/availabilities.js" %}"></script>
+        <script>
+            {% get_current_language as LANGUAGE_CODE %}
+
+            document.addEventListener('DOMContentLoaded', function () {
+                createAvailabilityEditors(
+                    '{{ original.event.timezone }}',
+                    '{{ LANGUAGE_CODE }}',
+                    '{{ original.event.start | timezone:original.event.timezone | date:"Y-m-d H:i:s" }}',
+                    '{{ original.event.end | timezone:original.event.timezone | date:"Y-m-d H:i:s" }}'
+                );
+            });
+        </script>
+    {% endif %}
 {% endblock %}

AKModel/templates/admin/ak_index.html

@@ -12,7 +12,7 @@
                     <a href="{% url 'admin:AKModel_event_change' event.pk %}">{{ event }}</a>
                     ({{ event.start|timezone:event.timezone|date:"d.m.y" }} -
                     {{ event.end|timezone:event.timezone|date:"d.m.y" }}) &middot;
-                    <a href="{% url 'admin:event_status' slug=event.slug %}">{% trans "Status" %}</a> &middot;
+                    <a href="{% url 'admin:event_status' event_slug=event.slug %}">{% trans "Status" %}</a> &middot;
                     <a href="{% url 'admin:schedule' event_slug=event.slug %}">{% trans "Scheduling" %}</a>
                 </li>
             {% endfor %}