-

Layout/default/ConstructionConsent/Form.php

@@ -78,6 +78,16 @@
                                 </div>
                             </div>
 
+                            <div id="network-id-search" class="<?=(!isset($item) || (isset($item) && $item->object_type == "street")) ? "" : "hidden"?>">
+                                <div class="form-group row">
+                                    <label class="col-lg-2 col-form-label" for="netzgebiet_id">Netzgebiet</label>
+                                    <div class="col-lg-10">
+                                        <select class="form-control" name="netzgebiet_id" id="netzgebiet_id">
+                                        </select>
+                                    </div>
+                                </div>
+                            </div>
+
                             <div id="street-search" class="<?=(!isset($item) || $item->object_type != "street") ? "hidden" : ""?>">
                                 <div class="form-group row">
                                     <label class="col-lg-2 col-form-label" for="adb_strasse_id">Straße *</label>
@@ -303,6 +313,46 @@
         allowClear: true
     });
 
+    const netzgebietId = <?=isset($item) && $item->data->netzgebiet_id ? $item->data->netzgebiet_id : "null"?>;
+    console.log("netzgebietId", netzgebietId);
+    const netzgebietSelect = $('#netzgebiet_id');
+    const apiUrl = '<?=self::getUrl("ConstructionConsent", "api")?>';
+
+    function fetchNetzgebiete(projectId, searchTerm = '') {
+        $.ajax({
+            url: apiUrl,
+            data: { q: searchTerm, do: "getNetzgebieteApi", project_id: projectId },
+            dataType: 'json',
+            success: (data) => {
+                netzgebietSelect.empty();
+                netzgebietSelect.append($('<option>', { value: '', text: 'Netzgebiet auswählen' }));
+                if (data?.results) {
+                    data.results.forEach(item =>
+                        netzgebietSelect.append($('<option>', { value: item.value, text: item.text }))
+                    );
+                    if (netzgebietId) netzgebietSelect.val(netzgebietId).trigger('change');
+                }
+                netzgebietSelect.trigger('change');
+            },
+            error: (jqXHR, textStatus, errorThrown) => {
+                console.error("Error fetching Netzgebiete:", textStatus, errorThrown);
+                netzgebietSelect.empty()
+                    .append($('<option>', { value: '', text: 'Error loading Netzgebiete' }))
+                    .trigger('change');
+            }
+        });
+    }
+
+    $("#constructionconsentproject_id").on('change', () => {
+        fetchNetzgebiete($(this).val());
+    });
+
+    // Initial fetch
+    fetchNetzgebiete($("#constructionconsentproject_id :selected").val());
+
+    if (netzgebietId) {
+        netzgebietSelect.val(netzgebietId).trigger('change');
+    }
     $('#adb_hausnummer_id').select2({
         ajax: {
             url: '<?=self::getUrl("ConstructionConsent", "api")?>',