Sync both clan lists.

templates/components/opp_clan_bar.html

@@ -8,9 +8,6 @@
         <div class="input-group input-group-lg mb-3">
             <select class="form-select form-control border-secondary" id="opponent-clan" hx-get="/players" hx-target="#opponent-player-list">
                 <option disabled selected value>Auswählen...</option>
-                {{ range .clans }}
-                <option value="{{ .ID }}">[{{ .Tag }}] {{ .Name }}</option>
-                {{ end }}
             </select>
             <button class="btn btn-lg btn-outline-secondary text-danger" type="button" id="opponent-delete" data-bs-toggle="modal" data-bs-list="#opponent-clan" data-bs-target="#deleteClanModal" disabled>
                 <i class="bi bi-trash3"></i>
@@ -27,14 +24,8 @@
 
 <script lang="javascript">
     document.addEventListener('DOMContentLoaded', function() {
-        const dropdownOpponent = document.getElementById('opponent-clan');
-        const deleteButtonOpponent = document.getElementById('opponent-delete');
-        const editButtonOpponent = document.getElementById('opponent-edit');
-
-        dropdownOpponent.addEventListener('change', function () {
-            deleteButtonOpponent.disabled = !this.value;
-            editButtonOpponent.disabled = !this.value;
-        });
+        setupClanButtons('opponent-clan', 'opponent-delete', 'opponent-edit');
+        htmx.ajax('GET', '/clan_options', {target: '#opponent-clan'});
     });
 </script>