Support oft parent groups

app/Domains/Admin/Views/Partials/TenantGeneral.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { ref } from 'vue';
+import { computed, ref } from 'vue';
 import { useAjax } from "../../../../../resources/js/components/ajaxHandler.js";
 import { toast } from "vue3-toastify";
 
@@ -17,8 +17,16 @@ const form = ref({
     name: props.data.name ?? '',
     slug: props.data.slug ?? '',
     url: props.data.url ?? '',
+    parent_group_id: props.data.parent_group_id ?? null,
 })
 
+// Übergeordnete Gruppe (z. B. „Bund") -- Pflichtangabe, Auswahl aus der LV-seitig gepflegten Liste.
+const parentGroups = props.data.parentGroups ?? []
+const parentGroupLabel = props.data.parentGroupLabel ?? 'Bund'
+const parentGroupName = computed(() =>
+    parentGroups.find(g => g.id === form.value.parent_group_id)?.name ?? '—'
+)
+
 async function save() {
     const saveUrl = props.data.saveEndpoint ?? '/api/v1/admin/tenants/' + props.data.slug + '/general'
     const response = await request(saveUrl, {
@@ -39,6 +47,7 @@ async function save() {
     <div v-if="!editing">
         <table class="data-table">
             <tr><th>Name:</th><td>{{ form.name }}</td></tr>
+            <tr><th>{{ parentGroupLabel }}:</th><td>{{ parentGroupName }}</td></tr>
             <tr><th>Slug:</th><td>{{ form.slug }}</td></tr>
             <tr><th>URL:</th><td>{{ form.url }}</td></tr>
             <tr><th>Status:</th><td>
@@ -54,6 +63,14 @@ async function save() {
                 <th>Name:</th>
                 <td><input type="text" v-model="form.name" class="form-input" /></td>
             </tr>
+            <tr>
+                <th>{{ parentGroupLabel }}:</th>
+                <td>
+                    <select v-model="form.parent_group_id" class="form-input">
+                        <option v-for="group in parentGroups" :key="group.id" :value="group.id">{{ group.name }}</option>
+                    </select>
+                </td>
+            </tr>
             <tr>
                 <th>Slug:</th>
                 <td><input type="text" v-model="form.slug" class="form-input" /></td>