P2-28: Selectprovinciegemeente opgeknapt (export)

Standaardheader (PreferredSize 80 / info / flexibleSpace met
HeaderButtonsComponent, showBackButton true) vervangt de oude rode AppBar;
kop "Kies je gemeente" + uitleg in de body; dropdowns en Toepassen-knop op
double.infinity; Toepassen doet context.safePop() i.p.v. pushNamed(Home).

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

lib/flutter_flow/internationalization.dart

@@ -231,9 +231,13 @@ final kTranslationsMap = <Map<String, Map<String, String>>>[
   },
   // selectprovinciegemeente
   {
-    's2fmjpdd': {
-      'nl': 'Select gemeente/provincie',
-      'en': 'Select State/Municipality',
+    'xsyz36fr': {
+      'nl': 'Kies je gemeente',
+      'en': '',
+    },
+    'z0wynid6': {
+      'nl': 'Je ziet dan het uitgaansnieuws van die gemeente in het menu.',
+      'en': '',
     },
     'vg44lbt3': {
       'nl': 'Home',

lib/horecagelegenhedenoverzicht/horecagelegenheden_overzicht_copy3/horecagelegenheden_overzicht_copy3_model.dart

@@ -0,0 +1,833 @@
+import '/backend/api_requests/api_calls.dart';
+import '/components/header_buttons_component_widget.dart';
+import '/flutter_flow/flutter_flow_theme.dart';
+import '/flutter_flow/flutter_flow_util.dart';
+import '/flutter_flow/flutter_flow_widgets.dart';
+import '/horecagelegenhedenoverzicht/horecagelegenheidoverzicht_kaart/horecagelegenheidoverzicht_kaart_widget.dart';
+import '/shared/drawer_component/drawer_component_widget.dart';
+import 'dart:ui';
+import '/custom_code/actions/index.dart' as actions;
+import '/flutter_flow/custom_functions.dart' as functions;
+import '/index.dart';
+import 'horecagelegenheden_overzicht_copy3_widget.dart'
+    show HorecagelegenhedenOverzichtCopy3Widget;
+import 'package:easy_debounce/easy_debounce.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/scheduler.dart';
+import 'package:flutter_spinkit/flutter_spinkit.dart';
+import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart';
+import 'package:google_fonts/google_fonts.dart';
+import 'package:provider/provider.dart';
+
+class HorecagelegenhedenOverzichtCopy3Model
+    extends FlutterFlowModel<HorecagelegenhedenOverzichtCopy3Widget> {
+  ///  Local state fields for this page.
+
+  bool _tabCultuurGeladen = false;
+  set tabCultuurGeladen(bool value) {
+    _tabCultuurGeladen = value;
+    debugLogWidgetClass(this);
+  }
+
+  bool get tabCultuurGeladen => _tabCultuurGeladen;
+
+  bool _tabEetgelegenhedenGeladen = false;
+  set tabEetgelegenhedenGeladen(bool value) {
+    _tabEetgelegenhedenGeladen = value;
+    debugLogWidgetClass(this);
+  }
+
+  bool get tabEetgelegenhedenGeladen => _tabEetgelegenhedenGeladen;
+
+  bool _tabOvernachtenGeladen = false;
+  set tabOvernachtenGeladen(bool value) {
+    _tabOvernachtenGeladen = value;
+    debugLogWidgetClass(this);
+  }
+
+  bool get tabOvernachtenGeladen => _tabOvernachtenGeladen;
+
+  bool _tabUitgaanGeladen = false;
+  set tabUitgaanGeladen(bool value) {
+    _tabUitgaanGeladen = value;
+    debugLogWidgetClass(this);
+  }
+
+  bool get tabUitgaanGeladen => _tabUitgaanGeladen;
+
+  bool _tabVerhuurcateringGeladen = false;
+  set tabVerhuurcateringGeladen(bool value) {
+    _tabVerhuurcateringGeladen = value;
+    debugLogWidgetClass(this);
+  }
+
+  bool get tabVerhuurcateringGeladen => _tabVerhuurcateringGeladen;
+
+  String? _zoektermActiviteiten;
+  set zoektermActiviteiten(String? value) {
+    _zoektermActiviteiten = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get zoektermActiviteiten => _zoektermActiviteiten;
+
+  String? _zoektermCultuur;
+  set zoektermCultuur(String? value) {
+    _zoektermCultuur = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get zoektermCultuur => _zoektermCultuur;
+
+  String? _zoektermEetgelegenheden;
+  set zoektermEetgelegenheden(String? value) {
+    _zoektermEetgelegenheden = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get zoektermEetgelegenheden => _zoektermEetgelegenheden;
+
+  String? _zoektermOvernachten;
+  set zoektermOvernachten(String? value) {
+    _zoektermOvernachten = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get zoektermOvernachten => _zoektermOvernachten;
+
+  String? _zoektermUitgaan;
+  set zoektermUitgaan(String? value) {
+    _zoektermUitgaan = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get zoektermUitgaan => _zoektermUitgaan;
+
+  String? _zoektermVerhuurCatering;
+  set zoektermVerhuurCatering(String? value) {
+    _zoektermVerhuurCatering = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get zoektermVerhuurCatering => _zoektermVerhuurCatering;
+
+  String? _categorieFilterActiviteiten;
+  set categorieFilterActiviteiten(String? value) {
+    _categorieFilterActiviteiten = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get categorieFilterActiviteiten => _categorieFilterActiviteiten;
+
+  String? _categorieFilterCultuur;
+  set categorieFilterCultuur(String? value) {
+    _categorieFilterCultuur = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get categorieFilterCultuur => _categorieFilterCultuur;
+
+  String? _categorieFilterEetgelegenheden;
+  set categorieFilterEetgelegenheden(String? value) {
+    _categorieFilterEetgelegenheden = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get categorieFilterEetgelegenheden => _categorieFilterEetgelegenheden;
+
+  String? _categorieFilterOvernachten;
+  set categorieFilterOvernachten(String? value) {
+    _categorieFilterOvernachten = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get categorieFilterOvernachten => _categorieFilterOvernachten;
+
+  String? _categorieFilterUitgaan;
+  set categorieFilterUitgaan(String? value) {
+    _categorieFilterUitgaan = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get categorieFilterUitgaan => _categorieFilterUitgaan;
+
+  String? _categorieFilterVerhuurCatering;
+  set categorieFilterVerhuurCatering(String? value) {
+    _categorieFilterVerhuurCatering = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get categorieFilterVerhuurCatering => _categorieFilterVerhuurCatering;
+
+  late LoggableList<dynamic> _alleActiviteiten = LoggableList([]);
+  set alleActiviteiten(List<dynamic> value) {
+    if (value != null) {
+      _alleActiviteiten = LoggableList(value);
+    }
+
+    debugLogWidgetClass(this);
+  }
+
+  List<dynamic> get alleActiviteiten =>
+      _alleActiviteiten?..logger = () => debugLogWidgetClass(this);
+  void addToAlleActiviteiten(dynamic item) => alleActiviteiten.add(item);
+  void removeFromAlleActiviteiten(dynamic item) =>
+      alleActiviteiten.remove(item);
+  void removeAtIndexFromAlleActiviteiten(int index) =>
+      alleActiviteiten.removeAt(index);
+  void insertAtIndexInAlleActiviteiten(int index, dynamic item) =>
+      alleActiviteiten.insert(index, item);
+  void updateAlleActiviteitenAtIndex(int index, Function(dynamic) updateFn) =>
+      alleActiviteiten[index] = updateFn(alleActiviteiten[index]);
+
+  late LoggableList<dynamic> _alleCultuur = LoggableList([]);
+  set alleCultuur(List<dynamic> value) {
+    if (value != null) {
+      _alleCultuur = LoggableList(value);
+    }
+
+    debugLogWidgetClass(this);
+  }
+
+  List<dynamic> get alleCultuur =>
+      _alleCultuur?..logger = () => debugLogWidgetClass(this);
+  void addToAlleCultuur(dynamic item) => alleCultuur.add(item);
+  void removeFromAlleCultuur(dynamic item) => alleCultuur.remove(item);
+  void removeAtIndexFromAlleCultuur(int index) => alleCultuur.removeAt(index);
+  void insertAtIndexInAlleCultuur(int index, dynamic item) =>
+      alleCultuur.insert(index, item);
+  void updateAlleCultuurAtIndex(int index, Function(dynamic) updateFn) =>
+      alleCultuur[index] = updateFn(alleCultuur[index]);
+
+  late LoggableList<dynamic> _alleEetgelegenheden = LoggableList([]);
+  set alleEetgelegenheden(List<dynamic> value) {
+    if (value != null) {
+      _alleEetgelegenheden = LoggableList(value);
+    }
+
+    debugLogWidgetClass(this);
+  }
+
+  List<dynamic> get alleEetgelegenheden =>
+      _alleEetgelegenheden?..logger = () => debugLogWidgetClass(this);
+  void addToAlleEetgelegenheden(dynamic item) => alleEetgelegenheden.add(item);
+  void removeFromAlleEetgelegenheden(dynamic item) =>
+      alleEetgelegenheden.remove(item);
+  void removeAtIndexFromAlleEetgelegenheden(int index) =>
+      alleEetgelegenheden.removeAt(index);
+  void insertAtIndexInAlleEetgelegenheden(int index, dynamic item) =>
+      alleEetgelegenheden.insert(index, item);
+  void updateAlleEetgelegenhedenAtIndex(
+          int index, Function(dynamic) updateFn) =>
+      alleEetgelegenheden[index] = updateFn(alleEetgelegenheden[index]);
+
+  late LoggableList<dynamic> _alleOvernachten = LoggableList([]);
+  set alleOvernachten(List<dynamic> value) {
+    if (value != null) {
+      _alleOvernachten = LoggableList(value);
+    }
+
+    debugLogWidgetClass(this);
+  }
+
+  List<dynamic> get alleOvernachten =>
+      _alleOvernachten?..logger = () => debugLogWidgetClass(this);
+  void addToAlleOvernachten(dynamic item) => alleOvernachten.add(item);
+  void removeFromAlleOvernachten(dynamic item) => alleOvernachten.remove(item);
+  void removeAtIndexFromAlleOvernachten(int index) =>
+      alleOvernachten.removeAt(index);
+  void insertAtIndexInAlleOvernachten(int index, dynamic item) =>
+      alleOvernachten.insert(index, item);
+  void updateAlleOvernachtenAtIndex(int index, Function(dynamic) updateFn) =>
+      alleOvernachten[index] = updateFn(alleOvernachten[index]);
+
+  late LoggableList<dynamic> _alleUitgaan = LoggableList([]);
+  set alleUitgaan(List<dynamic> value) {
+    if (value != null) {
+      _alleUitgaan = LoggableList(value);
+    }
+
+    debugLogWidgetClass(this);
+  }
+
+  List<dynamic> get alleUitgaan =>
+      _alleUitgaan?..logger = () => debugLogWidgetClass(this);
+  void addToAlleUitgaan(dynamic item) => alleUitgaan.add(item);
+  void removeFromAlleUitgaan(dynamic item) => alleUitgaan.remove(item);
+  void removeAtIndexFromAlleUitgaan(int index) => alleUitgaan.removeAt(index);
+  void insertAtIndexInAlleUitgaan(int index, dynamic item) =>
+      alleUitgaan.insert(index, item);
+  void updateAlleUitgaanAtIndex(int index, Function(dynamic) updateFn) =>
+      alleUitgaan[index] = updateFn(alleUitgaan[index]);
+
+  late LoggableList<dynamic> _alleVerhuurCatering = LoggableList([]);
+  set alleVerhuurCatering(List<dynamic> value) {
+    if (value != null) {
+      _alleVerhuurCatering = LoggableList(value);
+    }
+
+    debugLogWidgetClass(this);
+  }
+
+  List<dynamic> get alleVerhuurCatering =>
+      _alleVerhuurCatering?..logger = () => debugLogWidgetClass(this);
+  void addToAlleVerhuurCatering(dynamic item) => alleVerhuurCatering.add(item);
+  void removeFromAlleVerhuurCatering(dynamic item) =>
+      alleVerhuurCatering.remove(item);
+  void removeAtIndexFromAlleVerhuurCatering(int index) =>
+      alleVerhuurCatering.removeAt(index);
+  void insertAtIndexInAlleVerhuurCatering(int index, dynamic item) =>
+      alleVerhuurCatering.insert(index, item);
+  void updateAlleVerhuurCateringAtIndex(
+          int index, Function(dynamic) updateFn) =>
+      alleVerhuurCatering[index] = updateFn(alleVerhuurCatering[index]);
+
+  ///  State fields for stateful widgets in this page.
+
+  // Stores action output result for [Custom Action - fetchAlleHorecagelegenheden] action in HorecagelegenhedenOverzichtCopy3 widget.
+  List<dynamic>? _resultHorecaActiviteiten;
+  set resultHorecaActiviteiten(List<dynamic>? value) {
+    _resultHorecaActiviteiten = value;
+    debugLogWidgetClass(this);
+  }
+
+  List<dynamic>? get resultHorecaActiviteiten => _resultHorecaActiviteiten;
+
+  // State field(s) for TextField widget.
+  FocusNode? textFieldFocusNode1;
+  TextEditingController? textController1;
+  String? Function(BuildContext, String?)? textController1Validator;
+  // State field(s) for TabBar widget.
+  TabController? tabBarController;
+  int get tabBarCurrentIndex =>
+      tabBarController != null ? tabBarController!.index : 0;
+  int get tabBarPreviousIndex =>
+      tabBarController != null ? tabBarController!.previousIndex : 0;
+
+  // State field(s) for TextField widget.
+  FocusNode? textFieldFocusNode2;
+  TextEditingController? textController2;
+  String? Function(BuildContext, String?)? textController2Validator;
+  // Models for HorecagelegenheidoverzichtKaart dynamic component.
+  Map<String, FlutterFlowModel> horecagelegenheidoverzichtKaartModels1 = {};
+  // Stores action output result for [Custom Action - fetchAlleHorecagelegenheden] action in TabCultuur widget.
+  List<dynamic>? _resultHorecaCultuur;
+  set resultHorecaCultuur(List<dynamic>? value) {
+    _resultHorecaCultuur = value;
+    debugLogWidgetClass(this);
+  }
+
+  List<dynamic>? get resultHorecaCultuur => _resultHorecaCultuur;
+
+  // Models for HorecagelegenheidoverzichtKaart dynamic component.
+  Map<String, FlutterFlowModel> horecagelegenheidoverzichtKaartModels2 = {};
+  // State field(s) for TextField widget.
+  FocusNode? textFieldFocusNode3;
+  TextEditingController? textController3;
+  String? Function(BuildContext, String?)? textController3Validator;
+  // Stores action output result for [Custom Action - fetchAlleHorecagelegenheden] action in TabEetgelegenheden widget.
+  List<dynamic>? _resultHorecaEetgelegenheden;
+  set resultHorecaEetgelegenheden(List<dynamic>? value) {
+    _resultHorecaEetgelegenheden = value;
+    debugLogWidgetClass(this);
+  }
+
+  List<dynamic>? get resultHorecaEetgelegenheden =>
+      _resultHorecaEetgelegenheden;
+
+  // Models for HorecagelegenheidoverzichtKaart dynamic component.
+  Map<String, FlutterFlowModel> horecagelegenheidoverzichtKaartModels3 = {};
+  // Stores action output result for [Custom Action - fetchAlleHorecagelegenheden] action in TabOvernachten widget.
+  List<dynamic>? _resultHorecaOvernachten;
+  set resultHorecaOvernachten(List<dynamic>? value) {
+    _resultHorecaOvernachten = value;
+    debugLogWidgetClass(this);
+  }
+
+  List<dynamic>? get resultHorecaOvernachten => _resultHorecaOvernachten;
+
+  // Models for HorecagelegenheidoverzichtKaart dynamic component.
+  Map<String, FlutterFlowModel> horecagelegenheidoverzichtKaartModels4 = {};
+  // Stores action output result for [Custom Action - fetchAlleHorecagelegenheden] action in TabUitgaan widget.
+  List<dynamic>? _resultHorecaUitgaansgelegenheden;
+  set resultHorecaUitgaansgelegenheden(List<dynamic>? value) {
+    _resultHorecaUitgaansgelegenheden = value;
+    debugLogWidgetClass(this);
+  }
+
+  List<dynamic>? get resultHorecaUitgaansgelegenheden =>
+      _resultHorecaUitgaansgelegenheden;
+
+  // Models for HorecagelegenheidoverzichtKaart dynamic component.
+  Map<String, FlutterFlowModel> horecagelegenheidoverzichtKaartModels5 = {};
+  // Stores action output result for [Custom Action - fetchAlleHorecagelegenheden] action in TabVerhuurCatering widget.
+  List<dynamic>? _resultHorecaVerhuur;
+  set resultHorecaVerhuur(List<dynamic>? value) {
+    _resultHorecaVerhuur = value;
+    debugLogWidgetClass(this);
+  }
+
+  List<dynamic>? get resultHorecaVerhuur => _resultHorecaVerhuur;
+
+  // Models for HorecagelegenheidoverzichtKaart dynamic component.
+  Map<String, FlutterFlowModel> horecagelegenheidoverzichtKaartModels6 = {};
+  // Model for HeaderButtonsComponent component.
+  late HeaderButtonsComponentModel headerButtonsComponentModel;
+  // Model for drawerComponent component.
+  late DrawerComponentModel drawerComponentModel;
+
+  final Map<String, DebugDataField> debugGeneratorVariables = {};
+  final Map<String, DebugDataField> debugBackendQueries = {};
+  final Map<String, FlutterFlowModel> widgetBuilderComponents = {};
+  @override
+  void initState(BuildContext context) {
+    headerButtonsComponentModel =
+        createModel(context, () => HeaderButtonsComponentModel());
+    drawerComponentModel = createModel(context, () => DrawerComponentModel());
+
+    debugLogWidgetClass(this);
+  }
+
+  @override
+  void dispose() {
+    textFieldFocusNode1?.dispose();
+    textController1?.dispose();
+
+    tabBarController?.dispose();
+    textFieldFocusNode2?.dispose();
+    textController2?.dispose();
+
+    textFieldFocusNode3?.dispose();
+    textController3?.dispose();
+
+    headerButtonsComponentModel.dispose();
+    drawerComponentModel.dispose();
+  }
+
+  @override
+  WidgetClassDebugData toWidgetClassDebugData() => WidgetClassDebugData(
+        widgetParameters: {
+          'plaats': debugSerializeParam(
+            widget?.plaats,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+            searchReference:
+                'reference=ShgKEAoGcGxhYXRzEgYzcXVrMXVyBAgDIAFQAVoGcGxhYXRz',
+            name: 'String',
+            nullable: true,
+          )
+        }.withoutNulls.entries,
+        localStates: {
+          'tabCultuurGeladen': debugSerializeParam(
+            tabCultuurGeladen,
+            ParamType.bool,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+            searchReference:
+                'reference=QisKGgoRdGFiQ3VsdHV1ckdlbGFkZW4SBWk5eTl0KgcSBWZhbHNlcgQIBSABUAFaEXRhYkN1bHR1dXJHZWxhZGVuYiBIb3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRDb3B5Mw==',
+            name: 'bool',
+            nullable: false,
+          ),
+          'tabEetgelegenhedenGeladen': debugSerializeParam(
+            tabEetgelegenhedenGeladen,
+            ParamType.bool,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+            searchReference:
+                'reference=QjMKIgoZdGFiRWV0Z2VsZWdlbmhlZGVuR2VsYWRlbhIFNmE5djgqBxIFZmFsc2VyBAgFIAFQAVoZdGFiRWV0Z2VsZWdlbmhlZGVuR2VsYWRlbmIgSG9yZWNhZ2VsZWdlbmhlZGVuT3ZlcnppY2h0Q29weTM=',
+            name: 'bool',
+            nullable: false,
+          ),
+          'tabOvernachtenGeladen': debugSerializeParam(
+            tabOvernachtenGeladen,
+            ParamType.bool,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+            searchReference:
+                'reference=Qi8KHgoVdGFiT3Zlcm5hY2h0ZW5HZWxhZGVuEgU1eGM2NioHEgVmYWxzZXIECAUgAVABWhV0YWJPdmVybmFjaHRlbkdlbGFkZW5iIEhvcmVjYWdlbGVnZW5oZWRlbk92ZXJ6aWNodENvcHkz',
+            name: 'bool',
+            nullable: false,
+          ),
+          'tabUitgaanGeladen': debugSerializeParam(
+            tabUitgaanGeladen,
+            ParamType.bool,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+            searchReference:
+                'reference=QisKGgoRdGFiVWl0Z2FhbkdlbGFkZW4SBTE1NWxkKgcSBWZhbHNlcgQIBSABUAFaEXRhYlVpdGdhYW5HZWxhZGVuYiBIb3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRDb3B5Mw==',
+            name: 'bool',
+            nullable: false,
+          ),
+          'tabVerhuurcateringGeladen': debugSerializeParam(
+            tabVerhuurcateringGeladen,
+            ParamType.bool,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+            searchReference:
+                'reference=QjMKIgoZdGFiVmVyaHV1cmNhdGVyaW5nR2VsYWRlbhIFMWU3eHEqBxIFZmFsc2VyBAgFIAFQAVoZdGFiVmVyaHV1cmNhdGVyaW5nR2VsYWRlbmIgSG9yZWNhZ2VsZWdlbmhlZGVuT3ZlcnppY2h0Q29weTM=',
+            name: 'bool',
+            nullable: false,
+          ),
+          'zoektermActiviteiten': debugSerializeParam(
+            zoektermActiviteiten,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+            searchReference:
+                'reference=QikKHQoUem9la3Rlcm1BY3Rpdml0ZWl0ZW4SBTZqYTVtKgISAHIECAMgAFABWhR6b2VrdGVybUFjdGl2aXRlaXRlbmIgSG9yZWNhZ2VsZWdlbmhlZGVuT3ZlcnppY2h0Q29weTM=',
+            name: 'String',
+            nullable: true,
+          ),
+          'zoektermCultuur': debugSerializeParam(
+            zoektermCultuur,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+            searchReference:
+                'reference=QiQKGAoPem9la3Rlcm1DdWx0dXVyEgVqdXA4aSoCEgByBAgDIABQAVoPem9la3Rlcm1DdWx0dXVyYiBIb3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRDb3B5Mw==',
+            name: 'String',
+            nullable: true,
+          ),
+          'zoektermEetgelegenheden': debugSerializeParam(
+            zoektermEetgelegenheden,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+            searchReference:
+                'reference=QiwKIAoXem9la3Rlcm1FZXRnZWxlZ2VuaGVkZW4SBXh0b2VlKgISAHIECAMgAFABWhd6b2VrdGVybUVldGdlbGVnZW5oZWRlbmIgSG9yZWNhZ2VsZWdlbmhlZGVuT3ZlcnppY2h0Q29weTM=',
+            name: 'String',
+            nullable: true,
+          ),
+          'zoektermOvernachten': debugSerializeParam(
+            zoektermOvernachten,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+            searchReference:
+                'reference=QigKHAoTem9la3Rlcm1PdmVybmFjaHRlbhIFcXdicHAqAhIAcgQIAyAAUAFaE3pvZWt0ZXJtT3Zlcm5hY2h0ZW5iIEhvcmVjYWdlbGVnZW5oZWRlbk92ZXJ6aWNodENvcHkz',
+            name: 'String',
+            nullable: true,
+          ),
+          'zoektermUitgaan': debugSerializeParam(
+            zoektermUitgaan,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+            searchReference:
+                'reference=QiQKGAoPem9la3Rlcm1VaXRnYWFuEgVreHptaSoCEgByBAgDIABQAVoPem9la3Rlcm1VaXRnYWFuYiBIb3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRDb3B5Mw==',
+            name: 'String',
+            nullable: true,
+          ),
+          'zoektermVerhuurCatering': debugSerializeParam(
+            zoektermVerhuurCatering,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+            searchReference:
+                'reference=QiwKIAoXem9la3Rlcm1WZXJodXVyQ2F0ZXJpbmcSBWd6eHcwKgISAHIECAMgAFABWhd6b2VrdGVybVZlcmh1dXJDYXRlcmluZ2IgSG9yZWNhZ2VsZWdlbmhlZGVuT3ZlcnppY2h0Q29weTM=',
+            name: 'String',
+            nullable: true,
+          ),
+          'categorieFilterActiviteiten': debugSerializeParam(
+            categorieFilterActiviteiten,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+            searchReference:
+                'reference=QjAKJAobY2F0ZWdvcmllRmlsdGVyQWN0aXZpdGVpdGVuEgVieDgwOSoCEgByBAgDIABQAVobY2F0ZWdvcmllRmlsdGVyQWN0aXZpdGVpdGVuYiBIb3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRDb3B5Mw==',
+            name: 'String',
+            nullable: true,
+          ),
+          'categorieFilterCultuur': debugSerializeParam(
+            categorieFilterCultuur,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+            searchReference:
+                'reference=QisKHwoWY2F0ZWdvcmllRmlsdGVyQ3VsdHV1chIFdXA3d2kqAhIAcgQIAyAAUAFaFmNhdGVnb3JpZUZpbHRlckN1bHR1dXJiIEhvcmVjYWdlbGVnZW5oZWRlbk92ZXJ6aWNodENvcHkz',
+            name: 'String',
+            nullable: true,
+          ),
+          'categorieFilterEetgelegenheden': debugSerializeParam(
+            categorieFilterEetgelegenheden,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+            searchReference:
+                'reference=QjMKJwoeY2F0ZWdvcmllRmlsdGVyRWV0Z2VsZWdlbmhlZGVuEgVsa2dwayoCEgByBAgDIABQAVoeY2F0ZWdvcmllRmlsdGVyRWV0Z2VsZWdlbmhlZGVuYiBIb3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRDb3B5Mw==',
+            name: 'String',
+            nullable: true,
+          ),
+          'categorieFilterOvernachten': debugSerializeParam(
+            categorieFilterOvernachten,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+            searchReference:
+                'reference=Qi8KIwoaY2F0ZWdvcmllRmlsdGVyT3Zlcm5hY2h0ZW4SBTQ2dG1nKgISAHIECAMgAFABWhpjYXRlZ29yaWVGaWx0ZXJPdmVybmFjaHRlbmIgSG9yZWNhZ2VsZWdlbmhlZGVuT3ZlcnppY2h0Q29weTM=',
+            name: 'String',
+            nullable: true,
+          ),
+          'categorieFilterUitgaan': debugSerializeParam(
+            categorieFilterUitgaan,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+            searchReference:
+                'reference=QisKHwoWY2F0ZWdvcmllRmlsdGVyVWl0Z2FhbhIFY2NveHEqAhIAcgQIAyAAUAFaFmNhdGVnb3JpZUZpbHRlclVpdGdhYW5iIEhvcmVjYWdlbGVnZW5oZWRlbk92ZXJ6aWNodENvcHkz',
+            name: 'String',
+            nullable: true,
+          ),
+          'categorieFilterVerhuurCatering': debugSerializeParam(
+            categorieFilterVerhuurCatering,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+            searchReference:
+                'reference=QjMKJwoeY2F0ZWdvcmllRmlsdGVyVmVyaHV1ckNhdGVyaW5nEgVxc3U3OCoCEgByBAgDIABQAVoeY2F0ZWdvcmllRmlsdGVyVmVyaHV1ckNhdGVyaW5nYiBIb3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRDb3B5Mw==',
+            name: 'String',
+            nullable: true,
+          ),
+          'alleActiviteiten': debugSerializeParam(
+            alleActiviteiten,
+            ParamType.JSON,
+            isList: true,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+            searchReference:
+                'reference=QiEKGQoQYWxsZUFjdGl2aXRlaXRlbhIFdTN0cXRyBBICCAlQAVoQYWxsZUFjdGl2aXRlaXRlbmIgSG9yZWNhZ2VsZWdlbmhlZGVuT3ZlcnppY2h0Q29weTM=',
+            name: 'dynamic',
+            nullable: false,
+          ),
+          'alleCultuur': debugSerializeParam(
+            alleCultuur,
+            ParamType.JSON,
+            isList: true,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+            searchReference:
+                'reference=QhwKFAoLYWxsZUN1bHR1dXISBWltMWR5cgQSAggJUAFaC2FsbGVDdWx0dXVyYiBIb3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRDb3B5Mw==',
+            name: 'dynamic',
+            nullable: false,
+          ),
+          'alleEetgelegenheden': debugSerializeParam(
+            alleEetgelegenheden,
+            ParamType.JSON,
+            isList: true,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+            searchReference:
+                'reference=QiQKHAoTYWxsZUVldGdlbGVnZW5oZWRlbhIFZWEzd2pyBBICCAlQAVoTYWxsZUVldGdlbGVnZW5oZWRlbmIgSG9yZWNhZ2VsZWdlbmhlZGVuT3ZlcnppY2h0Q29weTM=',
+            name: 'dynamic',
+            nullable: false,
+          ),
+          'alleOvernachten': debugSerializeParam(
+            alleOvernachten,
+            ParamType.JSON,
+            isList: true,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+            searchReference:
+                'reference=QiAKGAoPYWxsZU92ZXJuYWNodGVuEgVtdnk1OXIEEgIICVABWg9hbGxlT3Zlcm5hY2h0ZW5iIEhvcmVjYWdlbGVnZW5oZWRlbk92ZXJ6aWNodENvcHkz',
+            name: 'dynamic',
+            nullable: false,
+          ),
+          'alleUitgaan': debugSerializeParam(
+            alleUitgaan,
+            ParamType.JSON,
+            isList: true,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+            searchReference:
+                'reference=QhwKFAoLYWxsZVVpdGdhYW4SBTN6NHFmcgQSAggJUAFaC2FsbGVVaXRnYWFuYiBIb3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRDb3B5Mw==',
+            name: 'dynamic',
+            nullable: false,
+          ),
+          'alleVerhuurCatering': debugSerializeParam(
+            alleVerhuurCatering,
+            ParamType.JSON,
+            isList: true,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+            searchReference:
+                'reference=QiQKHAoTYWxsZVZlcmh1dXJDYXRlcmluZxIFd2tlcWVyBBICCAlQAVoTYWxsZVZlcmh1dXJDYXRlcmluZ2IgSG9yZWNhZ2VsZWdlbmhlZGVuT3ZlcnppY2h0Q29weTM=',
+            name: 'dynamic',
+            nullable: false,
+          )
+        }.entries,
+        widgetStates: {
+          'textFieldText1': debugSerializeParam(
+            textController1?.text,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+            name: 'String',
+            nullable: true,
+          ),
+          'tabBarCurrentIndex': debugSerializeParam(
+            tabBarCurrentIndex,
+            ParamType.int,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+            name: 'int',
+            nullable: true,
+          ),
+          'tabBarPreviousIndex': debugSerializeParam(
+            tabBarPreviousIndex,
+            ParamType.int,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+            name: 'int',
+            nullable: true,
+          ),
+          'textFieldText2': debugSerializeParam(
+            textController2?.text,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+            name: 'String',
+            nullable: true,
+          ),
+          'textFieldText3': debugSerializeParam(
+            textController3?.text,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+            name: 'String',
+            nullable: true,
+          )
+        }.entries,
+        actionOutputs: {
+          'resultHorecaActiviteiten': debugSerializeParam(
+            resultHorecaActiviteiten,
+            ParamType.JSON,
+            isList: true,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+            name: 'dynamic',
+            nullable: true,
+          ),
+          'resultHorecaCultuur': debugSerializeParam(
+            resultHorecaCultuur,
+            ParamType.JSON,
+            isList: true,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+            name: 'dynamic',
+            nullable: true,
+          ),
+          'resultHorecaEetgelegenheden': debugSerializeParam(
+            resultHorecaEetgelegenheden,
+            ParamType.JSON,
+            isList: true,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+            name: 'dynamic',
+            nullable: true,
+          ),
+          'resultHorecaOvernachten': debugSerializeParam(
+            resultHorecaOvernachten,
+            ParamType.JSON,
+            isList: true,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+            name: 'dynamic',
+            nullable: true,
+          ),
+          'resultHorecaUitgaansgelegenheden': debugSerializeParam(
+            resultHorecaUitgaansgelegenheden,
+            ParamType.JSON,
+            isList: true,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+            name: 'dynamic',
+            nullable: true,
+          ),
+          'resultHorecaVerhuur': debugSerializeParam(
+            resultHorecaVerhuur,
+            ParamType.JSON,
+            isList: true,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+            name: 'dynamic',
+            nullable: true,
+          )
+        }.entries,
+        generatorVariables: debugGeneratorVariables.entries,
+        backendQueries: debugBackendQueries.entries,
+        componentStates: {
+          'headerButtonsComponentModel (HeaderButtonsComponent)':
+              headerButtonsComponentModel?.toWidgetClassDebugData(),
+          'drawerComponentModel (drawerComponent)':
+              drawerComponentModel?.toWidgetClassDebugData(),
+          ...widgetBuilderComponents.map(
+            (key, value) => MapEntry(
+              key,
+              value.toWidgetClassDebugData(),
+            ),
+          ),
+        }.withoutNulls.entries,
+        dynamicComponentStates: {
+          'horecagelegenheidoverzichtKaartModels1 (List<HorecagelegenheidoverzichtKaart>)':
+              DynamicWidgetClassDebugData(
+            componentStates: Map.fromIterables(
+              List.generate(horecagelegenheidoverzichtKaartModels1.length,
+                  (index) => '[$index]'),
+              horecagelegenheidoverzichtKaartModels1.values
+                  .map((e) => e.toWidgetClassDebugData()),
+            ).entries,
+          ),
+          'horecagelegenheidoverzichtKaartModels2 (List<HorecagelegenheidoverzichtKaart>)':
+              DynamicWidgetClassDebugData(
+            componentStates: Map.fromIterables(
+              List.generate(horecagelegenheidoverzichtKaartModels2.length,
+                  (index) => '[$index]'),
+              horecagelegenheidoverzichtKaartModels2.values
+                  .map((e) => e.toWidgetClassDebugData()),
+            ).entries,
+          ),
+          'horecagelegenheidoverzichtKaartModels3 (List<HorecagelegenheidoverzichtKaart>)':
+              DynamicWidgetClassDebugData(
+            componentStates: Map.fromIterables(
+              List.generate(horecagelegenheidoverzichtKaartModels3.length,
+                  (index) => '[$index]'),
+              horecagelegenheidoverzichtKaartModels3.values
+                  .map((e) => e.toWidgetClassDebugData()),
+            ).entries,
+          ),
+          'horecagelegenheidoverzichtKaartModels4 (List<HorecagelegenheidoverzichtKaart>)':
+              DynamicWidgetClassDebugData(
+            componentStates: Map.fromIterables(
+              List.generate(horecagelegenheidoverzichtKaartModels4.length,
+                  (index) => '[$index]'),
+              horecagelegenheidoverzichtKaartModels4.values
+                  .map((e) => e.toWidgetClassDebugData()),
+            ).entries,
+          ),
+          'horecagelegenheidoverzichtKaartModels5 (List<HorecagelegenheidoverzichtKaart>)':
+              DynamicWidgetClassDebugData(
+            componentStates: Map.fromIterables(
+              List.generate(horecagelegenheidoverzichtKaartModels5.length,
+                  (index) => '[$index]'),
+              horecagelegenheidoverzichtKaartModels5.values
+                  .map((e) => e.toWidgetClassDebugData()),
+            ).entries,
+          ),
+          'horecagelegenheidoverzichtKaartModels6 (List<HorecagelegenheidoverzichtKaart>)':
+              DynamicWidgetClassDebugData(
+            componentStates: Map.fromIterables(
+              List.generate(horecagelegenheidoverzichtKaartModels6.length,
+                  (index) => '[$index]'),
+              horecagelegenheidoverzichtKaartModels6.values
+                  .map((e) => e.toWidgetClassDebugData()),
+            ).entries,
+          ),
+        }.withoutNulls.entries,
+        link:
+            'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd/tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+        searchReference:
+            'reference=OiBIb3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRDb3B5M1ABWiBIb3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRDb3B5Mw==',
+        widgetClassName: 'HorecagelegenhedenOverzichtCopy3',
+      );
+}

lib/horecagelegenhedenoverzicht/horecagelegenheden_overzicht_copy3/horecagelegenheden_overzicht_copy3_widget.dart

@@ -0,0 +1,2093 @@
+import '/backend/api_requests/api_calls.dart';
+import '/components/header_buttons_component_widget.dart';
+import '/flutter_flow/flutter_flow_theme.dart';
+import '/flutter_flow/flutter_flow_util.dart';
+import '/flutter_flow/flutter_flow_widgets.dart';
+import '/horecagelegenhedenoverzicht/horecagelegenheidoverzicht_kaart/horecagelegenheidoverzicht_kaart_widget.dart';
+import '/shared/drawer_component/drawer_component_widget.dart';
+import 'dart:ui';
+import '/custom_code/actions/index.dart' as actions;
+import '/flutter_flow/custom_functions.dart' as functions;
+import '/index.dart';
+import 'package:easy_debounce/easy_debounce.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/scheduler.dart';
+import 'package:flutter_spinkit/flutter_spinkit.dart';
+import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart';
+import 'package:google_fonts/google_fonts.dart';
+import 'package:provider/provider.dart';
+import 'horecagelegenheden_overzicht_copy3_model.dart';
+export 'horecagelegenheden_overzicht_copy3_model.dart';
+
+class HorecagelegenhedenOverzichtCopy3Widget extends StatefulWidget {
+  const HorecagelegenhedenOverzichtCopy3Widget({
+    super.key,
+    required this.plaats,
+  });
+
+  final String? plaats;
+
+  static String routeName = 'HorecagelegenhedenOverzichtCopy3';
+  static String routePath = '/horecagelegenhedenOverzichtCopy3';
+
+  @override
+  State<HorecagelegenhedenOverzichtCopy3Widget> createState() =>
+      _HorecagelegenhedenOverzichtCopy3WidgetState();
+}
+
+class _HorecagelegenhedenOverzichtCopy3WidgetState
+    extends State<HorecagelegenhedenOverzichtCopy3Widget>
+    with TickerProviderStateMixin, RouteAware {
+  late HorecagelegenhedenOverzichtCopy3Model _model;
+
+  final scaffoldKey = GlobalKey<ScaffoldState>();
+
+  @override
+  void initState() {
+    super.initState();
+    _model =
+        createModel(context, () => HorecagelegenhedenOverzichtCopy3Model());
+
+    // On page load action.
+    SchedulerBinding.instance.addPostFrameCallback((_) async {
+      _model.resultHorecaActiviteiten =
+          await actions.fetchAlleHorecagelegenheden(
+        '17969',
+        widget!.plaats!,
+        'services_1',
+      );
+      _model.alleActiviteiten =
+          _model.resultHorecaActiviteiten!.toList().cast<dynamic>();
+      safeSetState(() {});
+    });
+
+    _model.textController1 ??= TextEditingController()
+      ..addListener(() {
+        debugLogWidgetClass(_model);
+      });
+    _model.textFieldFocusNode1 ??= FocusNode();
+
+    _model.tabBarController = TabController(
+      vsync: this,
+      length: 6,
+      initialIndex: 0,
+    )
+      ..addListener(() => safeSetState(() {}))
+      ..addListener(() {
+        debugLogWidgetClass(_model);
+      });
+
+    _model.textController2 ??= TextEditingController()
+      ..addListener(() {
+        debugLogWidgetClass(_model);
+      });
+    _model.textFieldFocusNode2 ??= FocusNode();
+
+    _model.textController3 ??= TextEditingController()
+      ..addListener(() {
+        debugLogWidgetClass(_model);
+      });
+    _model.textFieldFocusNode3 ??= FocusNode();
+  }
+
+  @override
+  void dispose() {
+    routeObserver.unsubscribe(this);
+
+    _model.dispose();
+
+    super.dispose();
+  }
+
+  @override
+  void didUpdateWidget(HorecagelegenhedenOverzichtCopy3Widget oldWidget) {
+    super.didUpdateWidget(oldWidget);
+    _model.widget = widget;
+  }
+
+  @override
+  void didChangeDependencies() {
+    super.didChangeDependencies();
+    final route = DebugModalRoute.of(context);
+    if (route != null) {
+      routeObserver.subscribe(this, route);
+    }
+    debugLogGlobalProperty(context);
+  }
+
+  @override
+  void didPopNext() {
+    if (mounted && DebugFlutterFlowModelContext.maybeOf(context) == null) {
+      setState(() => _model.isRouteVisible = true);
+      debugLogWidgetClass(_model);
+    }
+  }
+
+  @override
+  void didPush() {
+    if (mounted && DebugFlutterFlowModelContext.maybeOf(context) == null) {
+      setState(() => _model.isRouteVisible = true);
+      debugLogWidgetClass(_model);
+    }
+  }
+
+  @override
+  void didPop() {
+    _model.isRouteVisible = false;
+  }
+
+  @override
+  void didPushNext() {
+    _model.isRouteVisible = false;
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    DebugFlutterFlowModelContext.maybeOf(context)
+        ?.parentModelCallback
+        ?.call(_model);
+    context.watch<FFAppState>();
+    _model.horecagelegenheidoverzichtKaartModels1.clear();
+    _model.horecagelegenheidoverzichtKaartModels2.clear();
+    _model.horecagelegenheidoverzichtKaartModels3.clear();
+    _model.horecagelegenheidoverzichtKaartModels4.clear();
+    _model.horecagelegenheidoverzichtKaartModels5.clear();
+    _model.horecagelegenheidoverzichtKaartModels6.clear();
+
+    return GestureDetector(
+      onTap: () {
+        FocusScope.of(context).unfocus();
+        FocusManager.instance.primaryFocus?.unfocus();
+      },
+      child: Scaffold(
+        key: scaffoldKey,
+        backgroundColor: FlutterFlowTheme.of(context).primaryBackground,
+        drawer: Drawer(
+          elevation: 16.0,
+          child: wrapWithModel(
+            model: _model.drawerComponentModel,
+            updateCallback: () => safeSetState(() {}),
+            child: Builder(builder: (_) {
+              return DebugFlutterFlowModelContext(
+                rootModel: _model.rootModel,
+                child: DrawerComponentWidget(),
+              );
+            }),
+          ),
+        ),
+        appBar: PreferredSize(
+          preferredSize: Size.fromHeight(80.0),
+          child: AppBar(
+            backgroundColor: FlutterFlowTheme.of(context).info,
+            iconTheme:
+                IconThemeData(color: FlutterFlowTheme.of(context).secondary),
+            automaticallyImplyLeading: false,
+            actions: [],
+            flexibleSpace: FlexibleSpaceBar(
+              background: wrapWithModel(
+                model: _model.headerButtonsComponentModel,
+                updateCallback: () => safeSetState(() {}),
+                child: Builder(builder: (_) {
+                  return DebugFlutterFlowModelContext(
+                    rootModel: _model.rootModel,
+                    child: HeaderButtonsComponentWidget(),
+                  );
+                }),
+              ),
+              centerTitle: true,
+              expandedTitleScale: 1.0,
+            ),
+            bottom: PreferredSize(
+              preferredSize: Size.fromHeight(70.0),
+              child: Container(),
+            ),
+            toolbarHeight: MediaQuery.sizeOf(context).height * 0.25,
+            elevation: 2.0,
+          ),
+        ),
+        body: SafeArea(
+          top: true,
+          child: Column(
+            mainAxisSize: MainAxisSize.max,
+            children: [
+              Container(
+                width: 200.0,
+                child: TextFormField(
+                  controller: _model.textController1,
+                  focusNode: _model.textFieldFocusNode1,
+                  onChanged: (_) => EasyDebounce.debounce(
+                    '_model.textController1',
+                    Duration(milliseconds: 2000),
+                    () async {
+                      _model.zoektermActiviteiten = _model.textController1.text;
+                      safeSetState(() {});
+                    },
+                  ),
+                  autofocus: false,
+                  enabled: true,
+                  obscureText: false,
+                  decoration: InputDecoration(
+                    isDense: true,
+                    labelStyle:
+                        FlutterFlowTheme.of(context).labelMedium.override(
+                              font: GoogleFonts.roboto(
+                                fontWeight: FlutterFlowTheme.of(context)
+                                    .labelMedium
+                                    .fontWeight,
+                                fontStyle: FlutterFlowTheme.of(context)
+                                    .labelMedium
+                                    .fontStyle,
+                              ),
+                              letterSpacing: 0.0,
+                              fontWeight: FlutterFlowTheme.of(context)
+                                  .labelMedium
+                                  .fontWeight,
+                              fontStyle: FlutterFlowTheme.of(context)
+                                  .labelMedium
+                                  .fontStyle,
+                            ),
+                    hintText: FFLocalizations.of(context).getText(
+                      'qqb1howd' /* TextField */,
+                    ),
+                    hintStyle:
+                        FlutterFlowTheme.of(context).labelMedium.override(
+                              font: GoogleFonts.roboto(
+                                fontWeight: FlutterFlowTheme.of(context)
+                                    .labelMedium
+                                    .fontWeight,
+                                fontStyle: FlutterFlowTheme.of(context)
+                                    .labelMedium
+                                    .fontStyle,
+                              ),
+                              letterSpacing: 0.0,
+                              fontWeight: FlutterFlowTheme.of(context)
+                                  .labelMedium
+                                  .fontWeight,
+                              fontStyle: FlutterFlowTheme.of(context)
+                                  .labelMedium
+                                  .fontStyle,
+                            ),
+                    enabledBorder: OutlineInputBorder(
+                      borderSide: BorderSide(
+                        color: Color(0x00000000),
+                        width: 1.0,
+                      ),
+                      borderRadius: BorderRadius.circular(8.0),
+                    ),
+                    focusedBorder: OutlineInputBorder(
+                      borderSide: BorderSide(
+                        color: Color(0x00000000),
+                        width: 1.0,
+                      ),
+                      borderRadius: BorderRadius.circular(8.0),
+                    ),
+                    errorBorder: OutlineInputBorder(
+                      borderSide: BorderSide(
+                        color: FlutterFlowTheme.of(context).error,
+                        width: 1.0,
+                      ),
+                      borderRadius: BorderRadius.circular(8.0),
+                    ),
+                    focusedErrorBorder: OutlineInputBorder(
+                      borderSide: BorderSide(
+                        color: FlutterFlowTheme.of(context).error,
+                        width: 1.0,
+                      ),
+                      borderRadius: BorderRadius.circular(8.0),
+                    ),
+                    filled: true,
+                    fillColor: FlutterFlowTheme.of(context).secondaryBackground,
+                  ),
+                  style: FlutterFlowTheme.of(context).bodyMedium.override(
+                        font: GoogleFonts.roboto(
+                          fontWeight: FlutterFlowTheme.of(context)
+                              .bodyMedium
+                              .fontWeight,
+                          fontStyle:
+                              FlutterFlowTheme.of(context).bodyMedium.fontStyle,
+                        ),
+                        letterSpacing: 0.0,
+                        fontWeight:
+                            FlutterFlowTheme.of(context).bodyMedium.fontWeight,
+                        fontStyle:
+                            FlutterFlowTheme.of(context).bodyMedium.fontStyle,
+                      ),
+                  cursorColor: FlutterFlowTheme.of(context).primaryText,
+                  enableInteractiveSelection: true,
+                  validator:
+                      _model.textController1Validator.asValidator(context),
+                ),
+              ),
+              Expanded(
+                child: Container(
+                  decoration: BoxDecoration(
+                    boxShadow: [
+                      BoxShadow(
+                        blurRadius: 4.0,
+                        color: Color(0x33000000),
+                        offset: Offset(
+                          0.0,
+                          2.0,
+                        ),
+                      )
+                    ],
+                  ),
+                  child: Column(
+                    children: [
+                      Align(
+                        alignment: Alignment(-1.0, 0),
+                        child: TabBar(
+                          isScrollable: true,
+                          tabAlignment: TabAlignment.start,
+                          labelColor: FlutterFlowTheme.of(context).primaryText,
+                          unselectedLabelColor:
+                              FlutterFlowTheme.of(context).secondaryText,
+                          labelStyle:
+                              FlutterFlowTheme.of(context).titleMedium.override(
+                                    font: GoogleFonts.roboto(
+                                      fontWeight: FlutterFlowTheme.of(context)
+                                          .titleMedium
+                                          .fontWeight,
+                                      fontStyle: FlutterFlowTheme.of(context)
+                                          .titleMedium
+                                          .fontStyle,
+                                    ),
+                                    letterSpacing: 0.0,
+                                    fontWeight: FlutterFlowTheme.of(context)
+                                        .titleMedium
+                                        .fontWeight,
+                                    fontStyle: FlutterFlowTheme.of(context)
+                                        .titleMedium
+                                        .fontStyle,
+                                  ),
+                          unselectedLabelStyle:
+                              FlutterFlowTheme.of(context).titleMedium.override(
+                                    font: GoogleFonts.roboto(
+                                      fontWeight: FlutterFlowTheme.of(context)
+                                          .titleMedium
+                                          .fontWeight,
+                                      fontStyle: FlutterFlowTheme.of(context)
+                                          .titleMedium
+                                          .fontStyle,
+                                    ),
+                                    letterSpacing: 0.0,
+                                    fontWeight: FlutterFlowTheme.of(context)
+                                        .titleMedium
+                                        .fontWeight,
+                                    fontStyle: FlutterFlowTheme.of(context)
+                                        .titleMedium
+                                        .fontStyle,
+                                  ),
+                          indicatorColor:
+                              FlutterFlowTheme.of(context).secondary,
+                          tabs: [
+                            Tab(
+                              text: FFLocalizations.of(context).getText(
+                                '8gwyy71q' /* Activiteiten */,
+                              ),
+                            ),
+                            Tab(
+                              text: FFLocalizations.of(context).getText(
+                                'b8oov17m' /* Cultuur */,
+                              ),
+                            ),
+                            Tab(
+                              text: FFLocalizations.of(context).getText(
+                                'hnnqfnhk' /* Eetgelegenheden */,
+                              ),
+                            ),
+                            Tab(
+                              text: FFLocalizations.of(context).getText(
+                                'ykjsgvsf' /* Overnachten */,
+                              ),
+                            ),
+                            Tab(
+                              text: FFLocalizations.of(context).getText(
+                                'waxjo567' /* Uitgaan */,
+                              ),
+                            ),
+                            Tab(
+                              text: FFLocalizations.of(context).getText(
+                                'er4hrrph' /* Verhuur, catering */,
+                              ),
+                            ),
+                          ],
+                          controller: _model.tabBarController,
+                          onTap: (i) async {
+                            [
+                              () async {},
+                              () async {
+                                _model.tabCultuurGeladen = true;
+                                safeSetState(() {});
+                                _model.resultHorecaCultuur =
+                                    await actions.fetchAlleHorecagelegenheden(
+                                  '17963',
+                                  widget!.plaats!,
+                                  'services_1',
+                                );
+                                _model.alleCultuur = _model.resultHorecaCultuur!
+                                    .toList()
+                                    .cast<dynamic>();
+                                safeSetState(() {});
+
+                                safeSetState(() {});
+                              },
+                              () async {
+                                _model.tabEetgelegenhedenGeladen = true;
+                                safeSetState(() {});
+                                _model.resultHorecaEetgelegenheden =
+                                    await actions.fetchAlleHorecagelegenheden(
+                                  '34',
+                                  widget!.plaats!,
+                                  'services_1',
+                                );
+                                _model.alleEetgelegenheden = _model
+                                    .resultHorecaEetgelegenheden!
+                                    .toList()
+                                    .cast<dynamic>();
+                                safeSetState(() {});
+
+                                safeSetState(() {});
+                              },
+                              () async {
+                                _model.tabOvernachtenGeladen = true;
+                                safeSetState(() {});
+                                _model.resultHorecaOvernachten =
+                                    await actions.fetchAlleHorecagelegenheden(
+                                  '17965',
+                                  widget!.plaats!,
+                                  'services_1',
+                                );
+                                _model.alleOvernachten = _model
+                                    .resultHorecaOvernachten!
+                                    .toList()
+                                    .cast<dynamic>();
+                                safeSetState(() {});
+
+                                safeSetState(() {});
+                              },
+                              () async {
+                                _model.tabUitgaanGeladen = true;
+                                safeSetState(() {});
+                                _model.resultHorecaUitgaansgelegenheden =
+                                    await actions.fetchAlleHorecagelegenheden(
+                                  '17967',
+                                  widget!.plaats!,
+                                  'services_1',
+                                );
+                                _model.alleUitgaan = _model
+                                    .resultHorecaUitgaansgelegenheden!
+                                    .toList()
+                                    .cast<dynamic>();
+                                safeSetState(() {});
+
+                                safeSetState(() {});
+                              },
+                              () async {
+                                _model.tabVerhuurcateringGeladen = true;
+                                safeSetState(() {});
+                                _model.resultHorecaVerhuur =
+                                    await actions.fetchAlleHorecagelegenheden(
+                                  '17968',
+                                  widget!.plaats!,
+                                  'services_1',
+                                );
+                                _model.alleVerhuurCatering = _model
+                                    .resultHorecaVerhuur!
+                                    .toList()
+                                    .cast<dynamic>();
+                                safeSetState(() {});
+
+                                safeSetState(() {});
+                              }
+                            ][i]();
+                          },
+                        ),
+                      ),
+                      Expanded(
+                        child: TabBarView(
+                          controller: _model.tabBarController,
+                          children: [
+                            Column(
+                              mainAxisSize: MainAxisSize.max,
+                              children: [
+                                Container(
+                                  width: 200.0,
+                                  child: TextFormField(
+                                    controller: _model.textController2,
+                                    focusNode: _model.textFieldFocusNode2,
+                                    autofocus: false,
+                                    enabled: true,
+                                    obscureText: false,
+                                    decoration: InputDecoration(
+                                      isDense: true,
+                                      labelStyle: FlutterFlowTheme.of(context)
+                                          .labelMedium
+                                          .override(
+                                            font: GoogleFonts.roboto(
+                                              fontWeight:
+                                                  FlutterFlowTheme.of(context)
+                                                      .labelMedium
+                                                      .fontWeight,
+                                              fontStyle:
+                                                  FlutterFlowTheme.of(context)
+                                                      .labelMedium
+                                                      .fontStyle,
+                                            ),
+                                            letterSpacing: 0.0,
+                                            fontWeight:
+                                                FlutterFlowTheme.of(context)
+                                                    .labelMedium
+                                                    .fontWeight,
+                                            fontStyle:
+                                                FlutterFlowTheme.of(context)
+                                                    .labelMedium
+                                                    .fontStyle,
+                                          ),
+                                      hintText:
+                                          FFLocalizations.of(context).getText(
+                                        'bm5n3dfq' /* TextField */,
+                                      ),
+                                      hintStyle: FlutterFlowTheme.of(context)
+                                          .labelMedium
+                                          .override(
+                                            font: GoogleFonts.roboto(
+                                              fontWeight:
+                                                  FlutterFlowTheme.of(context)
+                                                      .labelMedium
+                                                      .fontWeight,
+                                              fontStyle:
+                                                  FlutterFlowTheme.of(context)
+                                                      .labelMedium
+                                                      .fontStyle,
+                                            ),
+                                            letterSpacing: 0.0,
+                                            fontWeight:
+                                                FlutterFlowTheme.of(context)
+                                                    .labelMedium
+                                                    .fontWeight,
+                                            fontStyle:
+                                                FlutterFlowTheme.of(context)
+                                                    .labelMedium
+                                                    .fontStyle,
+                                          ),
+                                      enabledBorder: OutlineInputBorder(
+                                        borderSide: BorderSide(
+                                          color: Color(0x00000000),
+                                          width: 1.0,
+                                        ),
+                                        borderRadius:
+                                            BorderRadius.circular(8.0),
+                                      ),
+                                      focusedBorder: OutlineInputBorder(
+                                        borderSide: BorderSide(
+                                          color: Color(0x00000000),
+                                          width: 1.0,
+                                        ),
+                                        borderRadius:
+                                            BorderRadius.circular(8.0),
+                                      ),
+                                      errorBorder: OutlineInputBorder(
+                                        borderSide: BorderSide(
+                                          color: FlutterFlowTheme.of(context)
+                                              .error,
+                                          width: 1.0,
+                                        ),
+                                        borderRadius:
+                                            BorderRadius.circular(8.0),
+                                      ),
+                                      focusedErrorBorder: OutlineInputBorder(
+                                        borderSide: BorderSide(
+                                          color: FlutterFlowTheme.of(context)
+                                              .error,
+                                          width: 1.0,
+                                        ),
+                                        borderRadius:
+                                            BorderRadius.circular(8.0),
+                                      ),
+                                      filled: true,
+                                      fillColor: FlutterFlowTheme.of(context)
+                                          .secondaryBackground,
+                                    ),
+                                    style: FlutterFlowTheme.of(context)
+                                        .bodyMedium
+                                        .override(
+                                          font: GoogleFonts.roboto(
+                                            fontWeight:
+                                                FlutterFlowTheme.of(context)
+                                                    .bodyMedium
+                                                    .fontWeight,
+                                            fontStyle:
+                                                FlutterFlowTheme.of(context)
+                                                    .bodyMedium
+                                                    .fontStyle,
+                                          ),
+                                          letterSpacing: 0.0,
+                                          fontWeight:
+                                              FlutterFlowTheme.of(context)
+                                                  .bodyMedium
+                                                  .fontWeight,
+                                          fontStyle:
+                                              FlutterFlowTheme.of(context)
+                                                  .bodyMedium
+                                                  .fontStyle,
+                                        ),
+                                    cursorColor: FlutterFlowTheme.of(context)
+                                        .primaryText,
+                                    enableInteractiveSelection: true,
+                                    validator: _model.textController2Validator
+                                        .asValidator(context),
+                                  ),
+                                ),
+                                Expanded(
+                                  child: FutureBuilder<ApiCallResponse>(
+                                    future: HorecagelegenheidoverzichtCall.call(
+                                      horcat: '17969',
+                                      townid: widget!.plaats,
+                                    ),
+                                    builder: (context, snapshot) {
+                                      // Customize what your widget looks like when it's loading.
+                                      if (!snapshot.hasData) {
+                                        return Center(
+                                          child: SizedBox(
+                                            width: 80.0,
+                                            height: 80.0,
+                                            child: SpinKitFadingCircle(
+                                              color:
+                                                  FlutterFlowTheme.of(context)
+                                                      .primary,
+                                              size: 80.0,
+                                            ),
+                                          ),
+                                        );
+                                      }
+                                      final staggeredViewHorecagelegenheidoverzichtResponse =
+                                          snapshot.data!;
+                                      _model.debugBackendQueries[
+                                              'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_62ar22xa'] =
+                                          debugSerializeParam(
+                                        staggeredViewHorecagelegenheidoverzichtResponse
+                                            .statusCode,
+                                        ParamType.int,
+                                        link:
+                                            'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+                                        name: 'int',
+                                        nullable: false,
+                                      );
+                                      _model.debugBackendQueries[
+                                              'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_62ar22xa'] =
+                                          debugSerializeParam(
+                                        staggeredViewHorecagelegenheidoverzichtResponse
+                                            .bodyText,
+                                        ParamType.String,
+                                        link:
+                                            'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+                                        name: 'String',
+                                        nullable: false,
+                                      );
+                                      debugLogWidgetClass(_model);
+
+                                      return Builder(
+                                        builder: (context) {
+                                          final horecagelegenheden = functions
+                                              .filterHorecagelegenheden(
+                                                  _model.alleActiviteiten
+                                                      .toList(),
+                                                  _model.textController1.text,
+                                                  _model
+                                                      .categorieFilterActiviteiten,
+                                                  '\$.titel',
+                                                  '\$.categorie')
+                                              .toList()
+                                              .take(25)
+                                              .toList();
+                                          _model.debugGeneratorVariables[
+                                                  'horecagelegenheden${horecagelegenheden.length > 100 ? ' (first 100)' : ''}'] =
+                                              debugSerializeParam(
+                                            horecagelegenheden.take(100),
+                                            ParamType.JSON,
+                                            isList: true,
+                                            link:
+                                                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+                                            name: 'dynamic',
+                                            nullable: false,
+                                          );
+                                          debugLogWidgetClass(_model);
+
+                                          return MasonryGridView.builder(
+                                            gridDelegate:
+                                                SliverSimpleGridDelegateWithFixedCrossAxisCount(
+                                              crossAxisCount: () {
+                                                if (MediaQuery.sizeOf(context)
+                                                        .width <
+                                                    kBreakpointSmall) {
+                                                  return 1;
+                                                } else if (MediaQuery.sizeOf(
+                                                            context)
+                                                        .width <
+                                                    kBreakpointMedium) {
+                                                  return 1;
+                                                } else if (MediaQuery.sizeOf(
+                                                            context)
+                                                        .width <
+                                                    kBreakpointLarge) {
+                                                  return 2;
+                                                } else {
+                                                  return 3;
+                                                }
+                                              }(),
+                                            ),
+                                            crossAxisSpacing: 12.0,
+                                            mainAxisSpacing: 12.0,
+                                            itemCount:
+                                                horecagelegenheden.length,
+                                            itemBuilder: (context,
+                                                horecagelegenhedenIndex) {
+                                              final horecagelegenhedenItem =
+                                                  horecagelegenheden[
+                                                      horecagelegenhedenIndex];
+                                              return Container(
+                                                width: 600.0,
+                                                height: 225.0,
+                                                decoration: BoxDecoration(
+                                                  color: FlutterFlowTheme.of(
+                                                          context)
+                                                      .secondaryBackground,
+                                                ),
+                                                child: InkWell(
+                                                  splashColor:
+                                                      Colors.transparent,
+                                                  focusColor:
+                                                      Colors.transparent,
+                                                  hoverColor:
+                                                      Colors.transparent,
+                                                  highlightColor:
+                                                      Colors.transparent,
+                                                  onTap: () async {
+                                                    context.pushNamed(
+                                                      HorecagelegenheidCurrentWidget
+                                                          .routeName,
+                                                      queryParameters: {
+                                                        'nid': serializeParam(
+                                                          getJsonField(
+                                                            horecagelegenhedenItem,
+                                                            r'''$.nid''',
+                                                          ).toString(),
+                                                          ParamType.String,
+                                                        ),
+                                                      }.withoutNulls,
+                                                    );
+                                                  },
+                                                  child: Builder(builder: (_) {
+                                                    return DebugFlutterFlowModelContext(
+                                                      rootModel:
+                                                          _model.rootModel,
+                                                      parentModelCallback: (m) {
+                                                        _model.horecagelegenheidoverzichtKaartModels1[
+                                                            'Keyso1_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
+                                                      },
+                                                      child:
+                                                          HorecagelegenheidoverzichtKaartWidget(
+                                                        key: Key(
+                                                            'Keyso1_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'),
+                                                        titel: getJsonField(
+                                                          horecagelegenhedenItem,
+                                                          r'''$.titel''',
+                                                        ).toString(),
+                                                        logo: getJsonField(
+                                                          horecagelegenhedenItem,
+                                                          r'''$.logo''',
+                                                        ).toString(),
+                                                        nid: getJsonField(
+                                                          horecagelegenhedenItem,
+                                                          r'''$.nid''',
+                                                        ).toString(),
+                                                        adres: getJsonField(
+                                                          horecagelegenhedenItem,
+                                                          r'''$.adres''',
+                                                        ).toString(),
+                                                        plaats: getJsonField(
+                                                          horecagelegenhedenItem,
+                                                          r'''$.plaats''',
+                                                        ).toString(),
+                                                        categorie:
+                                                            (getJsonField(
+                                                          horecagelegenhedenItem,
+                                                          r'''$.categorie''',
+                                                          true,
+                                                        ) as List?)
+                                                                ?.map<String>(
+                                                                    (e) => e
+                                                                        .toString())
+                                                                .toList()
+                                                                .cast<String>(),
+                                                      ),
+                                                    );
+                                                  }),
+                                                ),
+                                              );
+                                            },
+                                          );
+                                        },
+                                      );
+                                    },
+                                  ),
+                                ),
+                              ],
+                            ),
+                            Column(
+                              mainAxisSize: MainAxisSize.max,
+                              children: [
+                                Expanded(
+                                  child: FutureBuilder<ApiCallResponse>(
+                                    future: HorecagelegenheidoverzichtCall.call(
+                                      horcat: '17963',
+                                      townid: widget!.plaats,
+                                    ),
+                                    builder: (context, snapshot) {
+                                      // Customize what your widget looks like when it's loading.
+                                      if (!snapshot.hasData) {
+                                        return Center(
+                                          child: SizedBox(
+                                            width: 80.0,
+                                            height: 80.0,
+                                            child: SpinKitFadingCircle(
+                                              color:
+                                                  FlutterFlowTheme.of(context)
+                                                      .primary,
+                                              size: 80.0,
+                                            ),
+                                          ),
+                                        );
+                                      }
+                                      final staggeredViewHorecagelegenheidoverzichtResponse =
+                                          snapshot.data!;
+                                      _model.debugBackendQueries[
+                                              'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_4wdvafrs'] =
+                                          debugSerializeParam(
+                                        staggeredViewHorecagelegenheidoverzichtResponse
+                                            .statusCode,
+                                        ParamType.int,
+                                        link:
+                                            'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+                                        name: 'int',
+                                        nullable: false,
+                                      );
+                                      _model.debugBackendQueries[
+                                              'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_4wdvafrs'] =
+                                          debugSerializeParam(
+                                        staggeredViewHorecagelegenheidoverzichtResponse
+                                            .bodyText,
+                                        ParamType.String,
+                                        link:
+                                            'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+                                        name: 'String',
+                                        nullable: false,
+                                      );
+                                      debugLogWidgetClass(_model);
+
+                                      return Builder(
+                                        builder: (context) {
+                                          final horecagelegenhedenCultuur =
+                                              functions
+                                                  .filterHorecagelegenheden(
+                                                      _model.alleCultuur
+                                                          .toList(),
+                                                      _model
+                                                          .textController1.text,
+                                                      _model
+                                                          .categorieFilterActiviteiten,
+                                                      '\$.titel',
+                                                      '\$categorie')
+                                                  .toList()
+                                                  .take(25)
+                                                  .toList();
+                                          _model.debugGeneratorVariables[
+                                                  'horecagelegenhedenCultuur${horecagelegenhedenCultuur.length > 100 ? ' (first 100)' : ''}'] =
+                                              debugSerializeParam(
+                                            horecagelegenhedenCultuur.take(100),
+                                            ParamType.JSON,
+                                            isList: true,
+                                            link:
+                                                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+                                            name: 'dynamic',
+                                            nullable: false,
+                                          );
+                                          debugLogWidgetClass(_model);
+
+                                          return MasonryGridView.builder(
+                                            gridDelegate:
+                                                SliverSimpleGridDelegateWithFixedCrossAxisCount(
+                                              crossAxisCount: 2,
+                                            ),
+                                            crossAxisSpacing: 10.0,
+                                            mainAxisSpacing: 10.0,
+                                            itemCount: horecagelegenhedenCultuur
+                                                .length,
+                                            itemBuilder: (context,
+                                                horecagelegenhedenCultuurIndex) {
+                                              final horecagelegenhedenCultuurItem =
+                                                  horecagelegenhedenCultuur[
+                                                      horecagelegenhedenCultuurIndex];
+                                              return Container(
+                                                width: 100.0,
+                                                height: 100.0,
+                                                decoration: BoxDecoration(
+                                                  color: FlutterFlowTheme.of(
+                                                          context)
+                                                      .secondaryBackground,
+                                                ),
+                                                child: InkWell(
+                                                  splashColor:
+                                                      Colors.transparent,
+                                                  focusColor:
+                                                      Colors.transparent,
+                                                  hoverColor:
+                                                      Colors.transparent,
+                                                  highlightColor:
+                                                      Colors.transparent,
+                                                  onTap: () async {
+                                                    context.pushNamed(
+                                                      HorecagelegenheidCurrentWidget
+                                                          .routeName,
+                                                      queryParameters: {
+                                                        'nid': serializeParam(
+                                                          getJsonField(
+                                                            horecagelegenhedenCultuurItem,
+                                                            r'''$.nid''',
+                                                          ).toString(),
+                                                          ParamType.String,
+                                                        ),
+                                                      }.withoutNulls,
+                                                    );
+                                                  },
+                                                  child: Builder(builder: (_) {
+                                                    return DebugFlutterFlowModelContext(
+                                                      rootModel:
+                                                          _model.rootModel,
+                                                      parentModelCallback: (m) {
+                                                        _model.horecagelegenheidoverzichtKaartModels2[
+                                                            'Keyvgj_${horecagelegenhedenCultuurIndex}_of_${horecagelegenhedenCultuur.length}'] = m;
+                                                      },
+                                                      child:
+                                                          HorecagelegenheidoverzichtKaartWidget(
+                                                        key: Key(
+                                                            'Keyvgj_${horecagelegenhedenCultuurIndex}_of_${horecagelegenhedenCultuur.length}'),
+                                                        titel: getJsonField(
+                                                          horecagelegenhedenCultuurItem,
+                                                          r'''$.titel''',
+                                                        ).toString(),
+                                                        logo: getJsonField(
+                                                          horecagelegenhedenCultuurItem,
+                                                          r'''$.logo''',
+                                                        ).toString(),
+                                                        nid: getJsonField(
+                                                          horecagelegenhedenCultuurItem,
+                                                          r'''$.nid''',
+                                                        ).toString(),
+                                                        adres: getJsonField(
+                                                          horecagelegenhedenCultuurItem,
+                                                          r'''$.adres''',
+                                                        ).toString(),
+                                                        plaats: getJsonField(
+                                                          horecagelegenhedenCultuurItem,
+                                                          r'''$.plaats''',
+                                                        ).toString(),
+                                                        categorie:
+                                                            (getJsonField(
+                                                          horecagelegenhedenCultuurItem,
+                                                          r'''$.categorie''',
+                                                          true,
+                                                        ) as List?)
+                                                                ?.map<String>(
+                                                                    (e) => e
+                                                                        .toString())
+                                                                .toList()
+                                                                .cast<String>(),
+                                                      ),
+                                                    );
+                                                  }),
+                                                ),
+                                              );
+                                            },
+                                          );
+                                        },
+                                      );
+                                    },
+                                  ),
+                                ),
+                                Container(
+                                  width: 200.0,
+                                  child: TextFormField(
+                                    controller: _model.textController3,
+                                    focusNode: _model.textFieldFocusNode3,
+                                    autofocus: false,
+                                    enabled: true,
+                                    obscureText: false,
+                                    decoration: InputDecoration(
+                                      isDense: true,
+                                      labelStyle: FlutterFlowTheme.of(context)
+                                          .labelMedium
+                                          .override(
+                                            font: GoogleFonts.roboto(
+                                              fontWeight:
+                                                  FlutterFlowTheme.of(context)
+                                                      .labelMedium
+                                                      .fontWeight,
+                                              fontStyle:
+                                                  FlutterFlowTheme.of(context)
+                                                      .labelMedium
+                                                      .fontStyle,
+                                            ),
+                                            letterSpacing: 0.0,
+                                            fontWeight:
+                                                FlutterFlowTheme.of(context)
+                                                    .labelMedium
+                                                    .fontWeight,
+                                            fontStyle:
+                                                FlutterFlowTheme.of(context)
+                                                    .labelMedium
+                                                    .fontStyle,
+                                          ),
+                                      hintText:
+                                          FFLocalizations.of(context).getText(
+                                        'ca4yuet3' /* TextField */,
+                                      ),
+                                      hintStyle: FlutterFlowTheme.of(context)
+                                          .labelMedium
+                                          .override(
+                                            font: GoogleFonts.roboto(
+                                              fontWeight:
+                                                  FlutterFlowTheme.of(context)
+                                                      .labelMedium
+                                                      .fontWeight,
+                                              fontStyle:
+                                                  FlutterFlowTheme.of(context)
+                                                      .labelMedium
+                                                      .fontStyle,
+                                            ),
+                                            letterSpacing: 0.0,
+                                            fontWeight:
+                                                FlutterFlowTheme.of(context)
+                                                    .labelMedium
+                                                    .fontWeight,
+                                            fontStyle:
+                                                FlutterFlowTheme.of(context)
+                                                    .labelMedium
+                                                    .fontStyle,
+                                          ),
+                                      enabledBorder: OutlineInputBorder(
+                                        borderSide: BorderSide(
+                                          color: Color(0x00000000),
+                                          width: 1.0,
+                                        ),
+                                        borderRadius:
+                                            BorderRadius.circular(8.0),
+                                      ),
+                                      focusedBorder: OutlineInputBorder(
+                                        borderSide: BorderSide(
+                                          color: Color(0x00000000),
+                                          width: 1.0,
+                                        ),
+                                        borderRadius:
+                                            BorderRadius.circular(8.0),
+                                      ),
+                                      errorBorder: OutlineInputBorder(
+                                        borderSide: BorderSide(
+                                          color: FlutterFlowTheme.of(context)
+                                              .error,
+                                          width: 1.0,
+                                        ),
+                                        borderRadius:
+                                            BorderRadius.circular(8.0),
+                                      ),
+                                      focusedErrorBorder: OutlineInputBorder(
+                                        borderSide: BorderSide(
+                                          color: FlutterFlowTheme.of(context)
+                                              .error,
+                                          width: 1.0,
+                                        ),
+                                        borderRadius:
+                                            BorderRadius.circular(8.0),
+                                      ),
+                                      filled: true,
+                                      fillColor: FlutterFlowTheme.of(context)
+                                          .secondaryBackground,
+                                    ),
+                                    style: FlutterFlowTheme.of(context)
+                                        .bodyMedium
+                                        .override(
+                                          font: GoogleFonts.roboto(
+                                            fontWeight:
+                                                FlutterFlowTheme.of(context)
+                                                    .bodyMedium
+                                                    .fontWeight,
+                                            fontStyle:
+                                                FlutterFlowTheme.of(context)
+                                                    .bodyMedium
+                                                    .fontStyle,
+                                          ),
+                                          letterSpacing: 0.0,
+                                          fontWeight:
+                                              FlutterFlowTheme.of(context)
+                                                  .bodyMedium
+                                                  .fontWeight,
+                                          fontStyle:
+                                              FlutterFlowTheme.of(context)
+                                                  .bodyMedium
+                                                  .fontStyle,
+                                        ),
+                                    cursorColor: FlutterFlowTheme.of(context)
+                                        .primaryText,
+                                    enableInteractiveSelection: true,
+                                    validator: _model.textController3Validator
+                                        .asValidator(context),
+                                  ),
+                                ),
+                              ],
+                            ),
+                            Builder(
+                              builder: (context) {
+                                if (_model.tabEetgelegenhedenGeladen) {
+                                  return Column(
+                                    mainAxisSize: MainAxisSize.max,
+                                    children: [
+                                      Expanded(
+                                        child: FutureBuilder<ApiCallResponse>(
+                                          future: HorecagelegenheidoverzichtCall
+                                              .call(
+                                            horcat: '34',
+                                            townid: widget!.plaats,
+                                          ),
+                                          builder: (context, snapshot) {
+                                            // Customize what your widget looks like when it's loading.
+                                            if (!snapshot.hasData) {
+                                              return Center(
+                                                child: SizedBox(
+                                                  width: 80.0,
+                                                  height: 80.0,
+                                                  child: SpinKitFadingCircle(
+                                                    color: FlutterFlowTheme.of(
+                                                            context)
+                                                        .primary,
+                                                    size: 80.0,
+                                                  ),
+                                                ),
+                                              );
+                                            }
+                                            final staggeredViewHorecagelegenheidoverzichtResponse =
+                                                snapshot.data!;
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_zz9hx8f0'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .statusCode,
+                                              ParamType.int,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+                                              name: 'int',
+                                              nullable: false,
+                                            );
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_zz9hx8f0'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .bodyText,
+                                              ParamType.String,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+                                              name: 'String',
+                                              nullable: false,
+                                            );
+                                            debugLogWidgetClass(_model);
+
+                                            return Builder(
+                                              builder: (context) {
+                                                final horecagelegenheden = functions
+                                                    .filterHorecagelegenheden(
+                                                        _model
+                                                            .alleEetgelegenheden
+                                                            .toList(),
+                                                        _model.textController1
+                                                            .text,
+                                                        _model
+                                                            .categorieFilterActiviteiten,
+                                                        '\$.titel',
+                                                        '\$.categorie')
+                                                    .toList()
+                                                    .take(25)
+                                                    .toList();
+                                                if (horecagelegenheden
+                                                    .isEmpty) {
+                                                  return Image.asset(
+                                                    'assets/images/logo800px.png',
+                                                  );
+                                                }
+                                                _model.debugGeneratorVariables[
+                                                        'horecagelegenheden${horecagelegenheden.length > 100 ? ' (first 100)' : ''}'] =
+                                                    debugSerializeParam(
+                                                  horecagelegenheden.take(100),
+                                                  ParamType.JSON,
+                                                  isList: true,
+                                                  link:
+                                                      'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+                                                  name: 'dynamic',
+                                                  nullable: false,
+                                                );
+                                                debugLogWidgetClass(_model);
+
+                                                return MasonryGridView.builder(
+                                                  gridDelegate:
+                                                      SliverSimpleGridDelegateWithFixedCrossAxisCount(
+                                                    crossAxisCount: () {
+                                                      if (MediaQuery.sizeOf(
+                                                                  context)
+                                                              .width <
+                                                          kBreakpointSmall) {
+                                                        return 1;
+                                                      } else if (MediaQuery
+                                                                  .sizeOf(
+                                                                      context)
+                                                              .width <
+                                                          kBreakpointMedium) {
+                                                        return 1;
+                                                      } else if (MediaQuery
+                                                                  .sizeOf(
+                                                                      context)
+                                                              .width <
+                                                          kBreakpointLarge) {
+                                                        return 2;
+                                                      } else {
+                                                        return 3;
+                                                      }
+                                                    }(),
+                                                  ),
+                                                  crossAxisSpacing: 12.0,
+                                                  mainAxisSpacing: 12.0,
+                                                  itemCount:
+                                                      horecagelegenheden.length,
+                                                  itemBuilder: (context,
+                                                      horecagelegenhedenIndex) {
+                                                    final horecagelegenhedenItem =
+                                                        horecagelegenheden[
+                                                            horecagelegenhedenIndex];
+                                                    return Container(
+                                                      width: 600.0,
+                                                      height: 225.0,
+                                                      decoration: BoxDecoration(
+                                                        color: FlutterFlowTheme
+                                                                .of(context)
+                                                            .secondaryBackground,
+                                                      ),
+                                                      child: InkWell(
+                                                        splashColor:
+                                                            Colors.transparent,
+                                                        focusColor:
+                                                            Colors.transparent,
+                                                        hoverColor:
+                                                            Colors.transparent,
+                                                        highlightColor:
+                                                            Colors.transparent,
+                                                        onTap: () async {
+                                                          context.pushNamed(
+                                                            HorecagelegenheidCurrentWidget
+                                                                .routeName,
+                                                            queryParameters: {
+                                                              'nid':
+                                                                  serializeParam(
+                                                                getJsonField(
+                                                                  horecagelegenhedenItem,
+                                                                  r'''$.nid''',
+                                                                ).toString(),
+                                                                ParamType
+                                                                    .String,
+                                                              ),
+                                                            }.withoutNulls,
+                                                          );
+                                                        },
+                                                        child: Builder(
+                                                            builder: (_) {
+                                                          return DebugFlutterFlowModelContext(
+                                                            rootModel: _model
+                                                                .rootModel,
+                                                            parentModelCallback:
+                                                                (m) {
+                                                              _model.horecagelegenheidoverzichtKaartModels3[
+                                                                  'Keyk4z_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
+                                                            },
+                                                            child:
+                                                                HorecagelegenheidoverzichtKaartWidget(
+                                                              key: Key(
+                                                                  'Keyk4z_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'),
+                                                              titel:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.titel''',
+                                                              ).toString(),
+                                                              logo:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.logo''',
+                                                              ).toString(),
+                                                              nid: getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.nid''',
+                                                              ).toString(),
+                                                              adres:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.adres''',
+                                                              ).toString(),
+                                                              plaats:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.plaats''',
+                                                              ).toString(),
+                                                              categorie:
+                                                                  (getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.categorie''',
+                                                                true,
+                                                              ) as List?)
+                                                                      ?.map<String>(
+                                                                          (e) => e
+                                                                              .toString())
+                                                                      .toList()
+                                                                      .cast<
+                                                                          String>(),
+                                                            ),
+                                                          );
+                                                        }),
+                                                      ),
+                                                    );
+                                                  },
+                                                );
+                                              },
+                                            );
+                                          },
+                                        ),
+                                      ),
+                                    ],
+                                  );
+                                } else {
+                                  return Container(
+                                    width: 100.0,
+                                    height: 100.0,
+                                    decoration: BoxDecoration(
+                                      color: FlutterFlowTheme.of(context)
+                                          .secondaryBackground,
+                                    ),
+                                  );
+                                }
+                              },
+                            ),
+                            Builder(
+                              builder: (context) {
+                                if (_model.tabOvernachtenGeladen) {
+                                  return Column(
+                                    mainAxisSize: MainAxisSize.max,
+                                    children: [
+                                      Expanded(
+                                        child: FutureBuilder<ApiCallResponse>(
+                                          future: HorecagelegenheidoverzichtCall
+                                              .call(
+                                            horcat: '17965',
+                                            townid: widget!.plaats,
+                                          ),
+                                          builder: (context, snapshot) {
+                                            // Customize what your widget looks like when it's loading.
+                                            if (!snapshot.hasData) {
+                                              return Center(
+                                                child: SizedBox(
+                                                  width: 80.0,
+                                                  height: 80.0,
+                                                  child: SpinKitFadingCircle(
+                                                    color: FlutterFlowTheme.of(
+                                                            context)
+                                                        .primary,
+                                                    size: 80.0,
+                                                  ),
+                                                ),
+                                              );
+                                            }
+                                            final staggeredViewHorecagelegenheidoverzichtResponse =
+                                                snapshot.data!;
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_ml51d2as'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .statusCode,
+                                              ParamType.int,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+                                              name: 'int',
+                                              nullable: false,
+                                            );
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_ml51d2as'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .bodyText,
+                                              ParamType.String,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+                                              name: 'String',
+                                              nullable: false,
+                                            );
+                                            debugLogWidgetClass(_model);
+
+                                            return Builder(
+                                              builder: (context) {
+                                                final horecagelegenheden = functions
+                                                    .filterHorecagelegenheden(
+                                                        _model.alleOvernachten
+                                                            .toList(),
+                                                        _model.textController1
+                                                            .text,
+                                                        _model
+                                                            .categorieFilterActiviteiten,
+                                                        '\$.titel',
+                                                        '\$.categorie')
+                                                    .toList()
+                                                    .take(25)
+                                                    .toList();
+                                                if (horecagelegenheden
+                                                    .isEmpty) {
+                                                  return Image.asset(
+                                                    'assets/images/logo800px.png',
+                                                  );
+                                                }
+                                                _model.debugGeneratorVariables[
+                                                        'horecagelegenheden${horecagelegenheden.length > 100 ? ' (first 100)' : ''}'] =
+                                                    debugSerializeParam(
+                                                  horecagelegenheden.take(100),
+                                                  ParamType.JSON,
+                                                  isList: true,
+                                                  link:
+                                                      'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+                                                  name: 'dynamic',
+                                                  nullable: false,
+                                                );
+                                                debugLogWidgetClass(_model);
+
+                                                return MasonryGridView.builder(
+                                                  gridDelegate:
+                                                      SliverSimpleGridDelegateWithFixedCrossAxisCount(
+                                                    crossAxisCount: () {
+                                                      if (MediaQuery.sizeOf(
+                                                                  context)
+                                                              .width <
+                                                          kBreakpointSmall) {
+                                                        return 1;
+                                                      } else if (MediaQuery
+                                                                  .sizeOf(
+                                                                      context)
+                                                              .width <
+                                                          kBreakpointMedium) {
+                                                        return 1;
+                                                      } else if (MediaQuery
+                                                                  .sizeOf(
+                                                                      context)
+                                                              .width <
+                                                          kBreakpointLarge) {
+                                                        return 2;
+                                                      } else {
+                                                        return 3;
+                                                      }
+                                                    }(),
+                                                  ),
+                                                  crossAxisSpacing: 12.0,
+                                                  mainAxisSpacing: 12.0,
+                                                  itemCount:
+                                                      horecagelegenheden.length,
+                                                  itemBuilder: (context,
+                                                      horecagelegenhedenIndex) {
+                                                    final horecagelegenhedenItem =
+                                                        horecagelegenheden[
+                                                            horecagelegenhedenIndex];
+                                                    return Container(
+                                                      width: 600.0,
+                                                      height: 225.0,
+                                                      decoration: BoxDecoration(
+                                                        color: FlutterFlowTheme
+                                                                .of(context)
+                                                            .secondaryBackground,
+                                                      ),
+                                                      child: InkWell(
+                                                        splashColor:
+                                                            Colors.transparent,
+                                                        focusColor:
+                                                            Colors.transparent,
+                                                        hoverColor:
+                                                            Colors.transparent,
+                                                        highlightColor:
+                                                            Colors.transparent,
+                                                        onTap: () async {
+                                                          context.pushNamed(
+                                                            HorecagelegenheidCurrentWidget
+                                                                .routeName,
+                                                            queryParameters: {
+                                                              'nid':
+                                                                  serializeParam(
+                                                                getJsonField(
+                                                                  horecagelegenhedenItem,
+                                                                  r'''$.nid''',
+                                                                ).toString(),
+                                                                ParamType
+                                                                    .String,
+                                                              ),
+                                                            }.withoutNulls,
+                                                          );
+                                                        },
+                                                        child: Builder(
+                                                            builder: (_) {
+                                                          return DebugFlutterFlowModelContext(
+                                                            rootModel: _model
+                                                                .rootModel,
+                                                            parentModelCallback:
+                                                                (m) {
+                                                              _model.horecagelegenheidoverzichtKaartModels4[
+                                                                  'Key557_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
+                                                            },
+                                                            child:
+                                                                HorecagelegenheidoverzichtKaartWidget(
+                                                              key: Key(
+                                                                  'Key557_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'),
+                                                              titel:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.titel''',
+                                                              ).toString(),
+                                                              logo:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.logo''',
+                                                              ).toString(),
+                                                              nid: getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.nid''',
+                                                              ).toString(),
+                                                              adres:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.adres''',
+                                                              ).toString(),
+                                                              plaats:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.plaats''',
+                                                              ).toString(),
+                                                              categorie:
+                                                                  (getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.categorie''',
+                                                                true,
+                                                              ) as List?)
+                                                                      ?.map<String>(
+                                                                          (e) => e
+                                                                              .toString())
+                                                                      .toList()
+                                                                      .cast<
+                                                                          String>(),
+                                                            ),
+                                                          );
+                                                        }),
+                                                      ),
+                                                    );
+                                                  },
+                                                );
+                                              },
+                                            );
+                                          },
+                                        ),
+                                      ),
+                                    ],
+                                  );
+                                } else {
+                                  return Container(
+                                    width: 100.0,
+                                    height: 100.0,
+                                    decoration: BoxDecoration(
+                                      color: FlutterFlowTheme.of(context)
+                                          .secondaryBackground,
+                                    ),
+                                  );
+                                }
+                              },
+                            ),
+                            Builder(
+                              builder: (context) {
+                                if (_model.tabUitgaanGeladen) {
+                                  return Column(
+                                    mainAxisSize: MainAxisSize.max,
+                                    children: [
+                                      Expanded(
+                                        child: FutureBuilder<ApiCallResponse>(
+                                          future: HorecagelegenheidoverzichtCall
+                                              .call(
+                                            horcat: '17967',
+                                            townid:
+                                                FFAppState().provincieSelectId,
+                                          ),
+                                          builder: (context, snapshot) {
+                                            // Customize what your widget looks like when it's loading.
+                                            if (!snapshot.hasData) {
+                                              return Center(
+                                                child: SizedBox(
+                                                  width: 80.0,
+                                                  height: 80.0,
+                                                  child: SpinKitFadingCircle(
+                                                    color: FlutterFlowTheme.of(
+                                                            context)
+                                                        .primary,
+                                                    size: 80.0,
+                                                  ),
+                                                ),
+                                              );
+                                            }
+                                            final staggeredViewHorecagelegenheidoverzichtResponse =
+                                                snapshot.data!;
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_qs6j4ugv'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .statusCode,
+                                              ParamType.int,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+                                              name: 'int',
+                                              nullable: false,
+                                            );
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_qs6j4ugv'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .bodyText,
+                                              ParamType.String,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+                                              name: 'String',
+                                              nullable: false,
+                                            );
+                                            debugLogWidgetClass(_model);
+
+                                            return Builder(
+                                              builder: (context) {
+                                                final horecagelegenheden = functions
+                                                    .filterHorecagelegenheden(
+                                                        _model.alleUitgaan
+                                                            .toList(),
+                                                        _model.textController1
+                                                            .text,
+                                                        _model
+                                                            .categorieFilterActiviteiten,
+                                                        '\$.titel',
+                                                        '\$.categorie')
+                                                    .toList()
+                                                    .take(25)
+                                                    .toList();
+                                                if (horecagelegenheden
+                                                    .isEmpty) {
+                                                  return Image.asset(
+                                                    'assets/images/logo800px.png',
+                                                  );
+                                                }
+                                                _model.debugGeneratorVariables[
+                                                        'horecagelegenheden${horecagelegenheden.length > 100 ? ' (first 100)' : ''}'] =
+                                                    debugSerializeParam(
+                                                  horecagelegenheden.take(100),
+                                                  ParamType.JSON,
+                                                  isList: true,
+                                                  link:
+                                                      'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+                                                  name: 'dynamic',
+                                                  nullable: false,
+                                                );
+                                                debugLogWidgetClass(_model);
+
+                                                return MasonryGridView.builder(
+                                                  gridDelegate:
+                                                      SliverSimpleGridDelegateWithFixedCrossAxisCount(
+                                                    crossAxisCount: () {
+                                                      if (MediaQuery.sizeOf(
+                                                                  context)
+                                                              .width <
+                                                          kBreakpointSmall) {
+                                                        return 1;
+                                                      } else if (MediaQuery
+                                                                  .sizeOf(
+                                                                      context)
+                                                              .width <
+                                                          kBreakpointMedium) {
+                                                        return 1;
+                                                      } else if (MediaQuery
+                                                                  .sizeOf(
+                                                                      context)
+                                                              .width <
+                                                          kBreakpointLarge) {
+                                                        return 2;
+                                                      } else {
+                                                        return 3;
+                                                      }
+                                                    }(),
+                                                  ),
+                                                  crossAxisSpacing: 12.0,
+                                                  mainAxisSpacing: 12.0,
+                                                  itemCount:
+                                                      horecagelegenheden.length,
+                                                  itemBuilder: (context,
+                                                      horecagelegenhedenIndex) {
+                                                    final horecagelegenhedenItem =
+                                                        horecagelegenheden[
+                                                            horecagelegenhedenIndex];
+                                                    return Container(
+                                                      width: 600.0,
+                                                      height: 225.0,
+                                                      decoration: BoxDecoration(
+                                                        color: FlutterFlowTheme
+                                                                .of(context)
+                                                            .secondaryBackground,
+                                                      ),
+                                                      child: InkWell(
+                                                        splashColor:
+                                                            Colors.transparent,
+                                                        focusColor:
+                                                            Colors.transparent,
+                                                        hoverColor:
+                                                            Colors.transparent,
+                                                        highlightColor:
+                                                            Colors.transparent,
+                                                        onTap: () async {
+                                                          context.pushNamed(
+                                                            HorecagelegenheidCurrentWidget
+                                                                .routeName,
+                                                            queryParameters: {
+                                                              'nid':
+                                                                  serializeParam(
+                                                                getJsonField(
+                                                                  horecagelegenhedenItem,
+                                                                  r'''$.nid''',
+                                                                ).toString(),
+                                                                ParamType
+                                                                    .String,
+                                                              ),
+                                                            }.withoutNulls,
+                                                          );
+                                                        },
+                                                        child: Builder(
+                                                            builder: (_) {
+                                                          return DebugFlutterFlowModelContext(
+                                                            rootModel: _model
+                                                                .rootModel,
+                                                            parentModelCallback:
+                                                                (m) {
+                                                              _model.horecagelegenheidoverzichtKaartModels5[
+                                                                  'Keybyn_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
+                                                            },
+                                                            child:
+                                                                HorecagelegenheidoverzichtKaartWidget(
+                                                              key: Key(
+                                                                  'Keybyn_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'),
+                                                              titel:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.titel''',
+                                                              ).toString(),
+                                                              logo:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.logo''',
+                                                              ).toString(),
+                                                              nid: getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.nid''',
+                                                              ).toString(),
+                                                              adres:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.adres''',
+                                                              ).toString(),
+                                                              plaats:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.plaats''',
+                                                              ).toString(),
+                                                              categorie:
+                                                                  (getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.categorie''',
+                                                                true,
+                                                              ) as List?)
+                                                                      ?.map<String>(
+                                                                          (e) => e
+                                                                              .toString())
+                                                                      .toList()
+                                                                      .cast<
+                                                                          String>(),
+                                                            ),
+                                                          );
+                                                        }),
+                                                      ),
+                                                    );
+                                                  },
+                                                );
+                                              },
+                                            );
+                                          },
+                                        ),
+                                      ),
+                                    ],
+                                  );
+                                } else {
+                                  return Container(
+                                    width: 100.0,
+                                    height: 100.0,
+                                    decoration: BoxDecoration(
+                                      color: FlutterFlowTheme.of(context)
+                                          .secondaryBackground,
+                                    ),
+                                  );
+                                }
+                              },
+                            ),
+                            Builder(
+                              builder: (context) {
+                                if (_model.tabVerhuurcateringGeladen) {
+                                  return Column(
+                                    mainAxisSize: MainAxisSize.max,
+                                    children: [
+                                      Expanded(
+                                        child: FutureBuilder<ApiCallResponse>(
+                                          future: HorecagelegenheidoverzichtCall
+                                              .call(
+                                            horcat: '17968',
+                                            townid: widget!.plaats,
+                                          ),
+                                          builder: (context, snapshot) {
+                                            // Customize what your widget looks like when it's loading.
+                                            if (!snapshot.hasData) {
+                                              return Center(
+                                                child: SizedBox(
+                                                  width: 80.0,
+                                                  height: 80.0,
+                                                  child: SpinKitFadingCircle(
+                                                    color: FlutterFlowTheme.of(
+                                                            context)
+                                                        .primary,
+                                                    size: 80.0,
+                                                  ),
+                                                ),
+                                              );
+                                            }
+                                            final staggeredViewHorecagelegenheidoverzichtResponse =
+                                                snapshot.data!;
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_m1b5wn2t'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .statusCode,
+                                              ParamType.int,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+                                              name: 'int',
+                                              nullable: false,
+                                            );
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_m1b5wn2t'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .bodyText,
+                                              ParamType.String,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+                                              name: 'String',
+                                              nullable: false,
+                                            );
+                                            debugLogWidgetClass(_model);
+
+                                            return Builder(
+                                              builder: (context) {
+                                                final horecagelegenheden =
+                                                    getJsonField(
+                                                  staggeredViewHorecagelegenheidoverzichtResponse
+                                                      .jsonBody,
+                                                  r'''$''',
+                                                ).toList().take(25).toList();
+                                                if (horecagelegenheden
+                                                    .isEmpty) {
+                                                  return Image.asset(
+                                                    'assets/images/logo800px.png',
+                                                  );
+                                                }
+                                                _model.debugGeneratorVariables[
+                                                        'horecagelegenheden${horecagelegenheden.length > 100 ? ' (first 100)' : ''}'] =
+                                                    debugSerializeParam(
+                                                  horecagelegenheden.take(100),
+                                                  ParamType.JSON,
+                                                  isList: true,
+                                                  link:
+                                                      'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy3',
+                                                  name: 'dynamic',
+                                                  nullable: false,
+                                                );
+                                                debugLogWidgetClass(_model);
+
+                                                return MasonryGridView.builder(
+                                                  gridDelegate:
+                                                      SliverSimpleGridDelegateWithFixedCrossAxisCount(
+                                                    crossAxisCount: () {
+                                                      if (MediaQuery.sizeOf(
+                                                                  context)
+                                                              .width <
+                                                          kBreakpointSmall) {
+                                                        return 1;
+                                                      } else if (MediaQuery
+                                                                  .sizeOf(
+                                                                      context)
+                                                              .width <
+                                                          kBreakpointMedium) {
+                                                        return 1;
+                                                      } else if (MediaQuery
+                                                                  .sizeOf(
+                                                                      context)
+                                                              .width <
+                                                          kBreakpointLarge) {
+                                                        return 2;
+                                                      } else {
+                                                        return 3;
+                                                      }
+                                                    }(),
+                                                  ),
+                                                  crossAxisSpacing: 12.0,
+                                                  mainAxisSpacing: 12.0,
+                                                  itemCount:
+                                                      horecagelegenheden.length,
+                                                  itemBuilder: (context,
+                                                      horecagelegenhedenIndex) {
+                                                    final horecagelegenhedenItem =
+                                                        horecagelegenheden[
+                                                            horecagelegenhedenIndex];
+                                                    return Container(
+                                                      width: 600.0,
+                                                      height: 225.0,
+                                                      decoration: BoxDecoration(
+                                                        color: FlutterFlowTheme
+                                                                .of(context)
+                                                            .secondaryBackground,
+                                                      ),
+                                                      child: InkWell(
+                                                        splashColor:
+                                                            Colors.transparent,
+                                                        focusColor:
+                                                            Colors.transparent,
+                                                        hoverColor:
+                                                            Colors.transparent,
+                                                        highlightColor:
+                                                            Colors.transparent,
+                                                        onTap: () async {
+                                                          context.pushNamed(
+                                                            HorecagelegenheidCurrentWidget
+                                                                .routeName,
+                                                            queryParameters: {
+                                                              'nid':
+                                                                  serializeParam(
+                                                                getJsonField(
+                                                                  horecagelegenhedenItem,
+                                                                  r'''$.nid''',
+                                                                ).toString(),
+                                                                ParamType
+                                                                    .String,
+                                                              ),
+                                                            }.withoutNulls,
+                                                          );
+                                                        },
+                                                        child: Builder(
+                                                            builder: (_) {
+                                                          return DebugFlutterFlowModelContext(
+                                                            rootModel: _model
+                                                                .rootModel,
+                                                            parentModelCallback:
+                                                                (m) {
+                                                              _model.horecagelegenheidoverzichtKaartModels6[
+                                                                  'Keyb6q_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
+                                                            },
+                                                            child:
+                                                                HorecagelegenheidoverzichtKaartWidget(
+                                                              key: Key(
+                                                                  'Keyb6q_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'),
+                                                              titel:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.titel''',
+                                                              ).toString(),
+                                                              logo:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.logo''',
+                                                              ).toString(),
+                                                              nid: getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.nid''',
+                                                              ).toString(),
+                                                              adres:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.adres''',
+                                                              ).toString(),
+                                                              plaats:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.plaats''',
+                                                              ).toString(),
+                                                              categorie:
+                                                                  (getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.categorie''',
+                                                                true,
+                                                              ) as List?)
+                                                                      ?.map<String>(
+                                                                          (e) => e
+                                                                              .toString())
+                                                                      .toList()
+                                                                      .cast<
+                                                                          String>(),
+                                                            ),
+                                                          );
+                                                        }),
+                                                      ),
+                                                    );
+                                                  },
+                                                );
+                                              },
+                                            );
+                                          },
+                                        ),
+                                      ),
+                                    ],
+                                  );
+                                } else {
+                                  return Container(
+                                    width: 100.0,
+                                    height: 100.0,
+                                    decoration: BoxDecoration(
+                                      color: FlutterFlowTheme.of(context)
+                                          .secondaryBackground,
+                                    ),
+                                  );
+                                }
+                              },
+                            ),
+                          ],
+                        ),
+                      ),
+                    ],
+                  ),
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/kanweg/horecagelegenheden_overzicht_copy/horecagelegenheden_overzicht_copy_model.dart

@@ -0,0 +1,708 @@
+import '/backend/api_requests/api_calls.dart';
+import '/components/header_buttons_component_widget.dart';
+import '/flutter_flow/flutter_flow_theme.dart';
+import '/flutter_flow/flutter_flow_util.dart';
+import '/flutter_flow/flutter_flow_widgets.dart';
+import '/horecagelegenhedenoverzicht/horecagelegenheidoverzicht_kaart/horecagelegenheidoverzicht_kaart_widget.dart';
+import '/shared/drawer_component/drawer_component_widget.dart';
+import 'dart:ui';
+import '/custom_code/actions/index.dart' as actions;
+import '/index.dart';
+import 'horecagelegenheden_overzicht_copy_widget.dart'
+    show HorecagelegenhedenOverzichtCopyWidget;
+import 'package:flutter/material.dart';
+import 'package:flutter_spinkit/flutter_spinkit.dart';
+import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart';
+import 'package:google_fonts/google_fonts.dart';
+import 'package:provider/provider.dart';
+
+class HorecagelegenhedenOverzichtCopyModel
+    extends FlutterFlowModel<HorecagelegenhedenOverzichtCopyWidget> {
+  ///  Local state fields for this page.
+
+  bool _tabCultuurGeladen = false;
+  set tabCultuurGeladen(bool value) {
+    _tabCultuurGeladen = value;
+    debugLogWidgetClass(this);
+  }
+
+  bool get tabCultuurGeladen => _tabCultuurGeladen;
+
+  bool _tabEetgelegenhedenGeladen = false;
+  set tabEetgelegenhedenGeladen(bool value) {
+    _tabEetgelegenhedenGeladen = value;
+    debugLogWidgetClass(this);
+  }
+
+  bool get tabEetgelegenhedenGeladen => _tabEetgelegenhedenGeladen;
+
+  bool _tabOvernachtenGeladen = false;
+  set tabOvernachtenGeladen(bool value) {
+    _tabOvernachtenGeladen = value;
+    debugLogWidgetClass(this);
+  }
+
+  bool get tabOvernachtenGeladen => _tabOvernachtenGeladen;
+
+  bool _tabUitgaanGeladen = false;
+  set tabUitgaanGeladen(bool value) {
+    _tabUitgaanGeladen = value;
+    debugLogWidgetClass(this);
+  }
+
+  bool get tabUitgaanGeladen => _tabUitgaanGeladen;
+
+  bool _tabVerhuurcateringGeladen = false;
+  set tabVerhuurcateringGeladen(bool value) {
+    _tabVerhuurcateringGeladen = value;
+    debugLogWidgetClass(this);
+  }
+
+  bool get tabVerhuurcateringGeladen => _tabVerhuurcateringGeladen;
+
+  String? _zoektermActiviteiten;
+  set zoektermActiviteiten(String? value) {
+    _zoektermActiviteiten = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get zoektermActiviteiten => _zoektermActiviteiten;
+
+  String? _zoektermCultuur;
+  set zoektermCultuur(String? value) {
+    _zoektermCultuur = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get zoektermCultuur => _zoektermCultuur;
+
+  String? _zoektermEetgelegenheden;
+  set zoektermEetgelegenheden(String? value) {
+    _zoektermEetgelegenheden = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get zoektermEetgelegenheden => _zoektermEetgelegenheden;
+
+  String? _zoektermOvernachten;
+  set zoektermOvernachten(String? value) {
+    _zoektermOvernachten = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get zoektermOvernachten => _zoektermOvernachten;
+
+  String? _zoektermUitgaan;
+  set zoektermUitgaan(String? value) {
+    _zoektermUitgaan = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get zoektermUitgaan => _zoektermUitgaan;
+
+  String? _zoektermVerhuurCatering;
+  set zoektermVerhuurCatering(String? value) {
+    _zoektermVerhuurCatering = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get zoektermVerhuurCatering => _zoektermVerhuurCatering;
+
+  String? _categorieFilterActiviteiten;
+  set categorieFilterActiviteiten(String? value) {
+    _categorieFilterActiviteiten = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get categorieFilterActiviteiten => _categorieFilterActiviteiten;
+
+  String? _categorieFilterCultuur;
+  set categorieFilterCultuur(String? value) {
+    _categorieFilterCultuur = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get categorieFilterCultuur => _categorieFilterCultuur;
+
+  String? _categorieFilterEetgelegenheden;
+  set categorieFilterEetgelegenheden(String? value) {
+    _categorieFilterEetgelegenheden = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get categorieFilterEetgelegenheden => _categorieFilterEetgelegenheden;
+
+  String? _categorieFilterOvernachten;
+  set categorieFilterOvernachten(String? value) {
+    _categorieFilterOvernachten = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get categorieFilterOvernachten => _categorieFilterOvernachten;
+
+  String? _categorieFilterUitgaan;
+  set categorieFilterUitgaan(String? value) {
+    _categorieFilterUitgaan = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get categorieFilterUitgaan => _categorieFilterUitgaan;
+
+  String? _categorieFilterVerhuurCatering;
+  set categorieFilterVerhuurCatering(String? value) {
+    _categorieFilterVerhuurCatering = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get categorieFilterVerhuurCatering => _categorieFilterVerhuurCatering;
+
+  late LoggableList<dynamic> _alleActiviteiten = LoggableList([]);
+  set alleActiviteiten(List<dynamic> value) {
+    if (value != null) {
+      _alleActiviteiten = LoggableList(value);
+    }
+
+    debugLogWidgetClass(this);
+  }
+
+  List<dynamic> get alleActiviteiten =>
+      _alleActiviteiten?..logger = () => debugLogWidgetClass(this);
+  void addToAlleActiviteiten(dynamic item) => alleActiviteiten.add(item);
+  void removeFromAlleActiviteiten(dynamic item) =>
+      alleActiviteiten.remove(item);
+  void removeAtIndexFromAlleActiviteiten(int index) =>
+      alleActiviteiten.removeAt(index);
+  void insertAtIndexInAlleActiviteiten(int index, dynamic item) =>
+      alleActiviteiten.insert(index, item);
+  void updateAlleActiviteitenAtIndex(int index, Function(dynamic) updateFn) =>
+      alleActiviteiten[index] = updateFn(alleActiviteiten[index]);
+
+  late LoggableList<dynamic> _alleCultuur = LoggableList([]);
+  set alleCultuur(List<dynamic> value) {
+    if (value != null) {
+      _alleCultuur = LoggableList(value);
+    }
+
+    debugLogWidgetClass(this);
+  }
+
+  List<dynamic> get alleCultuur =>
+      _alleCultuur?..logger = () => debugLogWidgetClass(this);
+  void addToAlleCultuur(dynamic item) => alleCultuur.add(item);
+  void removeFromAlleCultuur(dynamic item) => alleCultuur.remove(item);
+  void removeAtIndexFromAlleCultuur(int index) => alleCultuur.removeAt(index);
+  void insertAtIndexInAlleCultuur(int index, dynamic item) =>
+      alleCultuur.insert(index, item);
+  void updateAlleCultuurAtIndex(int index, Function(dynamic) updateFn) =>
+      alleCultuur[index] = updateFn(alleCultuur[index]);
+
+  late LoggableList<dynamic> _alleEetgelegenheden = LoggableList([]);
+  set alleEetgelegenheden(List<dynamic> value) {
+    if (value != null) {
+      _alleEetgelegenheden = LoggableList(value);
+    }
+
+    debugLogWidgetClass(this);
+  }
+
+  List<dynamic> get alleEetgelegenheden =>
+      _alleEetgelegenheden?..logger = () => debugLogWidgetClass(this);
+  void addToAlleEetgelegenheden(dynamic item) => alleEetgelegenheden.add(item);
+  void removeFromAlleEetgelegenheden(dynamic item) =>
+      alleEetgelegenheden.remove(item);
+  void removeAtIndexFromAlleEetgelegenheden(int index) =>
+      alleEetgelegenheden.removeAt(index);
+  void insertAtIndexInAlleEetgelegenheden(int index, dynamic item) =>
+      alleEetgelegenheden.insert(index, item);
+  void updateAlleEetgelegenhedenAtIndex(
+          int index, Function(dynamic) updateFn) =>
+      alleEetgelegenheden[index] = updateFn(alleEetgelegenheden[index]);
+
+  late LoggableList<dynamic> _alleOvernachten = LoggableList([]);
+  set alleOvernachten(List<dynamic> value) {
+    if (value != null) {
+      _alleOvernachten = LoggableList(value);
+    }
+
+    debugLogWidgetClass(this);
+  }
+
+  List<dynamic> get alleOvernachten =>
+      _alleOvernachten?..logger = () => debugLogWidgetClass(this);
+  void addToAlleOvernachten(dynamic item) => alleOvernachten.add(item);
+  void removeFromAlleOvernachten(dynamic item) => alleOvernachten.remove(item);
+  void removeAtIndexFromAlleOvernachten(int index) =>
+      alleOvernachten.removeAt(index);
+  void insertAtIndexInAlleOvernachten(int index, dynamic item) =>
+      alleOvernachten.insert(index, item);
+  void updateAlleOvernachtenAtIndex(int index, Function(dynamic) updateFn) =>
+      alleOvernachten[index] = updateFn(alleOvernachten[index]);
+
+  late LoggableList<dynamic> _alleUitgaan = LoggableList([]);
+  set alleUitgaan(List<dynamic> value) {
+    if (value != null) {
+      _alleUitgaan = LoggableList(value);
+    }
+
+    debugLogWidgetClass(this);
+  }
+
+  List<dynamic> get alleUitgaan =>
+      _alleUitgaan?..logger = () => debugLogWidgetClass(this);
+  void addToAlleUitgaan(dynamic item) => alleUitgaan.add(item);
+  void removeFromAlleUitgaan(dynamic item) => alleUitgaan.remove(item);
+  void removeAtIndexFromAlleUitgaan(int index) => alleUitgaan.removeAt(index);
+  void insertAtIndexInAlleUitgaan(int index, dynamic item) =>
+      alleUitgaan.insert(index, item);
+  void updateAlleUitgaanAtIndex(int index, Function(dynamic) updateFn) =>
+      alleUitgaan[index] = updateFn(alleUitgaan[index]);
+
+  late LoggableList<dynamic> _alleVerhuurCatering = LoggableList([]);
+  set alleVerhuurCatering(List<dynamic> value) {
+    if (value != null) {
+      _alleVerhuurCatering = LoggableList(value);
+    }
+
+    debugLogWidgetClass(this);
+  }
+
+  List<dynamic> get alleVerhuurCatering =>
+      _alleVerhuurCatering?..logger = () => debugLogWidgetClass(this);
+  void addToAlleVerhuurCatering(dynamic item) => alleVerhuurCatering.add(item);
+  void removeFromAlleVerhuurCatering(dynamic item) =>
+      alleVerhuurCatering.remove(item);
+  void removeAtIndexFromAlleVerhuurCatering(int index) =>
+      alleVerhuurCatering.removeAt(index);
+  void insertAtIndexInAlleVerhuurCatering(int index, dynamic item) =>
+      alleVerhuurCatering.insert(index, item);
+  void updateAlleVerhuurCateringAtIndex(
+          int index, Function(dynamic) updateFn) =>
+      alleVerhuurCatering[index] = updateFn(alleVerhuurCatering[index]);
+
+  ///  State fields for stateful widgets in this page.
+
+  // State field(s) for TabBar widget.
+  TabController? tabBarController;
+  int get tabBarCurrentIndex =>
+      tabBarController != null ? tabBarController!.index : 0;
+  int get tabBarPreviousIndex =>
+      tabBarController != null ? tabBarController!.previousIndex : 0;
+
+  // Models for HorecagelegenheidoverzichtKaart dynamic component.
+  Map<String, FlutterFlowModel> horecagelegenheidoverzichtKaartModels1 = {};
+  // State field(s) for TextField widget.
+  FocusNode? textFieldFocusNode;
+  TextEditingController? textController;
+  String? Function(BuildContext, String?)? textControllerValidator;
+  // Stores action output result for [Custom Action - fetchAlleHorecagelegenheden] action in TabCultuur widget.
+  List<dynamic>? _resultHorecaCultuur;
+  set resultHorecaCultuur(List<dynamic>? value) {
+    _resultHorecaCultuur = value;
+    debugLogWidgetClass(this);
+  }
+
+  List<dynamic>? get resultHorecaCultuur => _resultHorecaCultuur;
+
+  // Models for HorecagelegenheidoverzichtKaart dynamic component.
+  Map<String, FlutterFlowModel> horecagelegenheidoverzichtKaartModels2 = {};
+  // Models for HorecagelegenheidoverzichtKaart dynamic component.
+  Map<String, FlutterFlowModel> horecagelegenheidoverzichtKaartModels3 = {};
+  // Models for HorecagelegenheidoverzichtKaart dynamic component.
+  Map<String, FlutterFlowModel> horecagelegenheidoverzichtKaartModels4 = {};
+  // Models for HorecagelegenheidoverzichtKaart dynamic component.
+  Map<String, FlutterFlowModel> horecagelegenheidoverzichtKaartModels5 = {};
+  // Models for HorecagelegenheidoverzichtKaart dynamic component.
+  Map<String, FlutterFlowModel> horecagelegenheidoverzichtKaartModels6 = {};
+  // Model for HeaderButtonsComponent component.
+  late HeaderButtonsComponentModel headerButtonsComponentModel;
+  // Model for drawerComponent component.
+  late DrawerComponentModel drawerComponentModel;
+
+  final Map<String, DebugDataField> debugGeneratorVariables = {};
+  final Map<String, DebugDataField> debugBackendQueries = {};
+  final Map<String, FlutterFlowModel> widgetBuilderComponents = {};
+  @override
+  void initState(BuildContext context) {
+    headerButtonsComponentModel =
+        createModel(context, () => HeaderButtonsComponentModel());
+    drawerComponentModel = createModel(context, () => DrawerComponentModel());
+
+    debugLogWidgetClass(this);
+  }
+
+  @override
+  void dispose() {
+    tabBarController?.dispose();
+    textFieldFocusNode?.dispose();
+    textController?.dispose();
+
+    headerButtonsComponentModel.dispose();
+    drawerComponentModel.dispose();
+  }
+
+  @override
+  WidgetClassDebugData toWidgetClassDebugData() => WidgetClassDebugData(
+        widgetParameters: {
+          'plaats': debugSerializeParam(
+            widget?.plaats,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+            searchReference:
+                'reference=ShgKEAoGcGxhYXRzEgYzcXVrMXVyBAgDIAFQAVoGcGxhYXRz',
+            name: 'String',
+            nullable: true,
+          )
+        }.withoutNulls.entries,
+        localStates: {
+          'tabCultuurGeladen': debugSerializeParam(
+            tabCultuurGeladen,
+            ParamType.bool,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+            searchReference:
+                'reference=QisKGgoRdGFiQ3VsdHV1ckdlbGFkZW4SBWk5eTl0KgcSBWZhbHNlcgQIBSABUAFaEXRhYkN1bHR1dXJHZWxhZGVuYh9Ib3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRDb3B5',
+            name: 'bool',
+            nullable: false,
+          ),
+          'tabEetgelegenhedenGeladen': debugSerializeParam(
+            tabEetgelegenhedenGeladen,
+            ParamType.bool,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+            searchReference:
+                'reference=QjMKIgoZdGFiRWV0Z2VsZWdlbmhlZGVuR2VsYWRlbhIFNmE5djgqBxIFZmFsc2VyBAgFIAFQAVoZdGFiRWV0Z2VsZWdlbmhlZGVuR2VsYWRlbmIfSG9yZWNhZ2VsZWdlbmhlZGVuT3ZlcnppY2h0Q29weQ==',
+            name: 'bool',
+            nullable: false,
+          ),
+          'tabOvernachtenGeladen': debugSerializeParam(
+            tabOvernachtenGeladen,
+            ParamType.bool,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+            searchReference:
+                'reference=Qi8KHgoVdGFiT3Zlcm5hY2h0ZW5HZWxhZGVuEgU1eGM2NioHEgVmYWxzZXIECAUgAVABWhV0YWJPdmVybmFjaHRlbkdlbGFkZW5iH0hvcmVjYWdlbGVnZW5oZWRlbk92ZXJ6aWNodENvcHk=',
+            name: 'bool',
+            nullable: false,
+          ),
+          'tabUitgaanGeladen': debugSerializeParam(
+            tabUitgaanGeladen,
+            ParamType.bool,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+            searchReference:
+                'reference=QisKGgoRdGFiVWl0Z2FhbkdlbGFkZW4SBTE1NWxkKgcSBWZhbHNlcgQIBSABUAFaEXRhYlVpdGdhYW5HZWxhZGVuYh9Ib3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRDb3B5',
+            name: 'bool',
+            nullable: false,
+          ),
+          'tabVerhuurcateringGeladen': debugSerializeParam(
+            tabVerhuurcateringGeladen,
+            ParamType.bool,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+            searchReference:
+                'reference=QjMKIgoZdGFiVmVyaHV1cmNhdGVyaW5nR2VsYWRlbhIFMWU3eHEqBxIFZmFsc2VyBAgFIAFQAVoZdGFiVmVyaHV1cmNhdGVyaW5nR2VsYWRlbmIfSG9yZWNhZ2VsZWdlbmhlZGVuT3ZlcnppY2h0Q29weQ==',
+            name: 'bool',
+            nullable: false,
+          ),
+          'zoektermActiviteiten': debugSerializeParam(
+            zoektermActiviteiten,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+            searchReference:
+                'reference=QikKHQoUem9la3Rlcm1BY3Rpdml0ZWl0ZW4SBTZqYTVtKgISAHIECAMgAFABWhR6b2VrdGVybUFjdGl2aXRlaXRlbmIfSG9yZWNhZ2VsZWdlbmhlZGVuT3ZlcnppY2h0Q29weQ==',
+            name: 'String',
+            nullable: true,
+          ),
+          'zoektermCultuur': debugSerializeParam(
+            zoektermCultuur,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+            searchReference:
+                'reference=QiQKGAoPem9la3Rlcm1DdWx0dXVyEgVqdXA4aSoCEgByBAgDIABQAVoPem9la3Rlcm1DdWx0dXVyYh9Ib3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRDb3B5',
+            name: 'String',
+            nullable: true,
+          ),
+          'zoektermEetgelegenheden': debugSerializeParam(
+            zoektermEetgelegenheden,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+            searchReference:
+                'reference=QiwKIAoXem9la3Rlcm1FZXRnZWxlZ2VuaGVkZW4SBXh0b2VlKgISAHIECAMgAFABWhd6b2VrdGVybUVldGdlbGVnZW5oZWRlbmIfSG9yZWNhZ2VsZWdlbmhlZGVuT3ZlcnppY2h0Q29weQ==',
+            name: 'String',
+            nullable: true,
+          ),
+          'zoektermOvernachten': debugSerializeParam(
+            zoektermOvernachten,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+            searchReference:
+                'reference=QigKHAoTem9la3Rlcm1PdmVybmFjaHRlbhIFcXdicHAqAhIAcgQIAyAAUAFaE3pvZWt0ZXJtT3Zlcm5hY2h0ZW5iH0hvcmVjYWdlbGVnZW5oZWRlbk92ZXJ6aWNodENvcHk=',
+            name: 'String',
+            nullable: true,
+          ),
+          'zoektermUitgaan': debugSerializeParam(
+            zoektermUitgaan,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+            searchReference:
+                'reference=QiQKGAoPem9la3Rlcm1VaXRnYWFuEgVreHptaSoCEgByBAgDIABQAVoPem9la3Rlcm1VaXRnYWFuYh9Ib3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRDb3B5',
+            name: 'String',
+            nullable: true,
+          ),
+          'zoektermVerhuurCatering': debugSerializeParam(
+            zoektermVerhuurCatering,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+            searchReference:
+                'reference=QiwKIAoXem9la3Rlcm1WZXJodXVyQ2F0ZXJpbmcSBWd6eHcwKgISAHIECAMgAFABWhd6b2VrdGVybVZlcmh1dXJDYXRlcmluZ2IfSG9yZWNhZ2VsZWdlbmhlZGVuT3ZlcnppY2h0Q29weQ==',
+            name: 'String',
+            nullable: true,
+          ),
+          'categorieFilterActiviteiten': debugSerializeParam(
+            categorieFilterActiviteiten,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+            searchReference:
+                'reference=QjAKJAobY2F0ZWdvcmllRmlsdGVyQWN0aXZpdGVpdGVuEgVieDgwOSoCEgByBAgDIABQAVobY2F0ZWdvcmllRmlsdGVyQWN0aXZpdGVpdGVuYh9Ib3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRDb3B5',
+            name: 'String',
+            nullable: true,
+          ),
+          'categorieFilterCultuur': debugSerializeParam(
+            categorieFilterCultuur,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+            searchReference:
+                'reference=QisKHwoWY2F0ZWdvcmllRmlsdGVyQ3VsdHV1chIFdXA3d2kqAhIAcgQIAyAAUAFaFmNhdGVnb3JpZUZpbHRlckN1bHR1dXJiH0hvcmVjYWdlbGVnZW5oZWRlbk92ZXJ6aWNodENvcHk=',
+            name: 'String',
+            nullable: true,
+          ),
+          'categorieFilterEetgelegenheden': debugSerializeParam(
+            categorieFilterEetgelegenheden,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+            searchReference:
+                'reference=QjMKJwoeY2F0ZWdvcmllRmlsdGVyRWV0Z2VsZWdlbmhlZGVuEgVsa2dwayoCEgByBAgDIABQAVoeY2F0ZWdvcmllRmlsdGVyRWV0Z2VsZWdlbmhlZGVuYh9Ib3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRDb3B5',
+            name: 'String',
+            nullable: true,
+          ),
+          'categorieFilterOvernachten': debugSerializeParam(
+            categorieFilterOvernachten,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+            searchReference:
+                'reference=Qi8KIwoaY2F0ZWdvcmllRmlsdGVyT3Zlcm5hY2h0ZW4SBTQ2dG1nKgISAHIECAMgAFABWhpjYXRlZ29yaWVGaWx0ZXJPdmVybmFjaHRlbmIfSG9yZWNhZ2VsZWdlbmhlZGVuT3ZlcnppY2h0Q29weQ==',
+            name: 'String',
+            nullable: true,
+          ),
+          'categorieFilterUitgaan': debugSerializeParam(
+            categorieFilterUitgaan,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+            searchReference:
+                'reference=QisKHwoWY2F0ZWdvcmllRmlsdGVyVWl0Z2FhbhIFY2NveHEqAhIAcgQIAyAAUAFaFmNhdGVnb3JpZUZpbHRlclVpdGdhYW5iH0hvcmVjYWdlbGVnZW5oZWRlbk92ZXJ6aWNodENvcHk=',
+            name: 'String',
+            nullable: true,
+          ),
+          'categorieFilterVerhuurCatering': debugSerializeParam(
+            categorieFilterVerhuurCatering,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+            searchReference:
+                'reference=QjMKJwoeY2F0ZWdvcmllRmlsdGVyVmVyaHV1ckNhdGVyaW5nEgVxc3U3OCoCEgByBAgDIABQAVoeY2F0ZWdvcmllRmlsdGVyVmVyaHV1ckNhdGVyaW5nYh9Ib3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRDb3B5',
+            name: 'String',
+            nullable: true,
+          ),
+          'alleActiviteiten': debugSerializeParam(
+            alleActiviteiten,
+            ParamType.JSON,
+            isList: true,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+            searchReference:
+                'reference=QiEKGQoQYWxsZUFjdGl2aXRlaXRlbhIFdTN0cXRyBBICCAlQAVoQYWxsZUFjdGl2aXRlaXRlbmIfSG9yZWNhZ2VsZWdlbmhlZGVuT3ZlcnppY2h0Q29weQ==',
+            name: 'dynamic',
+            nullable: false,
+          ),
+          'alleCultuur': debugSerializeParam(
+            alleCultuur,
+            ParamType.JSON,
+            isList: true,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+            searchReference:
+                'reference=QhwKFAoLYWxsZUN1bHR1dXISBWltMWR5cgQSAggJUAFaC2FsbGVDdWx0dXVyYh9Ib3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRDb3B5',
+            name: 'dynamic',
+            nullable: false,
+          ),
+          'alleEetgelegenheden': debugSerializeParam(
+            alleEetgelegenheden,
+            ParamType.JSON,
+            isList: true,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+            searchReference:
+                'reference=QiQKHAoTYWxsZUVldGdlbGVnZW5oZWRlbhIFZWEzd2pyBBICCAlQAVoTYWxsZUVldGdlbGVnZW5oZWRlbmIfSG9yZWNhZ2VsZWdlbmhlZGVuT3ZlcnppY2h0Q29weQ==',
+            name: 'dynamic',
+            nullable: false,
+          ),
+          'alleOvernachten': debugSerializeParam(
+            alleOvernachten,
+            ParamType.JSON,
+            isList: true,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+            searchReference:
+                'reference=QiAKGAoPYWxsZU92ZXJuYWNodGVuEgVtdnk1OXIEEgIICVABWg9hbGxlT3Zlcm5hY2h0ZW5iH0hvcmVjYWdlbGVnZW5oZWRlbk92ZXJ6aWNodENvcHk=',
+            name: 'dynamic',
+            nullable: false,
+          ),
+          'alleUitgaan': debugSerializeParam(
+            alleUitgaan,
+            ParamType.JSON,
+            isList: true,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+            searchReference:
+                'reference=QhwKFAoLYWxsZVVpdGdhYW4SBTN6NHFmcgQSAggJUAFaC2FsbGVVaXRnYWFuYh9Ib3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRDb3B5',
+            name: 'dynamic',
+            nullable: false,
+          ),
+          'alleVerhuurCatering': debugSerializeParam(
+            alleVerhuurCatering,
+            ParamType.JSON,
+            isList: true,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+            searchReference:
+                'reference=QiQKHAoTYWxsZVZlcmh1dXJDYXRlcmluZxIFd2tlcWVyBBICCAlQAVoTYWxsZVZlcmh1dXJDYXRlcmluZ2IfSG9yZWNhZ2VsZWdlbmhlZGVuT3ZlcnppY2h0Q29weQ==',
+            name: 'dynamic',
+            nullable: false,
+          )
+        }.entries,
+        widgetStates: {
+          'tabBarCurrentIndex': debugSerializeParam(
+            tabBarCurrentIndex,
+            ParamType.int,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+            name: 'int',
+            nullable: true,
+          ),
+          'tabBarPreviousIndex': debugSerializeParam(
+            tabBarPreviousIndex,
+            ParamType.int,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+            name: 'int',
+            nullable: true,
+          ),
+          'textFieldText': debugSerializeParam(
+            textController?.text,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+            name: 'String',
+            nullable: true,
+          )
+        }.entries,
+        actionOutputs: {
+          'resultHorecaCultuur': debugSerializeParam(
+            resultHorecaCultuur,
+            ParamType.JSON,
+            isList: true,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+            name: 'dynamic',
+            nullable: true,
+          )
+        }.entries,
+        generatorVariables: debugGeneratorVariables.entries,
+        backendQueries: debugBackendQueries.entries,
+        componentStates: {
+          'headerButtonsComponentModel (HeaderButtonsComponent)':
+              headerButtonsComponentModel?.toWidgetClassDebugData(),
+          'drawerComponentModel (drawerComponent)':
+              drawerComponentModel?.toWidgetClassDebugData(),
+          ...widgetBuilderComponents.map(
+            (key, value) => MapEntry(
+              key,
+              value.toWidgetClassDebugData(),
+            ),
+          ),
+        }.withoutNulls.entries,
+        dynamicComponentStates: {
+          'horecagelegenheidoverzichtKaartModels1 (List<HorecagelegenheidoverzichtKaart>)':
+              DynamicWidgetClassDebugData(
+            componentStates: Map.fromIterables(
+              List.generate(horecagelegenheidoverzichtKaartModels1.length,
+                  (index) => '[$index]'),
+              horecagelegenheidoverzichtKaartModels1.values
+                  .map((e) => e.toWidgetClassDebugData()),
+            ).entries,
+          ),
+          'horecagelegenheidoverzichtKaartModels2 (List<HorecagelegenheidoverzichtKaart>)':
+              DynamicWidgetClassDebugData(
+            componentStates: Map.fromIterables(
+              List.generate(horecagelegenheidoverzichtKaartModels2.length,
+                  (index) => '[$index]'),
+              horecagelegenheidoverzichtKaartModels2.values
+                  .map((e) => e.toWidgetClassDebugData()),
+            ).entries,
+          ),
+          'horecagelegenheidoverzichtKaartModels3 (List<HorecagelegenheidoverzichtKaart>)':
+              DynamicWidgetClassDebugData(
+            componentStates: Map.fromIterables(
+              List.generate(horecagelegenheidoverzichtKaartModels3.length,
+                  (index) => '[$index]'),
+              horecagelegenheidoverzichtKaartModels3.values
+                  .map((e) => e.toWidgetClassDebugData()),
+            ).entries,
+          ),
+          'horecagelegenheidoverzichtKaartModels4 (List<HorecagelegenheidoverzichtKaart>)':
+              DynamicWidgetClassDebugData(
+            componentStates: Map.fromIterables(
+              List.generate(horecagelegenheidoverzichtKaartModels4.length,
+                  (index) => '[$index]'),
+              horecagelegenheidoverzichtKaartModels4.values
+                  .map((e) => e.toWidgetClassDebugData()),
+            ).entries,
+          ),
+          'horecagelegenheidoverzichtKaartModels5 (List<HorecagelegenheidoverzichtKaart>)':
+              DynamicWidgetClassDebugData(
+            componentStates: Map.fromIterables(
+              List.generate(horecagelegenheidoverzichtKaartModels5.length,
+                  (index) => '[$index]'),
+              horecagelegenheidoverzichtKaartModels5.values
+                  .map((e) => e.toWidgetClassDebugData()),
+            ).entries,
+          ),
+          'horecagelegenheidoverzichtKaartModels6 (List<HorecagelegenheidoverzichtKaart>)':
+              DynamicWidgetClassDebugData(
+            componentStates: Map.fromIterables(
+              List.generate(horecagelegenheidoverzichtKaartModels6.length,
+                  (index) => '[$index]'),
+              horecagelegenheidoverzichtKaartModels6.values
+                  .map((e) => e.toWidgetClassDebugData()),
+            ).entries,
+          ),
+        }.withoutNulls.entries,
+        link:
+            'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd/tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+        searchReference:
+            'reference=Oh9Ib3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRDb3B5UAFaH0hvcmVjYWdlbGVnZW5oZWRlbk92ZXJ6aWNodENvcHk=',
+        widgetClassName: 'HorecagelegenhedenOverzichtCopy',
+      );
+}

lib/kanweg/horecagelegenheden_overzicht_copy/horecagelegenheden_overzicht_copy_widget.dart

@@ -0,0 +1,1808 @@
+import '/backend/api_requests/api_calls.dart';
+import '/components/header_buttons_component_widget.dart';
+import '/flutter_flow/flutter_flow_theme.dart';
+import '/flutter_flow/flutter_flow_util.dart';
+import '/flutter_flow/flutter_flow_widgets.dart';
+import '/horecagelegenhedenoverzicht/horecagelegenheidoverzicht_kaart/horecagelegenheidoverzicht_kaart_widget.dart';
+import '/shared/drawer_component/drawer_component_widget.dart';
+import 'dart:ui';
+import '/custom_code/actions/index.dart' as actions;
+import '/index.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_spinkit/flutter_spinkit.dart';
+import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart';
+import 'package:google_fonts/google_fonts.dart';
+import 'package:provider/provider.dart';
+import 'horecagelegenheden_overzicht_copy_model.dart';
+export 'horecagelegenheden_overzicht_copy_model.dart';
+
+class HorecagelegenhedenOverzichtCopyWidget extends StatefulWidget {
+  const HorecagelegenhedenOverzichtCopyWidget({
+    super.key,
+    required this.plaats,
+  });
+
+  final String? plaats;
+
+  static String routeName = 'HorecagelegenhedenOverzichtCopy';
+  static String routePath = '/horecagelegenhedenOverzichtCopy';
+
+  @override
+  State<HorecagelegenhedenOverzichtCopyWidget> createState() =>
+      _HorecagelegenhedenOverzichtCopyWidgetState();
+}
+
+class _HorecagelegenhedenOverzichtCopyWidgetState
+    extends State<HorecagelegenhedenOverzichtCopyWidget>
+    with TickerProviderStateMixin, RouteAware {
+  late HorecagelegenhedenOverzichtCopyModel _model;
+
+  final scaffoldKey = GlobalKey<ScaffoldState>();
+
+  @override
+  void initState() {
+    super.initState();
+    _model = createModel(context, () => HorecagelegenhedenOverzichtCopyModel());
+
+    _model.tabBarController = TabController(
+      vsync: this,
+      length: 6,
+      initialIndex: 0,
+    )
+      ..addListener(() => safeSetState(() {}))
+      ..addListener(() {
+        debugLogWidgetClass(_model);
+      });
+
+    _model.textController ??= TextEditingController()
+      ..addListener(() {
+        debugLogWidgetClass(_model);
+      });
+    _model.textFieldFocusNode ??= FocusNode();
+  }
+
+  @override
+  void dispose() {
+    routeObserver.unsubscribe(this);
+
+    _model.dispose();
+
+    super.dispose();
+  }
+
+  @override
+  void didUpdateWidget(HorecagelegenhedenOverzichtCopyWidget oldWidget) {
+    super.didUpdateWidget(oldWidget);
+    _model.widget = widget;
+  }
+
+  @override
+  void didChangeDependencies() {
+    super.didChangeDependencies();
+    final route = DebugModalRoute.of(context);
+    if (route != null) {
+      routeObserver.subscribe(this, route);
+    }
+    debugLogGlobalProperty(context);
+  }
+
+  @override
+  void didPopNext() {
+    if (mounted && DebugFlutterFlowModelContext.maybeOf(context) == null) {
+      setState(() => _model.isRouteVisible = true);
+      debugLogWidgetClass(_model);
+    }
+  }
+
+  @override
+  void didPush() {
+    if (mounted && DebugFlutterFlowModelContext.maybeOf(context) == null) {
+      setState(() => _model.isRouteVisible = true);
+      debugLogWidgetClass(_model);
+    }
+  }
+
+  @override
+  void didPop() {
+    _model.isRouteVisible = false;
+  }
+
+  @override
+  void didPushNext() {
+    _model.isRouteVisible = false;
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    DebugFlutterFlowModelContext.maybeOf(context)
+        ?.parentModelCallback
+        ?.call(_model);
+    context.watch<FFAppState>();
+    _model.horecagelegenheidoverzichtKaartModels1.clear();
+    _model.horecagelegenheidoverzichtKaartModels2.clear();
+    _model.horecagelegenheidoverzichtKaartModels3.clear();
+    _model.horecagelegenheidoverzichtKaartModels4.clear();
+    _model.horecagelegenheidoverzichtKaartModels5.clear();
+    _model.horecagelegenheidoverzichtKaartModels6.clear();
+
+    return GestureDetector(
+      onTap: () {
+        FocusScope.of(context).unfocus();
+        FocusManager.instance.primaryFocus?.unfocus();
+      },
+      child: Scaffold(
+        key: scaffoldKey,
+        backgroundColor: FlutterFlowTheme.of(context).primaryBackground,
+        drawer: Drawer(
+          elevation: 16.0,
+          child: wrapWithModel(
+            model: _model.drawerComponentModel,
+            updateCallback: () => safeSetState(() {}),
+            child: Builder(builder: (_) {
+              return DebugFlutterFlowModelContext(
+                rootModel: _model.rootModel,
+                child: DrawerComponentWidget(),
+              );
+            }),
+          ),
+        ),
+        appBar: PreferredSize(
+          preferredSize: Size.fromHeight(80.0),
+          child: AppBar(
+            backgroundColor: FlutterFlowTheme.of(context).info,
+            iconTheme: IconThemeData(color: Color(0xFFB12727)),
+            automaticallyImplyLeading: false,
+            actions: [],
+            flexibleSpace: FlexibleSpaceBar(
+              background: wrapWithModel(
+                model: _model.headerButtonsComponentModel,
+                updateCallback: () => safeSetState(() {}),
+                child: Builder(builder: (_) {
+                  return DebugFlutterFlowModelContext(
+                    rootModel: _model.rootModel,
+                    child: HeaderButtonsComponentWidget(),
+                  );
+                }),
+              ),
+              centerTitle: true,
+              expandedTitleScale: 1.0,
+            ),
+            bottom: PreferredSize(
+              preferredSize: Size.fromHeight(70.0),
+              child: Container(),
+            ),
+            toolbarHeight: MediaQuery.sizeOf(context).height * 0.25,
+            elevation: 2.0,
+          ),
+        ),
+        body: SafeArea(
+          top: true,
+          child: Column(
+            mainAxisSize: MainAxisSize.max,
+            children: [
+              Expanded(
+                child: Container(
+                  decoration: BoxDecoration(
+                    boxShadow: [
+                      BoxShadow(
+                        blurRadius: 4.0,
+                        color: Color(0x33000000),
+                        offset: Offset(
+                          0.0,
+                          2.0,
+                        ),
+                      )
+                    ],
+                  ),
+                  child: Column(
+                    children: [
+                      Align(
+                        alignment: Alignment(-1.0, 0),
+                        child: TabBar(
+                          isScrollable: true,
+                          tabAlignment: TabAlignment.start,
+                          labelColor: FlutterFlowTheme.of(context).primaryText,
+                          unselectedLabelColor:
+                              FlutterFlowTheme.of(context).secondaryText,
+                          labelStyle:
+                              FlutterFlowTheme.of(context).titleMedium.override(
+                                    font: GoogleFonts.roboto(
+                                      fontWeight: FlutterFlowTheme.of(context)
+                                          .titleMedium
+                                          .fontWeight,
+                                      fontStyle: FlutterFlowTheme.of(context)
+                                          .titleMedium
+                                          .fontStyle,
+                                    ),
+                                    letterSpacing: 0.0,
+                                    fontWeight: FlutterFlowTheme.of(context)
+                                        .titleMedium
+                                        .fontWeight,
+                                    fontStyle: FlutterFlowTheme.of(context)
+                                        .titleMedium
+                                        .fontStyle,
+                                  ),
+                          unselectedLabelStyle:
+                              FlutterFlowTheme.of(context).titleMedium.override(
+                                    font: GoogleFonts.roboto(
+                                      fontWeight: FlutterFlowTheme.of(context)
+                                          .titleMedium
+                                          .fontWeight,
+                                      fontStyle: FlutterFlowTheme.of(context)
+                                          .titleMedium
+                                          .fontStyle,
+                                    ),
+                                    letterSpacing: 0.0,
+                                    fontWeight: FlutterFlowTheme.of(context)
+                                        .titleMedium
+                                        .fontWeight,
+                                    fontStyle: FlutterFlowTheme.of(context)
+                                        .titleMedium
+                                        .fontStyle,
+                                  ),
+                          indicatorColor: FlutterFlowTheme.of(context).primary,
+                          tabs: [
+                            Tab(
+                              text: FFLocalizations.of(context).getText(
+                                '9h6jfdei' /* Activiteiten */,
+                              ),
+                            ),
+                            Tab(
+                              text: FFLocalizations.of(context).getText(
+                                'pnygpwks' /* Cultuur */,
+                              ),
+                            ),
+                            Tab(
+                              text: FFLocalizations.of(context).getText(
+                                'c7r33qpa' /* Eetgelegenheden */,
+                              ),
+                            ),
+                            Tab(
+                              text: FFLocalizations.of(context).getText(
+                                '9q9aqxds' /* Overnachten */,
+                              ),
+                            ),
+                            Tab(
+                              text: FFLocalizations.of(context).getText(
+                                'o3glxp3t' /* Uitgaan */,
+                              ),
+                            ),
+                            Tab(
+                              text: FFLocalizations.of(context).getText(
+                                'xxlt4qbt' /* Verhuur, catering */,
+                              ),
+                            ),
+                          ],
+                          controller: _model.tabBarController,
+                          onTap: (i) async {
+                            [
+                              () async {},
+                              () async {
+                                _model.tabVerhuurcateringGeladen = true;
+                                safeSetState(() {});
+                                _model.resultHorecaCultuur =
+                                    await actions.fetchAlleHorecagelegenheden(
+                                  '17963',
+                                  widget!.plaats!,
+                                  'services_1',
+                                );
+                                _model.alleCultuur = _model.resultHorecaCultuur!
+                                    .toList()
+                                    .cast<dynamic>();
+                                safeSetState(() {});
+
+                                safeSetState(() {});
+                              },
+                              () async {
+                                _model.tabEetgelegenhedenGeladen = true;
+                                safeSetState(() {});
+                              },
+                              () async {
+                                _model.tabOvernachtenGeladen = true;
+                                safeSetState(() {});
+                              },
+                              () async {
+                                _model.tabUitgaanGeladen = true;
+                                safeSetState(() {});
+                              },
+                              () async {
+                                _model.tabVerhuurcateringGeladen = true;
+                                safeSetState(() {});
+                              }
+                            ][i]();
+                          },
+                        ),
+                      ),
+                      Expanded(
+                        child: TabBarView(
+                          controller: _model.tabBarController,
+                          children: [
+                            Column(
+                              mainAxisSize: MainAxisSize.max,
+                              children: [
+                                Expanded(
+                                  child: FutureBuilder<ApiCallResponse>(
+                                    future: HorecagelegenheidoverzichtCall.call(
+                                      horcat: '17969',
+                                      townid: widget!.plaats,
+                                    ),
+                                    builder: (context, snapshot) {
+                                      // Customize what your widget looks like when it's loading.
+                                      if (!snapshot.hasData) {
+                                        return Center(
+                                          child: SizedBox(
+                                            width: 80.0,
+                                            height: 80.0,
+                                            child: SpinKitFadingCircle(
+                                              color:
+                                                  FlutterFlowTheme.of(context)
+                                                      .primary,
+                                              size: 80.0,
+                                            ),
+                                          ),
+                                        );
+                                      }
+                                      final staggeredViewHorecagelegenheidoverzichtResponse =
+                                          snapshot.data!;
+                                      _model.debugBackendQueries[
+                                              'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_8ho4g1ar'] =
+                                          debugSerializeParam(
+                                        staggeredViewHorecagelegenheidoverzichtResponse
+                                            .statusCode,
+                                        ParamType.int,
+                                        link:
+                                            'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+                                        name: 'int',
+                                        nullable: false,
+                                      );
+                                      _model.debugBackendQueries[
+                                              'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_8ho4g1ar'] =
+                                          debugSerializeParam(
+                                        staggeredViewHorecagelegenheidoverzichtResponse
+                                            .bodyText,
+                                        ParamType.String,
+                                        link:
+                                            'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+                                        name: 'String',
+                                        nullable: false,
+                                      );
+                                      debugLogWidgetClass(_model);
+
+                                      return Builder(
+                                        builder: (context) {
+                                          final horecagelegenheden =
+                                              getJsonField(
+                                            staggeredViewHorecagelegenheidoverzichtResponse
+                                                .jsonBody,
+                                            r'''$''',
+                                          ).toList().take(25).toList();
+                                          _model.debugGeneratorVariables[
+                                                  'horecagelegenheden${horecagelegenheden.length > 100 ? ' (first 100)' : ''}'] =
+                                              debugSerializeParam(
+                                            horecagelegenheden.take(100),
+                                            ParamType.JSON,
+                                            isList: true,
+                                            link:
+                                                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+                                            name: 'dynamic',
+                                            nullable: false,
+                                          );
+                                          debugLogWidgetClass(_model);
+
+                                          return MasonryGridView.builder(
+                                            gridDelegate:
+                                                SliverSimpleGridDelegateWithFixedCrossAxisCount(
+                                              crossAxisCount: () {
+                                                if (MediaQuery.sizeOf(context)
+                                                        .width <
+                                                    kBreakpointSmall) {
+                                                  return 1;
+                                                } else if (MediaQuery.sizeOf(
+                                                            context)
+                                                        .width <
+                                                    kBreakpointMedium) {
+                                                  return 1;
+                                                } else if (MediaQuery.sizeOf(
+                                                            context)
+                                                        .width <
+                                                    kBreakpointLarge) {
+                                                  return 2;
+                                                } else {
+                                                  return 3;
+                                                }
+                                              }(),
+                                            ),
+                                            crossAxisSpacing: 12.0,
+                                            mainAxisSpacing: 12.0,
+                                            itemCount:
+                                                horecagelegenheden.length,
+                                            itemBuilder: (context,
+                                                horecagelegenhedenIndex) {
+                                              final horecagelegenhedenItem =
+                                                  horecagelegenheden[
+                                                      horecagelegenhedenIndex];
+                                              return Container(
+                                                width: 600.0,
+                                                height: 225.0,
+                                                decoration: BoxDecoration(
+                                                  color: FlutterFlowTheme.of(
+                                                          context)
+                                                      .secondaryBackground,
+                                                ),
+                                                child: InkWell(
+                                                  splashColor:
+                                                      Colors.transparent,
+                                                  focusColor:
+                                                      Colors.transparent,
+                                                  hoverColor:
+                                                      Colors.transparent,
+                                                  highlightColor:
+                                                      Colors.transparent,
+                                                  onTap: () async {
+                                                    context.pushNamed(
+                                                      HorecagelegenheidCurrentWidget
+                                                          .routeName,
+                                                      queryParameters: {
+                                                        'nid': serializeParam(
+                                                          getJsonField(
+                                                            horecagelegenhedenItem,
+                                                            r'''$.nid''',
+                                                          ).toString(),
+                                                          ParamType.String,
+                                                        ),
+                                                      }.withoutNulls,
+                                                    );
+                                                  },
+                                                  child: Builder(builder: (_) {
+                                                    return DebugFlutterFlowModelContext(
+                                                      rootModel:
+                                                          _model.rootModel,
+                                                      parentModelCallback: (m) {
+                                                        _model.horecagelegenheidoverzichtKaartModels1[
+                                                            'Keyf2t_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
+                                                      },
+                                                      child:
+                                                          HorecagelegenheidoverzichtKaartWidget(
+                                                        key: Key(
+                                                            'Keyf2t_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'),
+                                                        titel: getJsonField(
+                                                          horecagelegenhedenItem,
+                                                          r'''$.titel''',
+                                                        ).toString(),
+                                                        logo: getJsonField(
+                                                          horecagelegenhedenItem,
+                                                          r'''$.logo''',
+                                                        ).toString(),
+                                                        nid: getJsonField(
+                                                          horecagelegenhedenItem,
+                                                          r'''$.nid''',
+                                                        ).toString(),
+                                                        adres: getJsonField(
+                                                          horecagelegenhedenItem,
+                                                          r'''$.adres''',
+                                                        ).toString(),
+                                                        plaats: getJsonField(
+                                                          horecagelegenhedenItem,
+                                                          r'''$.plaats''',
+                                                        ).toString(),
+                                                        categorie:
+                                                            (getJsonField(
+                                                          horecagelegenhedenItem,
+                                                          r'''$.categorie''',
+                                                          true,
+                                                        ) as List?)
+                                                                ?.map<String>(
+                                                                    (e) => e
+                                                                        .toString())
+                                                                .toList()
+                                                                .cast<String>(),
+                                                      ),
+                                                    );
+                                                  }),
+                                                ),
+                                              );
+                                            },
+                                          );
+                                        },
+                                      );
+                                    },
+                                  ),
+                                ),
+                                Container(
+                                  width: 200.0,
+                                  child: TextFormField(
+                                    controller: _model.textController,
+                                    focusNode: _model.textFieldFocusNode,
+                                    autofocus: false,
+                                    enabled: true,
+                                    obscureText: false,
+                                    decoration: InputDecoration(
+                                      isDense: true,
+                                      labelStyle: FlutterFlowTheme.of(context)
+                                          .labelMedium
+                                          .override(
+                                            font: GoogleFonts.roboto(
+                                              fontWeight:
+                                                  FlutterFlowTheme.of(context)
+                                                      .labelMedium
+                                                      .fontWeight,
+                                              fontStyle:
+                                                  FlutterFlowTheme.of(context)
+                                                      .labelMedium
+                                                      .fontStyle,
+                                            ),
+                                            letterSpacing: 0.0,
+                                            fontWeight:
+                                                FlutterFlowTheme.of(context)
+                                                    .labelMedium
+                                                    .fontWeight,
+                                            fontStyle:
+                                                FlutterFlowTheme.of(context)
+                                                    .labelMedium
+                                                    .fontStyle,
+                                          ),
+                                      hintText:
+                                          FFLocalizations.of(context).getText(
+                                        'ndvhb9rw' /* TextField */,
+                                      ),
+                                      hintStyle: FlutterFlowTheme.of(context)
+                                          .labelMedium
+                                          .override(
+                                            font: GoogleFonts.roboto(
+                                              fontWeight:
+                                                  FlutterFlowTheme.of(context)
+                                                      .labelMedium
+                                                      .fontWeight,
+                                              fontStyle:
+                                                  FlutterFlowTheme.of(context)
+                                                      .labelMedium
+                                                      .fontStyle,
+                                            ),
+                                            letterSpacing: 0.0,
+                                            fontWeight:
+                                                FlutterFlowTheme.of(context)
+                                                    .labelMedium
+                                                    .fontWeight,
+                                            fontStyle:
+                                                FlutterFlowTheme.of(context)
+                                                    .labelMedium
+                                                    .fontStyle,
+                                          ),
+                                      enabledBorder: OutlineInputBorder(
+                                        borderSide: BorderSide(
+                                          color: Color(0x00000000),
+                                          width: 1.0,
+                                        ),
+                                        borderRadius:
+                                            BorderRadius.circular(8.0),
+                                      ),
+                                      focusedBorder: OutlineInputBorder(
+                                        borderSide: BorderSide(
+                                          color: Color(0x00000000),
+                                          width: 1.0,
+                                        ),
+                                        borderRadius:
+                                            BorderRadius.circular(8.0),
+                                      ),
+                                      errorBorder: OutlineInputBorder(
+                                        borderSide: BorderSide(
+                                          color: FlutterFlowTheme.of(context)
+                                              .error,
+                                          width: 1.0,
+                                        ),
+                                        borderRadius:
+                                            BorderRadius.circular(8.0),
+                                      ),
+                                      focusedErrorBorder: OutlineInputBorder(
+                                        borderSide: BorderSide(
+                                          color: FlutterFlowTheme.of(context)
+                                              .error,
+                                          width: 1.0,
+                                        ),
+                                        borderRadius:
+                                            BorderRadius.circular(8.0),
+                                      ),
+                                      filled: true,
+                                      fillColor: FlutterFlowTheme.of(context)
+                                          .secondaryBackground,
+                                    ),
+                                    style: FlutterFlowTheme.of(context)
+                                        .bodyMedium
+                                        .override(
+                                          font: GoogleFonts.roboto(
+                                            fontWeight:
+                                                FlutterFlowTheme.of(context)
+                                                    .bodyMedium
+                                                    .fontWeight,
+                                            fontStyle:
+                                                FlutterFlowTheme.of(context)
+                                                    .bodyMedium
+                                                    .fontStyle,
+                                          ),
+                                          letterSpacing: 0.0,
+                                          fontWeight:
+                                              FlutterFlowTheme.of(context)
+                                                  .bodyMedium
+                                                  .fontWeight,
+                                          fontStyle:
+                                              FlutterFlowTheme.of(context)
+                                                  .bodyMedium
+                                                  .fontStyle,
+                                        ),
+                                    cursorColor: FlutterFlowTheme.of(context)
+                                        .primaryText,
+                                    enableInteractiveSelection: true,
+                                    validator: _model.textControllerValidator
+                                        .asValidator(context),
+                                  ),
+                                ),
+                              ],
+                            ),
+                            Builder(
+                              builder: (context) {
+                                if (_model.tabCultuurGeladen) {
+                                  return Column(
+                                    mainAxisSize: MainAxisSize.max,
+                                    children: [
+                                      Expanded(
+                                        child: FutureBuilder<ApiCallResponse>(
+                                          future: HorecagelegenheidoverzichtCall
+                                              .call(
+                                            horcat: '17963',
+                                            townid: widget!.plaats,
+                                          ),
+                                          builder: (context, snapshot) {
+                                            // Customize what your widget looks like when it's loading.
+                                            if (!snapshot.hasData) {
+                                              return Center(
+                                                child: SizedBox(
+                                                  width: 80.0,
+                                                  height: 80.0,
+                                                  child: SpinKitFadingCircle(
+                                                    color: FlutterFlowTheme.of(
+                                                            context)
+                                                        .primary,
+                                                    size: 80.0,
+                                                  ),
+                                                ),
+                                              );
+                                            }
+                                            final staggeredViewHorecagelegenheidoverzichtResponse =
+                                                snapshot.data!;
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_awkysuaa'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .statusCode,
+                                              ParamType.int,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+                                              name: 'int',
+                                              nullable: false,
+                                            );
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_awkysuaa'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .bodyText,
+                                              ParamType.String,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+                                              name: 'String',
+                                              nullable: false,
+                                            );
+                                            debugLogWidgetClass(_model);
+
+                                            return Builder(
+                                              builder: (context) {
+                                                final horecagelegenheden =
+                                                    getJsonField(
+                                                  staggeredViewHorecagelegenheidoverzichtResponse
+                                                      .jsonBody,
+                                                  r'''$''',
+                                                ).toList().take(25).toList();
+                                                if (horecagelegenheden
+                                                    .isEmpty) {
+                                                  return Image.asset(
+                                                    'assets/images/logo800px.png',
+                                                  );
+                                                }
+                                                _model.debugGeneratorVariables[
+                                                        'horecagelegenheden${horecagelegenheden.length > 100 ? ' (first 100)' : ''}'] =
+                                                    debugSerializeParam(
+                                                  horecagelegenheden.take(100),
+                                                  ParamType.JSON,
+                                                  isList: true,
+                                                  link:
+                                                      'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+                                                  name: 'dynamic',
+                                                  nullable: false,
+                                                );
+                                                debugLogWidgetClass(_model);
+
+                                                return MasonryGridView.builder(
+                                                  gridDelegate:
+                                                      SliverSimpleGridDelegateWithFixedCrossAxisCount(
+                                                    crossAxisCount: () {
+                                                      if (MediaQuery.sizeOf(
+                                                                  context)
+                                                              .width <
+                                                          kBreakpointSmall) {
+                                                        return 1;
+                                                      } else if (MediaQuery
+                                                                  .sizeOf(
+                                                                      context)
+                                                              .width <
+                                                          kBreakpointMedium) {
+                                                        return 1;
+                                                      } else if (MediaQuery
+                                                                  .sizeOf(
+                                                                      context)
+                                                              .width <
+                                                          kBreakpointLarge) {
+                                                        return 2;
+                                                      } else {
+                                                        return 3;
+                                                      }
+                                                    }(),
+                                                  ),
+                                                  crossAxisSpacing: 12.0,
+                                                  mainAxisSpacing: 13.0,
+                                                  itemCount:
+                                                      horecagelegenheden.length,
+                                                  itemBuilder: (context,
+                                                      horecagelegenhedenIndex) {
+                                                    final horecagelegenhedenItem =
+                                                        horecagelegenheden[
+                                                            horecagelegenhedenIndex];
+                                                    return Container(
+                                                      width: 600.0,
+                                                      height: 225.0,
+                                                      decoration: BoxDecoration(
+                                                        color: FlutterFlowTheme
+                                                                .of(context)
+                                                            .secondaryBackground,
+                                                      ),
+                                                      child: InkWell(
+                                                        splashColor:
+                                                            Colors.transparent,
+                                                        focusColor:
+                                                            Colors.transparent,
+                                                        hoverColor:
+                                                            Colors.transparent,
+                                                        highlightColor:
+                                                            Colors.transparent,
+                                                        onTap: () async {
+                                                          context.pushNamed(
+                                                            HorecagelegenheidCurrentWidget
+                                                                .routeName,
+                                                            queryParameters: {
+                                                              'nid':
+                                                                  serializeParam(
+                                                                getJsonField(
+                                                                  horecagelegenhedenItem,
+                                                                  r'''$.nid''',
+                                                                ).toString(),
+                                                                ParamType
+                                                                    .String,
+                                                              ),
+                                                            }.withoutNulls,
+                                                          );
+                                                        },
+                                                        child: Builder(
+                                                            builder: (_) {
+                                                          return DebugFlutterFlowModelContext(
+                                                            rootModel: _model
+                                                                .rootModel,
+                                                            parentModelCallback:
+                                                                (m) {
+                                                              _model.horecagelegenheidoverzichtKaartModels2[
+                                                                  'Keyau4_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
+                                                            },
+                                                            child:
+                                                                HorecagelegenheidoverzichtKaartWidget(
+                                                              key: Key(
+                                                                  'Keyau4_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'),
+                                                              titel:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.titel''',
+                                                              ).toString(),
+                                                              logo:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.logo''',
+                                                              ).toString(),
+                                                              nid: getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.nid''',
+                                                              ).toString(),
+                                                              adres:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.adres''',
+                                                              ).toString(),
+                                                              plaats:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.plaats''',
+                                                              ).toString(),
+                                                              categorie:
+                                                                  (getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.categorie''',
+                                                                true,
+                                                              ) as List?)
+                                                                      ?.map<String>(
+                                                                          (e) => e
+                                                                              .toString())
+                                                                      .toList()
+                                                                      .cast<
+                                                                          String>(),
+                                                            ),
+                                                          );
+                                                        }),
+                                                      ),
+                                                    );
+                                                  },
+                                                );
+                                              },
+                                            );
+                                          },
+                                        ),
+                                      ),
+                                    ],
+                                  );
+                                } else {
+                                  return Container(
+                                    width: 100.0,
+                                    height: 100.0,
+                                    decoration: BoxDecoration(
+                                      color: FlutterFlowTheme.of(context)
+                                          .secondaryBackground,
+                                    ),
+                                  );
+                                }
+                              },
+                            ),
+                            Builder(
+                              builder: (context) {
+                                if (_model.tabEetgelegenhedenGeladen) {
+                                  return Column(
+                                    mainAxisSize: MainAxisSize.max,
+                                    children: [
+                                      Expanded(
+                                        child: FutureBuilder<ApiCallResponse>(
+                                          future: HorecagelegenheidoverzichtCall
+                                              .call(
+                                            horcat: '34',
+                                            townid: widget!.plaats,
+                                          ),
+                                          builder: (context, snapshot) {
+                                            // Customize what your widget looks like when it's loading.
+                                            if (!snapshot.hasData) {
+                                              return Center(
+                                                child: SizedBox(
+                                                  width: 80.0,
+                                                  height: 80.0,
+                                                  child: SpinKitFadingCircle(
+                                                    color: FlutterFlowTheme.of(
+                                                            context)
+                                                        .primary,
+                                                    size: 80.0,
+                                                  ),
+                                                ),
+                                              );
+                                            }
+                                            final staggeredViewHorecagelegenheidoverzichtResponse =
+                                                snapshot.data!;
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_huunm506'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .statusCode,
+                                              ParamType.int,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+                                              name: 'int',
+                                              nullable: false,
+                                            );
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_huunm506'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .bodyText,
+                                              ParamType.String,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+                                              name: 'String',
+                                              nullable: false,
+                                            );
+                                            debugLogWidgetClass(_model);
+
+                                            return Builder(
+                                              builder: (context) {
+                                                final horecagelegenheden =
+                                                    getJsonField(
+                                                  staggeredViewHorecagelegenheidoverzichtResponse
+                                                      .jsonBody,
+                                                  r'''$''',
+                                                ).toList().take(25).toList();
+                                                if (horecagelegenheden
+                                                    .isEmpty) {
+                                                  return Image.asset(
+                                                    'assets/images/logo800px.png',
+                                                  );
+                                                }
+                                                _model.debugGeneratorVariables[
+                                                        'horecagelegenheden${horecagelegenheden.length > 100 ? ' (first 100)' : ''}'] =
+                                                    debugSerializeParam(
+                                                  horecagelegenheden.take(100),
+                                                  ParamType.JSON,
+                                                  isList: true,
+                                                  link:
+                                                      'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+                                                  name: 'dynamic',
+                                                  nullable: false,
+                                                );
+                                                debugLogWidgetClass(_model);
+
+                                                return MasonryGridView.builder(
+                                                  gridDelegate:
+                                                      SliverSimpleGridDelegateWithFixedCrossAxisCount(
+                                                    crossAxisCount: () {
+                                                      if (MediaQuery.sizeOf(
+                                                                  context)
+                                                              .width <
+                                                          kBreakpointSmall) {
+                                                        return 1;
+                                                      } else if (MediaQuery
+                                                                  .sizeOf(
+                                                                      context)
+                                                              .width <
+                                                          kBreakpointMedium) {
+                                                        return 1;
+                                                      } else if (MediaQuery
+                                                                  .sizeOf(
+                                                                      context)
+                                                              .width <
+                                                          kBreakpointLarge) {
+                                                        return 2;
+                                                      } else {
+                                                        return 3;
+                                                      }
+                                                    }(),
+                                                  ),
+                                                  crossAxisSpacing: 12.0,
+                                                  mainAxisSpacing: 12.0,
+                                                  itemCount:
+                                                      horecagelegenheden.length,
+                                                  itemBuilder: (context,
+                                                      horecagelegenhedenIndex) {
+                                                    final horecagelegenhedenItem =
+                                                        horecagelegenheden[
+                                                            horecagelegenhedenIndex];
+                                                    return Container(
+                                                      width: 600.0,
+                                                      height: 225.0,
+                                                      decoration: BoxDecoration(
+                                                        color: FlutterFlowTheme
+                                                                .of(context)
+                                                            .secondaryBackground,
+                                                      ),
+                                                      child: InkWell(
+                                                        splashColor:
+                                                            Colors.transparent,
+                                                        focusColor:
+                                                            Colors.transparent,
+                                                        hoverColor:
+                                                            Colors.transparent,
+                                                        highlightColor:
+                                                            Colors.transparent,
+                                                        onTap: () async {
+                                                          context.pushNamed(
+                                                            HorecagelegenheidCurrentWidget
+                                                                .routeName,
+                                                            queryParameters: {
+                                                              'nid':
+                                                                  serializeParam(
+                                                                getJsonField(
+                                                                  horecagelegenhedenItem,
+                                                                  r'''$.nid''',
+                                                                ).toString(),
+                                                                ParamType
+                                                                    .String,
+                                                              ),
+                                                            }.withoutNulls,
+                                                          );
+                                                        },
+                                                        child: Builder(
+                                                            builder: (_) {
+                                                          return DebugFlutterFlowModelContext(
+                                                            rootModel: _model
+                                                                .rootModel,
+                                                            parentModelCallback:
+                                                                (m) {
+                                                              _model.horecagelegenheidoverzichtKaartModels3[
+                                                                  'Keyyzf_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
+                                                            },
+                                                            child:
+                                                                HorecagelegenheidoverzichtKaartWidget(
+                                                              key: Key(
+                                                                  'Keyyzf_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'),
+                                                              titel:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.titel''',
+                                                              ).toString(),
+                                                              logo:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.logo''',
+                                                              ).toString(),
+                                                              nid: getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.nid''',
+                                                              ).toString(),
+                                                              adres:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.adres''',
+                                                              ).toString(),
+                                                              plaats:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.plaats''',
+                                                              ).toString(),
+                                                              categorie:
+                                                                  (getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.categorie''',
+                                                                true,
+                                                              ) as List?)
+                                                                      ?.map<String>(
+                                                                          (e) => e
+                                                                              .toString())
+                                                                      .toList()
+                                                                      .cast<
+                                                                          String>(),
+                                                            ),
+                                                          );
+                                                        }),
+                                                      ),
+                                                    );
+                                                  },
+                                                );
+                                              },
+                                            );
+                                          },
+                                        ),
+                                      ),
+                                    ],
+                                  );
+                                } else {
+                                  return Container(
+                                    width: 100.0,
+                                    height: 100.0,
+                                    decoration: BoxDecoration(
+                                      color: FlutterFlowTheme.of(context)
+                                          .secondaryBackground,
+                                    ),
+                                  );
+                                }
+                              },
+                            ),
+                            Builder(
+                              builder: (context) {
+                                if (_model.tabOvernachtenGeladen) {
+                                  return Column(
+                                    mainAxisSize: MainAxisSize.max,
+                                    children: [
+                                      Expanded(
+                                        child: FutureBuilder<ApiCallResponse>(
+                                          future: HorecagelegenheidoverzichtCall
+                                              .call(
+                                            horcat: '17965',
+                                            townid: widget!.plaats,
+                                          ),
+                                          builder: (context, snapshot) {
+                                            // Customize what your widget looks like when it's loading.
+                                            if (!snapshot.hasData) {
+                                              return Center(
+                                                child: SizedBox(
+                                                  width: 80.0,
+                                                  height: 80.0,
+                                                  child: SpinKitFadingCircle(
+                                                    color: FlutterFlowTheme.of(
+                                                            context)
+                                                        .primary,
+                                                    size: 80.0,
+                                                  ),
+                                                ),
+                                              );
+                                            }
+                                            final staggeredViewHorecagelegenheidoverzichtResponse =
+                                                snapshot.data!;
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_5cj7ol2h'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .statusCode,
+                                              ParamType.int,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+                                              name: 'int',
+                                              nullable: false,
+                                            );
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_5cj7ol2h'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .bodyText,
+                                              ParamType.String,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+                                              name: 'String',
+                                              nullable: false,
+                                            );
+                                            debugLogWidgetClass(_model);
+
+                                            return Builder(
+                                              builder: (context) {
+                                                final horecagelegenheden =
+                                                    getJsonField(
+                                                  staggeredViewHorecagelegenheidoverzichtResponse
+                                                      .jsonBody,
+                                                  r'''$''',
+                                                ).toList().take(25).toList();
+                                                if (horecagelegenheden
+                                                    .isEmpty) {
+                                                  return Image.asset(
+                                                    'assets/images/logo800px.png',
+                                                  );
+                                                }
+                                                _model.debugGeneratorVariables[
+                                                        'horecagelegenheden${horecagelegenheden.length > 100 ? ' (first 100)' : ''}'] =
+                                                    debugSerializeParam(
+                                                  horecagelegenheden.take(100),
+                                                  ParamType.JSON,
+                                                  isList: true,
+                                                  link:
+                                                      'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+                                                  name: 'dynamic',
+                                                  nullable: false,
+                                                );
+                                                debugLogWidgetClass(_model);
+
+                                                return MasonryGridView.builder(
+                                                  gridDelegate:
+                                                      SliverSimpleGridDelegateWithFixedCrossAxisCount(
+                                                    crossAxisCount: () {
+                                                      if (MediaQuery.sizeOf(
+                                                                  context)
+                                                              .width <
+                                                          kBreakpointSmall) {
+                                                        return 1;
+                                                      } else if (MediaQuery
+                                                                  .sizeOf(
+                                                                      context)
+                                                              .width <
+                                                          kBreakpointMedium) {
+                                                        return 1;
+                                                      } else if (MediaQuery
+                                                                  .sizeOf(
+                                                                      context)
+                                                              .width <
+                                                          kBreakpointLarge) {
+                                                        return 2;
+                                                      } else {
+                                                        return 3;
+                                                      }
+                                                    }(),
+                                                  ),
+                                                  crossAxisSpacing: 12.0,
+                                                  mainAxisSpacing: 12.0,
+                                                  itemCount:
+                                                      horecagelegenheden.length,
+                                                  itemBuilder: (context,
+                                                      horecagelegenhedenIndex) {
+                                                    final horecagelegenhedenItem =
+                                                        horecagelegenheden[
+                                                            horecagelegenhedenIndex];
+                                                    return Container(
+                                                      width: 600.0,
+                                                      height: 225.0,
+                                                      decoration: BoxDecoration(
+                                                        color: FlutterFlowTheme
+                                                                .of(context)
+                                                            .secondaryBackground,
+                                                      ),
+                                                      child: InkWell(
+                                                        splashColor:
+                                                            Colors.transparent,
+                                                        focusColor:
+                                                            Colors.transparent,
+                                                        hoverColor:
+                                                            Colors.transparent,
+                                                        highlightColor:
+                                                            Colors.transparent,
+                                                        onTap: () async {
+                                                          context.pushNamed(
+                                                            HorecagelegenheidCurrentWidget
+                                                                .routeName,
+                                                            queryParameters: {
+                                                              'nid':
+                                                                  serializeParam(
+                                                                getJsonField(
+                                                                  horecagelegenhedenItem,
+                                                                  r'''$.nid''',
+                                                                ).toString(),
+                                                                ParamType
+                                                                    .String,
+                                                              ),
+                                                            }.withoutNulls,
+                                                          );
+                                                        },
+                                                        child: Builder(
+                                                            builder: (_) {
+                                                          return DebugFlutterFlowModelContext(
+                                                            rootModel: _model
+                                                                .rootModel,
+                                                            parentModelCallback:
+                                                                (m) {
+                                                              _model.horecagelegenheidoverzichtKaartModels4[
+                                                                  'Key2oq_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
+                                                            },
+                                                            child:
+                                                                HorecagelegenheidoverzichtKaartWidget(
+                                                              key: Key(
+                                                                  'Key2oq_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'),
+                                                              titel:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.titel''',
+                                                              ).toString(),
+                                                              logo:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.logo''',
+                                                              ).toString(),
+                                                              nid: getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.nid''',
+                                                              ).toString(),
+                                                              adres:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.adres''',
+                                                              ).toString(),
+                                                              plaats:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.plaats''',
+                                                              ).toString(),
+                                                              categorie:
+                                                                  (getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.categorie''',
+                                                                true,
+                                                              ) as List?)
+                                                                      ?.map<String>(
+                                                                          (e) => e
+                                                                              .toString())
+                                                                      .toList()
+                                                                      .cast<
+                                                                          String>(),
+                                                            ),
+                                                          );
+                                                        }),
+                                                      ),
+                                                    );
+                                                  },
+                                                );
+                                              },
+                                            );
+                                          },
+                                        ),
+                                      ),
+                                    ],
+                                  );
+                                } else {
+                                  return Container(
+                                    width: 100.0,
+                                    height: 100.0,
+                                    decoration: BoxDecoration(
+                                      color: FlutterFlowTheme.of(context)
+                                          .secondaryBackground,
+                                    ),
+                                  );
+                                }
+                              },
+                            ),
+                            Builder(
+                              builder: (context) {
+                                if (_model.tabUitgaanGeladen) {
+                                  return Column(
+                                    mainAxisSize: MainAxisSize.max,
+                                    children: [
+                                      Expanded(
+                                        child: FutureBuilder<ApiCallResponse>(
+                                          future: HorecagelegenheidoverzichtCall
+                                              .call(
+                                            horcat: '17967',
+                                            townid:
+                                                FFAppState().provincieSelectId,
+                                          ),
+                                          builder: (context, snapshot) {
+                                            // Customize what your widget looks like when it's loading.
+                                            if (!snapshot.hasData) {
+                                              return Center(
+                                                child: SizedBox(
+                                                  width: 80.0,
+                                                  height: 80.0,
+                                                  child: SpinKitFadingCircle(
+                                                    color: FlutterFlowTheme.of(
+                                                            context)
+                                                        .primary,
+                                                    size: 80.0,
+                                                  ),
+                                                ),
+                                              );
+                                            }
+                                            final staggeredViewHorecagelegenheidoverzichtResponse =
+                                                snapshot.data!;
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_om2gu8a4'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .statusCode,
+                                              ParamType.int,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+                                              name: 'int',
+                                              nullable: false,
+                                            );
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_om2gu8a4'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .bodyText,
+                                              ParamType.String,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+                                              name: 'String',
+                                              nullable: false,
+                                            );
+                                            debugLogWidgetClass(_model);
+
+                                            return Builder(
+                                              builder: (context) {
+                                                final horecagelegenheden =
+                                                    getJsonField(
+                                                  staggeredViewHorecagelegenheidoverzichtResponse
+                                                      .jsonBody,
+                                                  r'''$''',
+                                                ).toList().take(25).toList();
+                                                if (horecagelegenheden
+                                                    .isEmpty) {
+                                                  return Image.asset(
+                                                    'assets/images/logo800px.png',
+                                                  );
+                                                }
+                                                _model.debugGeneratorVariables[
+                                                        'horecagelegenheden${horecagelegenheden.length > 100 ? ' (first 100)' : ''}'] =
+                                                    debugSerializeParam(
+                                                  horecagelegenheden.take(100),
+                                                  ParamType.JSON,
+                                                  isList: true,
+                                                  link:
+                                                      'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+                                                  name: 'dynamic',
+                                                  nullable: false,
+                                                );
+                                                debugLogWidgetClass(_model);
+
+                                                return MasonryGridView.builder(
+                                                  gridDelegate:
+                                                      SliverSimpleGridDelegateWithFixedCrossAxisCount(
+                                                    crossAxisCount: () {
+                                                      if (MediaQuery.sizeOf(
+                                                                  context)
+                                                              .width <
+                                                          kBreakpointSmall) {
+                                                        return 1;
+                                                      } else if (MediaQuery
+                                                                  .sizeOf(
+                                                                      context)
+                                                              .width <
+                                                          kBreakpointMedium) {
+                                                        return 1;
+                                                      } else if (MediaQuery
+                                                                  .sizeOf(
+                                                                      context)
+                                                              .width <
+                                                          kBreakpointLarge) {
+                                                        return 2;
+                                                      } else {
+                                                        return 3;
+                                                      }
+                                                    }(),
+                                                  ),
+                                                  crossAxisSpacing: 12.0,
+                                                  mainAxisSpacing: 12.0,
+                                                  itemCount:
+                                                      horecagelegenheden.length,
+                                                  itemBuilder: (context,
+                                                      horecagelegenhedenIndex) {
+                                                    final horecagelegenhedenItem =
+                                                        horecagelegenheden[
+                                                            horecagelegenhedenIndex];
+                                                    return Container(
+                                                      width: 600.0,
+                                                      height: 225.0,
+                                                      decoration: BoxDecoration(
+                                                        color: FlutterFlowTheme
+                                                                .of(context)
+                                                            .secondaryBackground,
+                                                      ),
+                                                      child: InkWell(
+                                                        splashColor:
+                                                            Colors.transparent,
+                                                        focusColor:
+                                                            Colors.transparent,
+                                                        hoverColor:
+                                                            Colors.transparent,
+                                                        highlightColor:
+                                                            Colors.transparent,
+                                                        onTap: () async {
+                                                          context.pushNamed(
+                                                            HorecagelegenheidCurrentWidget
+                                                                .routeName,
+                                                            queryParameters: {
+                                                              'nid':
+                                                                  serializeParam(
+                                                                getJsonField(
+                                                                  horecagelegenhedenItem,
+                                                                  r'''$.nid''',
+                                                                ).toString(),
+                                                                ParamType
+                                                                    .String,
+                                                              ),
+                                                            }.withoutNulls,
+                                                          );
+                                                        },
+                                                        child: Builder(
+                                                            builder: (_) {
+                                                          return DebugFlutterFlowModelContext(
+                                                            rootModel: _model
+                                                                .rootModel,
+                                                            parentModelCallback:
+                                                                (m) {
+                                                              _model.horecagelegenheidoverzichtKaartModels5[
+                                                                  'Keyuea_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
+                                                            },
+                                                            child:
+                                                                HorecagelegenheidoverzichtKaartWidget(
+                                                              key: Key(
+                                                                  'Keyuea_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'),
+                                                              titel:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.titel''',
+                                                              ).toString(),
+                                                              logo:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.logo''',
+                                                              ).toString(),
+                                                              nid: getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.nid''',
+                                                              ).toString(),
+                                                              adres:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.adres''',
+                                                              ).toString(),
+                                                              plaats:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.plaats''',
+                                                              ).toString(),
+                                                              categorie:
+                                                                  (getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.categorie''',
+                                                                true,
+                                                              ) as List?)
+                                                                      ?.map<String>(
+                                                                          (e) => e
+                                                                              .toString())
+                                                                      .toList()
+                                                                      .cast<
+                                                                          String>(),
+                                                            ),
+                                                          );
+                                                        }),
+                                                      ),
+                                                    );
+                                                  },
+                                                );
+                                              },
+                                            );
+                                          },
+                                        ),
+                                      ),
+                                    ],
+                                  );
+                                } else {
+                                  return Container(
+                                    width: 100.0,
+                                    height: 100.0,
+                                    decoration: BoxDecoration(
+                                      color: FlutterFlowTheme.of(context)
+                                          .secondaryBackground,
+                                    ),
+                                  );
+                                }
+                              },
+                            ),
+                            Builder(
+                              builder: (context) {
+                                if (_model.tabVerhuurcateringGeladen) {
+                                  return Column(
+                                    mainAxisSize: MainAxisSize.max,
+                                    children: [
+                                      Expanded(
+                                        child: FutureBuilder<ApiCallResponse>(
+                                          future: HorecagelegenheidoverzichtCall
+                                              .call(
+                                            horcat: '17968',
+                                            townid: widget!.plaats,
+                                          ),
+                                          builder: (context, snapshot) {
+                                            // Customize what your widget looks like when it's loading.
+                                            if (!snapshot.hasData) {
+                                              return Center(
+                                                child: SizedBox(
+                                                  width: 80.0,
+                                                  height: 80.0,
+                                                  child: SpinKitFadingCircle(
+                                                    color: FlutterFlowTheme.of(
+                                                            context)
+                                                        .primary,
+                                                    size: 80.0,
+                                                  ),
+                                                ),
+                                              );
+                                            }
+                                            final staggeredViewHorecagelegenheidoverzichtResponse =
+                                                snapshot.data!;
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_m8ob788s'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .statusCode,
+                                              ParamType.int,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+                                              name: 'int',
+                                              nullable: false,
+                                            );
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_m8ob788s'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .bodyText,
+                                              ParamType.String,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+                                              name: 'String',
+                                              nullable: false,
+                                            );
+                                            debugLogWidgetClass(_model);
+
+                                            return Builder(
+                                              builder: (context) {
+                                                final horecagelegenheden =
+                                                    getJsonField(
+                                                  staggeredViewHorecagelegenheidoverzichtResponse
+                                                      .jsonBody,
+                                                  r'''$''',
+                                                ).toList().take(25).toList();
+                                                if (horecagelegenheden
+                                                    .isEmpty) {
+                                                  return Image.asset(
+                                                    'assets/images/logo800px.png',
+                                                  );
+                                                }
+                                                _model.debugGeneratorVariables[
+                                                        'horecagelegenheden${horecagelegenheden.length > 100 ? ' (first 100)' : ''}'] =
+                                                    debugSerializeParam(
+                                                  horecagelegenheden.take(100),
+                                                  ParamType.JSON,
+                                                  isList: true,
+                                                  link:
+                                                      'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy',
+                                                  name: 'dynamic',
+                                                  nullable: false,
+                                                );
+                                                debugLogWidgetClass(_model);
+
+                                                return MasonryGridView.builder(
+                                                  gridDelegate:
+                                                      SliverSimpleGridDelegateWithFixedCrossAxisCount(
+                                                    crossAxisCount: () {
+                                                      if (MediaQuery.sizeOf(
+                                                                  context)
+                                                              .width <
+                                                          kBreakpointSmall) {
+                                                        return 1;
+                                                      } else if (MediaQuery
+                                                                  .sizeOf(
+                                                                      context)
+                                                              .width <
+                                                          kBreakpointMedium) {
+                                                        return 1;
+                                                      } else if (MediaQuery
+                                                                  .sizeOf(
+                                                                      context)
+                                                              .width <
+                                                          kBreakpointLarge) {
+                                                        return 2;
+                                                      } else {
+                                                        return 3;
+                                                      }
+                                                    }(),
+                                                  ),
+                                                  crossAxisSpacing: 12.0,
+                                                  mainAxisSpacing: 12.0,
+                                                  itemCount:
+                                                      horecagelegenheden.length,
+                                                  itemBuilder: (context,
+                                                      horecagelegenhedenIndex) {
+                                                    final horecagelegenhedenItem =
+                                                        horecagelegenheden[
+                                                            horecagelegenhedenIndex];
+                                                    return Container(
+                                                      width: 600.0,
+                                                      height: 225.0,
+                                                      decoration: BoxDecoration(
+                                                        color: FlutterFlowTheme
+                                                                .of(context)
+                                                            .secondaryBackground,
+                                                      ),
+                                                      child: InkWell(
+                                                        splashColor:
+                                                            Colors.transparent,
+                                                        focusColor:
+                                                            Colors.transparent,
+                                                        hoverColor:
+                                                            Colors.transparent,
+                                                        highlightColor:
+                                                            Colors.transparent,
+                                                        onTap: () async {
+                                                          context.pushNamed(
+                                                            HorecagelegenheidCurrentWidget
+                                                                .routeName,
+                                                            queryParameters: {
+                                                              'nid':
+                                                                  serializeParam(
+                                                                getJsonField(
+                                                                  horecagelegenhedenItem,
+                                                                  r'''$.nid''',
+                                                                ).toString(),
+                                                                ParamType
+                                                                    .String,
+                                                              ),
+                                                            }.withoutNulls,
+                                                          );
+                                                        },
+                                                        child: Builder(
+                                                            builder: (_) {
+                                                          return DebugFlutterFlowModelContext(
+                                                            rootModel: _model
+                                                                .rootModel,
+                                                            parentModelCallback:
+                                                                (m) {
+                                                              _model.horecagelegenheidoverzichtKaartModels6[
+                                                                  'Keyon6_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
+                                                            },
+                                                            child:
+                                                                HorecagelegenheidoverzichtKaartWidget(
+                                                              key: Key(
+                                                                  'Keyon6_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'),
+                                                              titel:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.titel''',
+                                                              ).toString(),
+                                                              logo:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.logo''',
+                                                              ).toString(),
+                                                              nid: getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.nid''',
+                                                              ).toString(),
+                                                              adres:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.adres''',
+                                                              ).toString(),
+                                                              plaats:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.plaats''',
+                                                              ).toString(),
+                                                              categorie:
+                                                                  (getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.categorie''',
+                                                                true,
+                                                              ) as List?)
+                                                                      ?.map<String>(
+                                                                          (e) => e
+                                                                              .toString())
+                                                                      .toList()
+                                                                      .cast<
+                                                                          String>(),
+                                                            ),
+                                                          );
+                                                        }),
+                                                      ),
+                                                    );
+                                                  },
+                                                );
+                                              },
+                                            );
+                                          },
+                                        ),
+                                      ),
+                                    ],
+                                  );
+                                } else {
+                                  return Container(
+                                    width: 100.0,
+                                    height: 100.0,
+                                    decoration: BoxDecoration(
+                                      color: FlutterFlowTheme.of(context)
+                                          .secondaryBackground,
+                                    ),
+                                  );
+                                }
+                              },
+                            ),
+                          ],
+                        ),
+                      ),
+                    ],
+                  ),
+                ),
+              ),
+              Text(
+                FFLocalizations.of(context).getText(
+                  '3rvk9enz' /* Hello World */,
+                ),
+                style: FlutterFlowTheme.of(context).bodyMedium.override(
+                      font: GoogleFonts.roboto(
+                        fontWeight:
+                            FlutterFlowTheme.of(context).bodyMedium.fontWeight,
+                        fontStyle:
+                            FlutterFlowTheme.of(context).bodyMedium.fontStyle,
+                      ),
+                      letterSpacing: 0.0,
+                      fontWeight:
+                          FlutterFlowTheme.of(context).bodyMedium.fontWeight,
+                      fontStyle:
+                          FlutterFlowTheme.of(context).bodyMedium.fontStyle,
+                    ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/kanweg/horecagelegenheden_overzicht_copy2/horecagelegenheden_overzicht_copy2_model.dart

@@ -0,0 +1,801 @@
+import '/backend/api_requests/api_calls.dart';
+import '/components/header_buttons_component_widget.dart';
+import '/flutter_flow/flutter_flow_theme.dart';
+import '/flutter_flow/flutter_flow_util.dart';
+import '/flutter_flow/flutter_flow_widgets.dart';
+import '/horecagelegenhedenoverzicht/horecagelegenheidoverzicht_kaart/horecagelegenheidoverzicht_kaart_widget.dart';
+import '/shared/drawer_component/drawer_component_widget.dart';
+import 'dart:ui';
+import '/custom_code/actions/index.dart' as actions;
+import '/index.dart';
+import 'horecagelegenheden_overzicht_copy2_widget.dart'
+    show HorecagelegenhedenOverzichtCopy2Widget;
+import 'package:flutter/material.dart';
+import 'package:flutter/scheduler.dart';
+import 'package:flutter_spinkit/flutter_spinkit.dart';
+import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart';
+import 'package:google_fonts/google_fonts.dart';
+import 'package:provider/provider.dart';
+
+class HorecagelegenhedenOverzichtCopy2Model
+    extends FlutterFlowModel<HorecagelegenhedenOverzichtCopy2Widget> {
+  ///  Local state fields for this page.
+
+  bool _tabCultuurGeladen = false;
+  set tabCultuurGeladen(bool value) {
+    _tabCultuurGeladen = value;
+    debugLogWidgetClass(this);
+  }
+
+  bool get tabCultuurGeladen => _tabCultuurGeladen;
+
+  bool _tabEetgelegenhedenGeladen = false;
+  set tabEetgelegenhedenGeladen(bool value) {
+    _tabEetgelegenhedenGeladen = value;
+    debugLogWidgetClass(this);
+  }
+
+  bool get tabEetgelegenhedenGeladen => _tabEetgelegenhedenGeladen;
+
+  bool _tabOvernachtenGeladen = false;
+  set tabOvernachtenGeladen(bool value) {
+    _tabOvernachtenGeladen = value;
+    debugLogWidgetClass(this);
+  }
+
+  bool get tabOvernachtenGeladen => _tabOvernachtenGeladen;
+
+  bool _tabUitgaanGeladen = false;
+  set tabUitgaanGeladen(bool value) {
+    _tabUitgaanGeladen = value;
+    debugLogWidgetClass(this);
+  }
+
+  bool get tabUitgaanGeladen => _tabUitgaanGeladen;
+
+  bool _tabVerhuurcateringGeladen = false;
+  set tabVerhuurcateringGeladen(bool value) {
+    _tabVerhuurcateringGeladen = value;
+    debugLogWidgetClass(this);
+  }
+
+  bool get tabVerhuurcateringGeladen => _tabVerhuurcateringGeladen;
+
+  String? _zoektermActiviteiten;
+  set zoektermActiviteiten(String? value) {
+    _zoektermActiviteiten = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get zoektermActiviteiten => _zoektermActiviteiten;
+
+  String? _zoektermCultuur;
+  set zoektermCultuur(String? value) {
+    _zoektermCultuur = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get zoektermCultuur => _zoektermCultuur;
+
+  String? _zoektermEetgelegenheden;
+  set zoektermEetgelegenheden(String? value) {
+    _zoektermEetgelegenheden = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get zoektermEetgelegenheden => _zoektermEetgelegenheden;
+
+  String? _zoektermOvernachten;
+  set zoektermOvernachten(String? value) {
+    _zoektermOvernachten = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get zoektermOvernachten => _zoektermOvernachten;
+
+  String? _zoektermUitgaan;
+  set zoektermUitgaan(String? value) {
+    _zoektermUitgaan = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get zoektermUitgaan => _zoektermUitgaan;
+
+  String? _zoektermVerhuurCatering;
+  set zoektermVerhuurCatering(String? value) {
+    _zoektermVerhuurCatering = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get zoektermVerhuurCatering => _zoektermVerhuurCatering;
+
+  String? _categorieFilterActiviteiten;
+  set categorieFilterActiviteiten(String? value) {
+    _categorieFilterActiviteiten = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get categorieFilterActiviteiten => _categorieFilterActiviteiten;
+
+  String? _categorieFilterCultuur;
+  set categorieFilterCultuur(String? value) {
+    _categorieFilterCultuur = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get categorieFilterCultuur => _categorieFilterCultuur;
+
+  String? _categorieFilterEetgelegenheden;
+  set categorieFilterEetgelegenheden(String? value) {
+    _categorieFilterEetgelegenheden = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get categorieFilterEetgelegenheden => _categorieFilterEetgelegenheden;
+
+  String? _categorieFilterOvernachten;
+  set categorieFilterOvernachten(String? value) {
+    _categorieFilterOvernachten = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get categorieFilterOvernachten => _categorieFilterOvernachten;
+
+  String? _categorieFilterUitgaan;
+  set categorieFilterUitgaan(String? value) {
+    _categorieFilterUitgaan = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get categorieFilterUitgaan => _categorieFilterUitgaan;
+
+  String? _categorieFilterVerhuurCatering;
+  set categorieFilterVerhuurCatering(String? value) {
+    _categorieFilterVerhuurCatering = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get categorieFilterVerhuurCatering => _categorieFilterVerhuurCatering;
+
+  late LoggableList<dynamic> _alleActiviteiten = LoggableList([]);
+  set alleActiviteiten(List<dynamic> value) {
+    if (value != null) {
+      _alleActiviteiten = LoggableList(value);
+    }
+
+    debugLogWidgetClass(this);
+  }
+
+  List<dynamic> get alleActiviteiten =>
+      _alleActiviteiten?..logger = () => debugLogWidgetClass(this);
+  void addToAlleActiviteiten(dynamic item) => alleActiviteiten.add(item);
+  void removeFromAlleActiviteiten(dynamic item) =>
+      alleActiviteiten.remove(item);
+  void removeAtIndexFromAlleActiviteiten(int index) =>
+      alleActiviteiten.removeAt(index);
+  void insertAtIndexInAlleActiviteiten(int index, dynamic item) =>
+      alleActiviteiten.insert(index, item);
+  void updateAlleActiviteitenAtIndex(int index, Function(dynamic) updateFn) =>
+      alleActiviteiten[index] = updateFn(alleActiviteiten[index]);
+
+  late LoggableList<dynamic> _alleCultuur = LoggableList([]);
+  set alleCultuur(List<dynamic> value) {
+    if (value != null) {
+      _alleCultuur = LoggableList(value);
+    }
+
+    debugLogWidgetClass(this);
+  }
+
+  List<dynamic> get alleCultuur =>
+      _alleCultuur?..logger = () => debugLogWidgetClass(this);
+  void addToAlleCultuur(dynamic item) => alleCultuur.add(item);
+  void removeFromAlleCultuur(dynamic item) => alleCultuur.remove(item);
+  void removeAtIndexFromAlleCultuur(int index) => alleCultuur.removeAt(index);
+  void insertAtIndexInAlleCultuur(int index, dynamic item) =>
+      alleCultuur.insert(index, item);
+  void updateAlleCultuurAtIndex(int index, Function(dynamic) updateFn) =>
+      alleCultuur[index] = updateFn(alleCultuur[index]);
+
+  late LoggableList<dynamic> _alleEetgelegenheden = LoggableList([]);
+  set alleEetgelegenheden(List<dynamic> value) {
+    if (value != null) {
+      _alleEetgelegenheden = LoggableList(value);
+    }
+
+    debugLogWidgetClass(this);
+  }
+
+  List<dynamic> get alleEetgelegenheden =>
+      _alleEetgelegenheden?..logger = () => debugLogWidgetClass(this);
+  void addToAlleEetgelegenheden(dynamic item) => alleEetgelegenheden.add(item);
+  void removeFromAlleEetgelegenheden(dynamic item) =>
+      alleEetgelegenheden.remove(item);
+  void removeAtIndexFromAlleEetgelegenheden(int index) =>
+      alleEetgelegenheden.removeAt(index);
+  void insertAtIndexInAlleEetgelegenheden(int index, dynamic item) =>
+      alleEetgelegenheden.insert(index, item);
+  void updateAlleEetgelegenhedenAtIndex(
+          int index, Function(dynamic) updateFn) =>
+      alleEetgelegenheden[index] = updateFn(alleEetgelegenheden[index]);
+
+  late LoggableList<dynamic> _alleOvernachten = LoggableList([]);
+  set alleOvernachten(List<dynamic> value) {
+    if (value != null) {
+      _alleOvernachten = LoggableList(value);
+    }
+
+    debugLogWidgetClass(this);
+  }
+
+  List<dynamic> get alleOvernachten =>
+      _alleOvernachten?..logger = () => debugLogWidgetClass(this);
+  void addToAlleOvernachten(dynamic item) => alleOvernachten.add(item);
+  void removeFromAlleOvernachten(dynamic item) => alleOvernachten.remove(item);
+  void removeAtIndexFromAlleOvernachten(int index) =>
+      alleOvernachten.removeAt(index);
+  void insertAtIndexInAlleOvernachten(int index, dynamic item) =>
+      alleOvernachten.insert(index, item);
+  void updateAlleOvernachtenAtIndex(int index, Function(dynamic) updateFn) =>
+      alleOvernachten[index] = updateFn(alleOvernachten[index]);
+
+  late LoggableList<dynamic> _alleUitgaan = LoggableList([]);
+  set alleUitgaan(List<dynamic> value) {
+    if (value != null) {
+      _alleUitgaan = LoggableList(value);
+    }
+
+    debugLogWidgetClass(this);
+  }
+
+  List<dynamic> get alleUitgaan =>
+      _alleUitgaan?..logger = () => debugLogWidgetClass(this);
+  void addToAlleUitgaan(dynamic item) => alleUitgaan.add(item);
+  void removeFromAlleUitgaan(dynamic item) => alleUitgaan.remove(item);
+  void removeAtIndexFromAlleUitgaan(int index) => alleUitgaan.removeAt(index);
+  void insertAtIndexInAlleUitgaan(int index, dynamic item) =>
+      alleUitgaan.insert(index, item);
+  void updateAlleUitgaanAtIndex(int index, Function(dynamic) updateFn) =>
+      alleUitgaan[index] = updateFn(alleUitgaan[index]);
+
+  late LoggableList<dynamic> _alleVerhuurCatering = LoggableList([]);
+  set alleVerhuurCatering(List<dynamic> value) {
+    if (value != null) {
+      _alleVerhuurCatering = LoggableList(value);
+    }
+
+    debugLogWidgetClass(this);
+  }
+
+  List<dynamic> get alleVerhuurCatering =>
+      _alleVerhuurCatering?..logger = () => debugLogWidgetClass(this);
+  void addToAlleVerhuurCatering(dynamic item) => alleVerhuurCatering.add(item);
+  void removeFromAlleVerhuurCatering(dynamic item) =>
+      alleVerhuurCatering.remove(item);
+  void removeAtIndexFromAlleVerhuurCatering(int index) =>
+      alleVerhuurCatering.removeAt(index);
+  void insertAtIndexInAlleVerhuurCatering(int index, dynamic item) =>
+      alleVerhuurCatering.insert(index, item);
+  void updateAlleVerhuurCateringAtIndex(
+          int index, Function(dynamic) updateFn) =>
+      alleVerhuurCatering[index] = updateFn(alleVerhuurCatering[index]);
+
+  ///  State fields for stateful widgets in this page.
+
+  // Stores action output result for [Custom Action - fetchAlleHorecagelegenheden] action in HorecagelegenhedenOverzichtCopy2 widget.
+  List<dynamic>? _resultHorecaActiviteiten;
+  set resultHorecaActiviteiten(List<dynamic>? value) {
+    _resultHorecaActiviteiten = value;
+    debugLogWidgetClass(this);
+  }
+
+  List<dynamic>? get resultHorecaActiviteiten => _resultHorecaActiviteiten;
+
+  // State field(s) for TabBar widget.
+  TabController? tabBarController;
+  int get tabBarCurrentIndex =>
+      tabBarController != null ? tabBarController!.index : 0;
+  int get tabBarPreviousIndex =>
+      tabBarController != null ? tabBarController!.previousIndex : 0;
+
+  // Models for HorecagelegenheidoverzichtKaart dynamic component.
+  Map<String, FlutterFlowModel> horecagelegenheidoverzichtKaartModels1 = {};
+  // State field(s) for TextField widget.
+  FocusNode? textFieldFocusNode;
+  TextEditingController? textController;
+  String? Function(BuildContext, String?)? textControllerValidator;
+  // Stores action output result for [Custom Action - fetchAlleHorecagelegenheden] action in TabCultuur widget.
+  List<dynamic>? _resultHorecaCultuur;
+  set resultHorecaCultuur(List<dynamic>? value) {
+    _resultHorecaCultuur = value;
+    debugLogWidgetClass(this);
+  }
+
+  List<dynamic>? get resultHorecaCultuur => _resultHorecaCultuur;
+
+  // Models for HorecagelegenheidoverzichtKaart dynamic component.
+  Map<String, FlutterFlowModel> horecagelegenheidoverzichtKaartModels2 = {};
+  // Stores action output result for [Custom Action - fetchAlleHorecagelegenheden] action in TabEetgelegenheden widget.
+  List<dynamic>? _resultHorecaEetgelegenheden;
+  set resultHorecaEetgelegenheden(List<dynamic>? value) {
+    _resultHorecaEetgelegenheden = value;
+    debugLogWidgetClass(this);
+  }
+
+  List<dynamic>? get resultHorecaEetgelegenheden =>
+      _resultHorecaEetgelegenheden;
+
+  // Models for HorecagelegenheidoverzichtKaart dynamic component.
+  Map<String, FlutterFlowModel> horecagelegenheidoverzichtKaartModels3 = {};
+  // Stores action output result for [Custom Action - fetchAlleHorecagelegenheden] action in TabOvernachten widget.
+  List<dynamic>? _resultHorecaOvernachten;
+  set resultHorecaOvernachten(List<dynamic>? value) {
+    _resultHorecaOvernachten = value;
+    debugLogWidgetClass(this);
+  }
+
+  List<dynamic>? get resultHorecaOvernachten => _resultHorecaOvernachten;
+
+  // Models for HorecagelegenheidoverzichtKaart dynamic component.
+  Map<String, FlutterFlowModel> horecagelegenheidoverzichtKaartModels4 = {};
+  // Stores action output result for [Custom Action - fetchAlleHorecagelegenheden] action in TabUitgaan widget.
+  List<dynamic>? _resultHorecaUitgaansgelegenheden;
+  set resultHorecaUitgaansgelegenheden(List<dynamic>? value) {
+    _resultHorecaUitgaansgelegenheden = value;
+    debugLogWidgetClass(this);
+  }
+
+  List<dynamic>? get resultHorecaUitgaansgelegenheden =>
+      _resultHorecaUitgaansgelegenheden;
+
+  // Models for HorecagelegenheidoverzichtKaart dynamic component.
+  Map<String, FlutterFlowModel> horecagelegenheidoverzichtKaartModels5 = {};
+  // Stores action output result for [Custom Action - fetchAlleHorecagelegenheden] action in TabVerhuurCatering widget.
+  List<dynamic>? _resultHorecaVerhuur;
+  set resultHorecaVerhuur(List<dynamic>? value) {
+    _resultHorecaVerhuur = value;
+    debugLogWidgetClass(this);
+  }
+
+  List<dynamic>? get resultHorecaVerhuur => _resultHorecaVerhuur;
+
+  // Models for HorecagelegenheidoverzichtKaart dynamic component.
+  Map<String, FlutterFlowModel> horecagelegenheidoverzichtKaartModels6 = {};
+  // Model for HeaderButtonsComponent component.
+  late HeaderButtonsComponentModel headerButtonsComponentModel;
+  // Model for drawerComponent component.
+  late DrawerComponentModel drawerComponentModel;
+
+  final Map<String, DebugDataField> debugGeneratorVariables = {};
+  final Map<String, DebugDataField> debugBackendQueries = {};
+  final Map<String, FlutterFlowModel> widgetBuilderComponents = {};
+  @override
+  void initState(BuildContext context) {
+    headerButtonsComponentModel =
+        createModel(context, () => HeaderButtonsComponentModel());
+    drawerComponentModel = createModel(context, () => DrawerComponentModel());
+
+    debugLogWidgetClass(this);
+  }
+
+  @override
+  void dispose() {
+    tabBarController?.dispose();
+    textFieldFocusNode?.dispose();
+    textController?.dispose();
+
+    headerButtonsComponentModel.dispose();
+    drawerComponentModel.dispose();
+  }
+
+  @override
+  WidgetClassDebugData toWidgetClassDebugData() => WidgetClassDebugData(
+        widgetParameters: {
+          'plaats': debugSerializeParam(
+            widget?.plaats,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+            searchReference:
+                'reference=ShgKEAoGcGxhYXRzEgYzcXVrMXVyBAgDIAFQAVoGcGxhYXRz',
+            name: 'String',
+            nullable: true,
+          )
+        }.withoutNulls.entries,
+        localStates: {
+          'tabCultuurGeladen': debugSerializeParam(
+            tabCultuurGeladen,
+            ParamType.bool,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+            searchReference:
+                'reference=QisKGgoRdGFiQ3VsdHV1ckdlbGFkZW4SBWk5eTl0KgcSBWZhbHNlcgQIBSABUAFaEXRhYkN1bHR1dXJHZWxhZGVuYiBIb3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRDb3B5Mg==',
+            name: 'bool',
+            nullable: false,
+          ),
+          'tabEetgelegenhedenGeladen': debugSerializeParam(
+            tabEetgelegenhedenGeladen,
+            ParamType.bool,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+            searchReference:
+                'reference=QjMKIgoZdGFiRWV0Z2VsZWdlbmhlZGVuR2VsYWRlbhIFNmE5djgqBxIFZmFsc2VyBAgFIAFQAVoZdGFiRWV0Z2VsZWdlbmhlZGVuR2VsYWRlbmIgSG9yZWNhZ2VsZWdlbmhlZGVuT3ZlcnppY2h0Q29weTI=',
+            name: 'bool',
+            nullable: false,
+          ),
+          'tabOvernachtenGeladen': debugSerializeParam(
+            tabOvernachtenGeladen,
+            ParamType.bool,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+            searchReference:
+                'reference=Qi8KHgoVdGFiT3Zlcm5hY2h0ZW5HZWxhZGVuEgU1eGM2NioHEgVmYWxzZXIECAUgAVABWhV0YWJPdmVybmFjaHRlbkdlbGFkZW5iIEhvcmVjYWdlbGVnZW5oZWRlbk92ZXJ6aWNodENvcHky',
+            name: 'bool',
+            nullable: false,
+          ),
+          'tabUitgaanGeladen': debugSerializeParam(
+            tabUitgaanGeladen,
+            ParamType.bool,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+            searchReference:
+                'reference=QisKGgoRdGFiVWl0Z2FhbkdlbGFkZW4SBTE1NWxkKgcSBWZhbHNlcgQIBSABUAFaEXRhYlVpdGdhYW5HZWxhZGVuYiBIb3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRDb3B5Mg==',
+            name: 'bool',
+            nullable: false,
+          ),
+          'tabVerhuurcateringGeladen': debugSerializeParam(
+            tabVerhuurcateringGeladen,
+            ParamType.bool,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+            searchReference:
+                'reference=QjMKIgoZdGFiVmVyaHV1cmNhdGVyaW5nR2VsYWRlbhIFMWU3eHEqBxIFZmFsc2VyBAgFIAFQAVoZdGFiVmVyaHV1cmNhdGVyaW5nR2VsYWRlbmIgSG9yZWNhZ2VsZWdlbmhlZGVuT3ZlcnppY2h0Q29weTI=',
+            name: 'bool',
+            nullable: false,
+          ),
+          'zoektermActiviteiten': debugSerializeParam(
+            zoektermActiviteiten,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+            searchReference:
+                'reference=QikKHQoUem9la3Rlcm1BY3Rpdml0ZWl0ZW4SBTZqYTVtKgISAHIECAMgAFABWhR6b2VrdGVybUFjdGl2aXRlaXRlbmIgSG9yZWNhZ2VsZWdlbmhlZGVuT3ZlcnppY2h0Q29weTI=',
+            name: 'String',
+            nullable: true,
+          ),
+          'zoektermCultuur': debugSerializeParam(
+            zoektermCultuur,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+            searchReference:
+                'reference=QiQKGAoPem9la3Rlcm1DdWx0dXVyEgVqdXA4aSoCEgByBAgDIABQAVoPem9la3Rlcm1DdWx0dXVyYiBIb3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRDb3B5Mg==',
+            name: 'String',
+            nullable: true,
+          ),
+          'zoektermEetgelegenheden': debugSerializeParam(
+            zoektermEetgelegenheden,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+            searchReference:
+                'reference=QiwKIAoXem9la3Rlcm1FZXRnZWxlZ2VuaGVkZW4SBXh0b2VlKgISAHIECAMgAFABWhd6b2VrdGVybUVldGdlbGVnZW5oZWRlbmIgSG9yZWNhZ2VsZWdlbmhlZGVuT3ZlcnppY2h0Q29weTI=',
+            name: 'String',
+            nullable: true,
+          ),
+          'zoektermOvernachten': debugSerializeParam(
+            zoektermOvernachten,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+            searchReference:
+                'reference=QigKHAoTem9la3Rlcm1PdmVybmFjaHRlbhIFcXdicHAqAhIAcgQIAyAAUAFaE3pvZWt0ZXJtT3Zlcm5hY2h0ZW5iIEhvcmVjYWdlbGVnZW5oZWRlbk92ZXJ6aWNodENvcHky',
+            name: 'String',
+            nullable: true,
+          ),
+          'zoektermUitgaan': debugSerializeParam(
+            zoektermUitgaan,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+            searchReference:
+                'reference=QiQKGAoPem9la3Rlcm1VaXRnYWFuEgVreHptaSoCEgByBAgDIABQAVoPem9la3Rlcm1VaXRnYWFuYiBIb3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRDb3B5Mg==',
+            name: 'String',
+            nullable: true,
+          ),
+          'zoektermVerhuurCatering': debugSerializeParam(
+            zoektermVerhuurCatering,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+            searchReference:
+                'reference=QiwKIAoXem9la3Rlcm1WZXJodXVyQ2F0ZXJpbmcSBWd6eHcwKgISAHIECAMgAFABWhd6b2VrdGVybVZlcmh1dXJDYXRlcmluZ2IgSG9yZWNhZ2VsZWdlbmhlZGVuT3ZlcnppY2h0Q29weTI=',
+            name: 'String',
+            nullable: true,
+          ),
+          'categorieFilterActiviteiten': debugSerializeParam(
+            categorieFilterActiviteiten,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+            searchReference:
+                'reference=QjAKJAobY2F0ZWdvcmllRmlsdGVyQWN0aXZpdGVpdGVuEgVieDgwOSoCEgByBAgDIABQAVobY2F0ZWdvcmllRmlsdGVyQWN0aXZpdGVpdGVuYiBIb3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRDb3B5Mg==',
+            name: 'String',
+            nullable: true,
+          ),
+          'categorieFilterCultuur': debugSerializeParam(
+            categorieFilterCultuur,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+            searchReference:
+                'reference=QisKHwoWY2F0ZWdvcmllRmlsdGVyQ3VsdHV1chIFdXA3d2kqAhIAcgQIAyAAUAFaFmNhdGVnb3JpZUZpbHRlckN1bHR1dXJiIEhvcmVjYWdlbGVnZW5oZWRlbk92ZXJ6aWNodENvcHky',
+            name: 'String',
+            nullable: true,
+          ),
+          'categorieFilterEetgelegenheden': debugSerializeParam(
+            categorieFilterEetgelegenheden,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+            searchReference:
+                'reference=QjMKJwoeY2F0ZWdvcmllRmlsdGVyRWV0Z2VsZWdlbmhlZGVuEgVsa2dwayoCEgByBAgDIABQAVoeY2F0ZWdvcmllRmlsdGVyRWV0Z2VsZWdlbmhlZGVuYiBIb3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRDb3B5Mg==',
+            name: 'String',
+            nullable: true,
+          ),
+          'categorieFilterOvernachten': debugSerializeParam(
+            categorieFilterOvernachten,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+            searchReference:
+                'reference=Qi8KIwoaY2F0ZWdvcmllRmlsdGVyT3Zlcm5hY2h0ZW4SBTQ2dG1nKgISAHIECAMgAFABWhpjYXRlZ29yaWVGaWx0ZXJPdmVybmFjaHRlbmIgSG9yZWNhZ2VsZWdlbmhlZGVuT3ZlcnppY2h0Q29weTI=',
+            name: 'String',
+            nullable: true,
+          ),
+          'categorieFilterUitgaan': debugSerializeParam(
+            categorieFilterUitgaan,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+            searchReference:
+                'reference=QisKHwoWY2F0ZWdvcmllRmlsdGVyVWl0Z2FhbhIFY2NveHEqAhIAcgQIAyAAUAFaFmNhdGVnb3JpZUZpbHRlclVpdGdhYW5iIEhvcmVjYWdlbGVnZW5oZWRlbk92ZXJ6aWNodENvcHky',
+            name: 'String',
+            nullable: true,
+          ),
+          'categorieFilterVerhuurCatering': debugSerializeParam(
+            categorieFilterVerhuurCatering,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+            searchReference:
+                'reference=QjMKJwoeY2F0ZWdvcmllRmlsdGVyVmVyaHV1ckNhdGVyaW5nEgVxc3U3OCoCEgByBAgDIABQAVoeY2F0ZWdvcmllRmlsdGVyVmVyaHV1ckNhdGVyaW5nYiBIb3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRDb3B5Mg==',
+            name: 'String',
+            nullable: true,
+          ),
+          'alleActiviteiten': debugSerializeParam(
+            alleActiviteiten,
+            ParamType.JSON,
+            isList: true,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+            searchReference:
+                'reference=QiEKGQoQYWxsZUFjdGl2aXRlaXRlbhIFdTN0cXRyBBICCAlQAVoQYWxsZUFjdGl2aXRlaXRlbmIgSG9yZWNhZ2VsZWdlbmhlZGVuT3ZlcnppY2h0Q29weTI=',
+            name: 'dynamic',
+            nullable: false,
+          ),
+          'alleCultuur': debugSerializeParam(
+            alleCultuur,
+            ParamType.JSON,
+            isList: true,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+            searchReference:
+                'reference=QhwKFAoLYWxsZUN1bHR1dXISBWltMWR5cgQSAggJUAFaC2FsbGVDdWx0dXVyYiBIb3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRDb3B5Mg==',
+            name: 'dynamic',
+            nullable: false,
+          ),
+          'alleEetgelegenheden': debugSerializeParam(
+            alleEetgelegenheden,
+            ParamType.JSON,
+            isList: true,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+            searchReference:
+                'reference=QiQKHAoTYWxsZUVldGdlbGVnZW5oZWRlbhIFZWEzd2pyBBICCAlQAVoTYWxsZUVldGdlbGVnZW5oZWRlbmIgSG9yZWNhZ2VsZWdlbmhlZGVuT3ZlcnppY2h0Q29weTI=',
+            name: 'dynamic',
+            nullable: false,
+          ),
+          'alleOvernachten': debugSerializeParam(
+            alleOvernachten,
+            ParamType.JSON,
+            isList: true,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+            searchReference:
+                'reference=QiAKGAoPYWxsZU92ZXJuYWNodGVuEgVtdnk1OXIEEgIICVABWg9hbGxlT3Zlcm5hY2h0ZW5iIEhvcmVjYWdlbGVnZW5oZWRlbk92ZXJ6aWNodENvcHky',
+            name: 'dynamic',
+            nullable: false,
+          ),
+          'alleUitgaan': debugSerializeParam(
+            alleUitgaan,
+            ParamType.JSON,
+            isList: true,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+            searchReference:
+                'reference=QhwKFAoLYWxsZVVpdGdhYW4SBTN6NHFmcgQSAggJUAFaC2FsbGVVaXRnYWFuYiBIb3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRDb3B5Mg==',
+            name: 'dynamic',
+            nullable: false,
+          ),
+          'alleVerhuurCatering': debugSerializeParam(
+            alleVerhuurCatering,
+            ParamType.JSON,
+            isList: true,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+            searchReference:
+                'reference=QiQKHAoTYWxsZVZlcmh1dXJDYXRlcmluZxIFd2tlcWVyBBICCAlQAVoTYWxsZVZlcmh1dXJDYXRlcmluZ2IgSG9yZWNhZ2VsZWdlbmhlZGVuT3ZlcnppY2h0Q29weTI=',
+            name: 'dynamic',
+            nullable: false,
+          )
+        }.entries,
+        widgetStates: {
+          'tabBarCurrentIndex': debugSerializeParam(
+            tabBarCurrentIndex,
+            ParamType.int,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+            name: 'int',
+            nullable: true,
+          ),
+          'tabBarPreviousIndex': debugSerializeParam(
+            tabBarPreviousIndex,
+            ParamType.int,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+            name: 'int',
+            nullable: true,
+          ),
+          'textFieldText': debugSerializeParam(
+            textController?.text,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+            name: 'String',
+            nullable: true,
+          )
+        }.entries,
+        actionOutputs: {
+          'resultHorecaActiviteiten': debugSerializeParam(
+            resultHorecaActiviteiten,
+            ParamType.JSON,
+            isList: true,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+            name: 'dynamic',
+            nullable: true,
+          ),
+          'resultHorecaCultuur': debugSerializeParam(
+            resultHorecaCultuur,
+            ParamType.JSON,
+            isList: true,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+            name: 'dynamic',
+            nullable: true,
+          ),
+          'resultHorecaEetgelegenheden': debugSerializeParam(
+            resultHorecaEetgelegenheden,
+            ParamType.JSON,
+            isList: true,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+            name: 'dynamic',
+            nullable: true,
+          ),
+          'resultHorecaOvernachten': debugSerializeParam(
+            resultHorecaOvernachten,
+            ParamType.JSON,
+            isList: true,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+            name: 'dynamic',
+            nullable: true,
+          ),
+          'resultHorecaUitgaansgelegenheden': debugSerializeParam(
+            resultHorecaUitgaansgelegenheden,
+            ParamType.JSON,
+            isList: true,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+            name: 'dynamic',
+            nullable: true,
+          ),
+          'resultHorecaVerhuur': debugSerializeParam(
+            resultHorecaVerhuur,
+            ParamType.JSON,
+            isList: true,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+            name: 'dynamic',
+            nullable: true,
+          )
+        }.entries,
+        generatorVariables: debugGeneratorVariables.entries,
+        backendQueries: debugBackendQueries.entries,
+        componentStates: {
+          'headerButtonsComponentModel (HeaderButtonsComponent)':
+              headerButtonsComponentModel?.toWidgetClassDebugData(),
+          'drawerComponentModel (drawerComponent)':
+              drawerComponentModel?.toWidgetClassDebugData(),
+          ...widgetBuilderComponents.map(
+            (key, value) => MapEntry(
+              key,
+              value.toWidgetClassDebugData(),
+            ),
+          ),
+        }.withoutNulls.entries,
+        dynamicComponentStates: {
+          'horecagelegenheidoverzichtKaartModels1 (List<HorecagelegenheidoverzichtKaart>)':
+              DynamicWidgetClassDebugData(
+            componentStates: Map.fromIterables(
+              List.generate(horecagelegenheidoverzichtKaartModels1.length,
+                  (index) => '[$index]'),
+              horecagelegenheidoverzichtKaartModels1.values
+                  .map((e) => e.toWidgetClassDebugData()),
+            ).entries,
+          ),
+          'horecagelegenheidoverzichtKaartModels2 (List<HorecagelegenheidoverzichtKaart>)':
+              DynamicWidgetClassDebugData(
+            componentStates: Map.fromIterables(
+              List.generate(horecagelegenheidoverzichtKaartModels2.length,
+                  (index) => '[$index]'),
+              horecagelegenheidoverzichtKaartModels2.values
+                  .map((e) => e.toWidgetClassDebugData()),
+            ).entries,
+          ),
+          'horecagelegenheidoverzichtKaartModels3 (List<HorecagelegenheidoverzichtKaart>)':
+              DynamicWidgetClassDebugData(
+            componentStates: Map.fromIterables(
+              List.generate(horecagelegenheidoverzichtKaartModels3.length,
+                  (index) => '[$index]'),
+              horecagelegenheidoverzichtKaartModels3.values
+                  .map((e) => e.toWidgetClassDebugData()),
+            ).entries,
+          ),
+          'horecagelegenheidoverzichtKaartModels4 (List<HorecagelegenheidoverzichtKaart>)':
+              DynamicWidgetClassDebugData(
+            componentStates: Map.fromIterables(
+              List.generate(horecagelegenheidoverzichtKaartModels4.length,
+                  (index) => '[$index]'),
+              horecagelegenheidoverzichtKaartModels4.values
+                  .map((e) => e.toWidgetClassDebugData()),
+            ).entries,
+          ),
+          'horecagelegenheidoverzichtKaartModels5 (List<HorecagelegenheidoverzichtKaart>)':
+              DynamicWidgetClassDebugData(
+            componentStates: Map.fromIterables(
+              List.generate(horecagelegenheidoverzichtKaartModels5.length,
+                  (index) => '[$index]'),
+              horecagelegenheidoverzichtKaartModels5.values
+                  .map((e) => e.toWidgetClassDebugData()),
+            ).entries,
+          ),
+          'horecagelegenheidoverzichtKaartModels6 (List<HorecagelegenheidoverzichtKaart>)':
+              DynamicWidgetClassDebugData(
+            componentStates: Map.fromIterables(
+              List.generate(horecagelegenheidoverzichtKaartModels6.length,
+                  (index) => '[$index]'),
+              horecagelegenheidoverzichtKaartModels6.values
+                  .map((e) => e.toWidgetClassDebugData()),
+            ).entries,
+          ),
+        }.withoutNulls.entries,
+        link:
+            'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd/tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+        searchReference:
+            'reference=OiBIb3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRDb3B5MlABWiBIb3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRDb3B5Mg==',
+        widgetClassName: 'HorecagelegenhedenOverzichtCopy2',
+      );
+}

lib/kanweg/horecagelegenheden_overzicht_copy2/horecagelegenheden_overzicht_copy2_widget.dart

@@ -0,0 +1,1857 @@
+import '/backend/api_requests/api_calls.dart';
+import '/components/header_buttons_component_widget.dart';
+import '/flutter_flow/flutter_flow_theme.dart';
+import '/flutter_flow/flutter_flow_util.dart';
+import '/flutter_flow/flutter_flow_widgets.dart';
+import '/horecagelegenhedenoverzicht/horecagelegenheidoverzicht_kaart/horecagelegenheidoverzicht_kaart_widget.dart';
+import '/shared/drawer_component/drawer_component_widget.dart';
+import 'dart:ui';
+import '/custom_code/actions/index.dart' as actions;
+import '/index.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/scheduler.dart';
+import 'package:flutter_spinkit/flutter_spinkit.dart';
+import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart';
+import 'package:google_fonts/google_fonts.dart';
+import 'package:provider/provider.dart';
+import 'horecagelegenheden_overzicht_copy2_model.dart';
+export 'horecagelegenheden_overzicht_copy2_model.dart';
+
+class HorecagelegenhedenOverzichtCopy2Widget extends StatefulWidget {
+  const HorecagelegenhedenOverzichtCopy2Widget({
+    super.key,
+    required this.plaats,
+  });
+
+  final String? plaats;
+
+  static String routeName = 'HorecagelegenhedenOverzichtCopy2';
+  static String routePath = '/horecagelegenhedenOverzichtCopy2';
+
+  @override
+  State<HorecagelegenhedenOverzichtCopy2Widget> createState() =>
+      _HorecagelegenhedenOverzichtCopy2WidgetState();
+}
+
+class _HorecagelegenhedenOverzichtCopy2WidgetState
+    extends State<HorecagelegenhedenOverzichtCopy2Widget>
+    with TickerProviderStateMixin, RouteAware {
+  late HorecagelegenhedenOverzichtCopy2Model _model;
+
+  final scaffoldKey = GlobalKey<ScaffoldState>();
+
+  @override
+  void initState() {
+    super.initState();
+    _model =
+        createModel(context, () => HorecagelegenhedenOverzichtCopy2Model());
+
+    // On page load action.
+    SchedulerBinding.instance.addPostFrameCallback((_) async {
+      _model.resultHorecaActiviteiten =
+          await actions.fetchAlleHorecagelegenheden(
+        '17969',
+        widget!.plaats!,
+        'services_1',
+      );
+      _model.alleActiviteiten =
+          _model.resultHorecaActiviteiten!.toList().cast<dynamic>();
+      safeSetState(() {});
+    });
+
+    _model.tabBarController = TabController(
+      vsync: this,
+      length: 6,
+      initialIndex: 0,
+    )
+      ..addListener(() => safeSetState(() {}))
+      ..addListener(() {
+        debugLogWidgetClass(_model);
+      });
+
+    _model.textController ??= TextEditingController()
+      ..addListener(() {
+        debugLogWidgetClass(_model);
+      });
+    _model.textFieldFocusNode ??= FocusNode();
+  }
+
+  @override
+  void dispose() {
+    routeObserver.unsubscribe(this);
+
+    _model.dispose();
+
+    super.dispose();
+  }
+
+  @override
+  void didUpdateWidget(HorecagelegenhedenOverzichtCopy2Widget oldWidget) {
+    super.didUpdateWidget(oldWidget);
+    _model.widget = widget;
+  }
+
+  @override
+  void didChangeDependencies() {
+    super.didChangeDependencies();
+    final route = DebugModalRoute.of(context);
+    if (route != null) {
+      routeObserver.subscribe(this, route);
+    }
+    debugLogGlobalProperty(context);
+  }
+
+  @override
+  void didPopNext() {
+    if (mounted && DebugFlutterFlowModelContext.maybeOf(context) == null) {
+      setState(() => _model.isRouteVisible = true);
+      debugLogWidgetClass(_model);
+    }
+  }
+
+  @override
+  void didPush() {
+    if (mounted && DebugFlutterFlowModelContext.maybeOf(context) == null) {
+      setState(() => _model.isRouteVisible = true);
+      debugLogWidgetClass(_model);
+    }
+  }
+
+  @override
+  void didPop() {
+    _model.isRouteVisible = false;
+  }
+
+  @override
+  void didPushNext() {
+    _model.isRouteVisible = false;
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    DebugFlutterFlowModelContext.maybeOf(context)
+        ?.parentModelCallback
+        ?.call(_model);
+    context.watch<FFAppState>();
+    _model.horecagelegenheidoverzichtKaartModels1.clear();
+    _model.horecagelegenheidoverzichtKaartModels2.clear();
+    _model.horecagelegenheidoverzichtKaartModels3.clear();
+    _model.horecagelegenheidoverzichtKaartModels4.clear();
+    _model.horecagelegenheidoverzichtKaartModels5.clear();
+    _model.horecagelegenheidoverzichtKaartModels6.clear();
+
+    return GestureDetector(
+      onTap: () {
+        FocusScope.of(context).unfocus();
+        FocusManager.instance.primaryFocus?.unfocus();
+      },
+      child: Scaffold(
+        key: scaffoldKey,
+        backgroundColor: FlutterFlowTheme.of(context).primaryBackground,
+        drawer: Drawer(
+          elevation: 16.0,
+          child: wrapWithModel(
+            model: _model.drawerComponentModel,
+            updateCallback: () => safeSetState(() {}),
+            child: Builder(builder: (_) {
+              return DebugFlutterFlowModelContext(
+                rootModel: _model.rootModel,
+                child: DrawerComponentWidget(),
+              );
+            }),
+          ),
+        ),
+        appBar: PreferredSize(
+          preferredSize: Size.fromHeight(80.0),
+          child: AppBar(
+            backgroundColor: FlutterFlowTheme.of(context).info,
+            iconTheme: IconThemeData(color: Color(0xFFB12727)),
+            automaticallyImplyLeading: false,
+            actions: [],
+            flexibleSpace: FlexibleSpaceBar(
+              background: wrapWithModel(
+                model: _model.headerButtonsComponentModel,
+                updateCallback: () => safeSetState(() {}),
+                child: Builder(builder: (_) {
+                  return DebugFlutterFlowModelContext(
+                    rootModel: _model.rootModel,
+                    child: HeaderButtonsComponentWidget(),
+                  );
+                }),
+              ),
+              centerTitle: true,
+              expandedTitleScale: 1.0,
+            ),
+            bottom: PreferredSize(
+              preferredSize: Size.fromHeight(70.0),
+              child: Container(),
+            ),
+            toolbarHeight: MediaQuery.sizeOf(context).height * 0.25,
+            elevation: 2.0,
+          ),
+        ),
+        body: SafeArea(
+          top: true,
+          child: Column(
+            mainAxisSize: MainAxisSize.max,
+            children: [
+              Expanded(
+                child: Container(
+                  decoration: BoxDecoration(
+                    boxShadow: [
+                      BoxShadow(
+                        blurRadius: 4.0,
+                        color: Color(0x33000000),
+                        offset: Offset(
+                          0.0,
+                          2.0,
+                        ),
+                      )
+                    ],
+                  ),
+                  child: Column(
+                    children: [
+                      Align(
+                        alignment: Alignment(-1.0, 0),
+                        child: TabBar(
+                          isScrollable: true,
+                          tabAlignment: TabAlignment.start,
+                          labelColor: FlutterFlowTheme.of(context).primaryText,
+                          unselectedLabelColor:
+                              FlutterFlowTheme.of(context).secondaryText,
+                          labelStyle:
+                              FlutterFlowTheme.of(context).titleMedium.override(
+                                    font: GoogleFonts.roboto(
+                                      fontWeight: FlutterFlowTheme.of(context)
+                                          .titleMedium
+                                          .fontWeight,
+                                      fontStyle: FlutterFlowTheme.of(context)
+                                          .titleMedium
+                                          .fontStyle,
+                                    ),
+                                    letterSpacing: 0.0,
+                                    fontWeight: FlutterFlowTheme.of(context)
+                                        .titleMedium
+                                        .fontWeight,
+                                    fontStyle: FlutterFlowTheme.of(context)
+                                        .titleMedium
+                                        .fontStyle,
+                                  ),
+                          unselectedLabelStyle:
+                              FlutterFlowTheme.of(context).titleMedium.override(
+                                    font: GoogleFonts.roboto(
+                                      fontWeight: FlutterFlowTheme.of(context)
+                                          .titleMedium
+                                          .fontWeight,
+                                      fontStyle: FlutterFlowTheme.of(context)
+                                          .titleMedium
+                                          .fontStyle,
+                                    ),
+                                    letterSpacing: 0.0,
+                                    fontWeight: FlutterFlowTheme.of(context)
+                                        .titleMedium
+                                        .fontWeight,
+                                    fontStyle: FlutterFlowTheme.of(context)
+                                        .titleMedium
+                                        .fontStyle,
+                                  ),
+                          indicatorColor: FlutterFlowTheme.of(context).primary,
+                          tabs: [
+                            Tab(
+                              text: FFLocalizations.of(context).getText(
+                                'v7zmfnlu' /* Activiteiten */,
+                              ),
+                            ),
+                            Tab(
+                              text: FFLocalizations.of(context).getText(
+                                '0wd3zzb2' /* Cultuur */,
+                              ),
+                            ),
+                            Tab(
+                              text: FFLocalizations.of(context).getText(
+                                '06l3k6we' /* Eetgelegenheden */,
+                              ),
+                            ),
+                            Tab(
+                              text: FFLocalizations.of(context).getText(
+                                '4vohbdey' /* Overnachten */,
+                              ),
+                            ),
+                            Tab(
+                              text: FFLocalizations.of(context).getText(
+                                'oo16hec0' /* Uitgaan */,
+                              ),
+                            ),
+                            Tab(
+                              text: FFLocalizations.of(context).getText(
+                                'wuihpc8q' /* Verhuur, catering */,
+                              ),
+                            ),
+                          ],
+                          controller: _model.tabBarController,
+                          onTap: (i) async {
+                            [
+                              () async {},
+                              () async {
+                                _model.tabVerhuurcateringGeladen = true;
+                                safeSetState(() {});
+                                _model.resultHorecaCultuur =
+                                    await actions.fetchAlleHorecagelegenheden(
+                                  '17963',
+                                  widget!.plaats!,
+                                  'services_1',
+                                );
+                                _model.alleCultuur = _model.resultHorecaCultuur!
+                                    .toList()
+                                    .cast<dynamic>();
+                                safeSetState(() {});
+
+                                safeSetState(() {});
+                              },
+                              () async {
+                                _model.tabEetgelegenhedenGeladen = true;
+                                safeSetState(() {});
+                                _model.resultHorecaEetgelegenheden =
+                                    await actions.fetchAlleHorecagelegenheden(
+                                  '34',
+                                  widget!.plaats!,
+                                  'services_1',
+                                );
+                                _model.alleEetgelegenheden = _model
+                                    .resultHorecaEetgelegenheden!
+                                    .toList()
+                                    .cast<dynamic>();
+                                safeSetState(() {});
+
+                                safeSetState(() {});
+                              },
+                              () async {
+                                _model.tabOvernachtenGeladen = true;
+                                safeSetState(() {});
+                                _model.resultHorecaOvernachten =
+                                    await actions.fetchAlleHorecagelegenheden(
+                                  '17965',
+                                  widget!.plaats!,
+                                  'services_1',
+                                );
+                                _model.alleOvernachten = _model
+                                    .resultHorecaOvernachten!
+                                    .toList()
+                                    .cast<dynamic>();
+                                safeSetState(() {});
+
+                                safeSetState(() {});
+                              },
+                              () async {
+                                _model.tabUitgaanGeladen = true;
+                                safeSetState(() {});
+                                _model.resultHorecaUitgaansgelegenheden =
+                                    await actions.fetchAlleHorecagelegenheden(
+                                  '17967',
+                                  widget!.plaats!,
+                                  'services_1',
+                                );
+                                _model.alleUitgaan = _model
+                                    .resultHorecaUitgaansgelegenheden!
+                                    .toList()
+                                    .cast<dynamic>();
+                                safeSetState(() {});
+
+                                safeSetState(() {});
+                              },
+                              () async {
+                                _model.tabVerhuurcateringGeladen = true;
+                                safeSetState(() {});
+                                _model.resultHorecaVerhuur =
+                                    await actions.fetchAlleHorecagelegenheden(
+                                  '17968',
+                                  widget!.plaats!,
+                                  'services_1',
+                                );
+                                _model.alleVerhuurCatering = _model
+                                    .resultHorecaVerhuur!
+                                    .toList()
+                                    .cast<dynamic>();
+                                safeSetState(() {});
+
+                                safeSetState(() {});
+                              }
+                            ][i]();
+                          },
+                        ),
+                      ),
+                      Expanded(
+                        child: TabBarView(
+                          controller: _model.tabBarController,
+                          children: [
+                            Column(
+                              mainAxisSize: MainAxisSize.max,
+                              children: [
+                                Expanded(
+                                  child: FutureBuilder<ApiCallResponse>(
+                                    future: HorecagelegenheidoverzichtCall.call(
+                                      horcat: '17969',
+                                      townid: widget!.plaats,
+                                    ),
+                                    builder: (context, snapshot) {
+                                      // Customize what your widget looks like when it's loading.
+                                      if (!snapshot.hasData) {
+                                        return Center(
+                                          child: SizedBox(
+                                            width: 80.0,
+                                            height: 80.0,
+                                            child: SpinKitFadingCircle(
+                                              color:
+                                                  FlutterFlowTheme.of(context)
+                                                      .primary,
+                                              size: 80.0,
+                                            ),
+                                          ),
+                                        );
+                                      }
+                                      final staggeredViewHorecagelegenheidoverzichtResponse =
+                                          snapshot.data!;
+                                      _model.debugBackendQueries[
+                                              'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_3agcolwx'] =
+                                          debugSerializeParam(
+                                        staggeredViewHorecagelegenheidoverzichtResponse
+                                            .statusCode,
+                                        ParamType.int,
+                                        link:
+                                            'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+                                        name: 'int',
+                                        nullable: false,
+                                      );
+                                      _model.debugBackendQueries[
+                                              'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_3agcolwx'] =
+                                          debugSerializeParam(
+                                        staggeredViewHorecagelegenheidoverzichtResponse
+                                            .bodyText,
+                                        ParamType.String,
+                                        link:
+                                            'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+                                        name: 'String',
+                                        nullable: false,
+                                      );
+                                      debugLogWidgetClass(_model);
+
+                                      return Builder(
+                                        builder: (context) {
+                                          final horecagelegenheden =
+                                              getJsonField(
+                                            staggeredViewHorecagelegenheidoverzichtResponse
+                                                .jsonBody,
+                                            r'''$''',
+                                          ).toList().take(25).toList();
+                                          _model.debugGeneratorVariables[
+                                                  'horecagelegenheden${horecagelegenheden.length > 100 ? ' (first 100)' : ''}'] =
+                                              debugSerializeParam(
+                                            horecagelegenheden.take(100),
+                                            ParamType.JSON,
+                                            isList: true,
+                                            link:
+                                                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+                                            name: 'dynamic',
+                                            nullable: false,
+                                          );
+                                          debugLogWidgetClass(_model);
+
+                                          return MasonryGridView.builder(
+                                            gridDelegate:
+                                                SliverSimpleGridDelegateWithFixedCrossAxisCount(
+                                              crossAxisCount: () {
+                                                if (MediaQuery.sizeOf(context)
+                                                        .width <
+                                                    kBreakpointSmall) {
+                                                  return 1;
+                                                } else if (MediaQuery.sizeOf(
+                                                            context)
+                                                        .width <
+                                                    kBreakpointMedium) {
+                                                  return 1;
+                                                } else if (MediaQuery.sizeOf(
+                                                            context)
+                                                        .width <
+                                                    kBreakpointLarge) {
+                                                  return 2;
+                                                } else {
+                                                  return 3;
+                                                }
+                                              }(),
+                                            ),
+                                            crossAxisSpacing: 12.0,
+                                            mainAxisSpacing: 12.0,
+                                            itemCount:
+                                                horecagelegenheden.length,
+                                            itemBuilder: (context,
+                                                horecagelegenhedenIndex) {
+                                              final horecagelegenhedenItem =
+                                                  horecagelegenheden[
+                                                      horecagelegenhedenIndex];
+                                              return Container(
+                                                width: 600.0,
+                                                height: 225.0,
+                                                decoration: BoxDecoration(
+                                                  color: FlutterFlowTheme.of(
+                                                          context)
+                                                      .secondaryBackground,
+                                                ),
+                                                child: InkWell(
+                                                  splashColor:
+                                                      Colors.transparent,
+                                                  focusColor:
+                                                      Colors.transparent,
+                                                  hoverColor:
+                                                      Colors.transparent,
+                                                  highlightColor:
+                                                      Colors.transparent,
+                                                  onTap: () async {
+                                                    context.pushNamed(
+                                                      HorecagelegenheidCurrentWidget
+                                                          .routeName,
+                                                      queryParameters: {
+                                                        'nid': serializeParam(
+                                                          getJsonField(
+                                                            horecagelegenhedenItem,
+                                                            r'''$.nid''',
+                                                          ).toString(),
+                                                          ParamType.String,
+                                                        ),
+                                                      }.withoutNulls,
+                                                    );
+                                                  },
+                                                  child: Builder(builder: (_) {
+                                                    return DebugFlutterFlowModelContext(
+                                                      rootModel:
+                                                          _model.rootModel,
+                                                      parentModelCallback: (m) {
+                                                        _model.horecagelegenheidoverzichtKaartModels1[
+                                                            'Keyllt_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
+                                                      },
+                                                      child:
+                                                          HorecagelegenheidoverzichtKaartWidget(
+                                                        key: Key(
+                                                            'Keyllt_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'),
+                                                        titel: getJsonField(
+                                                          horecagelegenhedenItem,
+                                                          r'''$.titel''',
+                                                        ).toString(),
+                                                        logo: getJsonField(
+                                                          horecagelegenhedenItem,
+                                                          r'''$.logo''',
+                                                        ).toString(),
+                                                        nid: getJsonField(
+                                                          horecagelegenhedenItem,
+                                                          r'''$.nid''',
+                                                        ).toString(),
+                                                        adres: getJsonField(
+                                                          horecagelegenhedenItem,
+                                                          r'''$.adres''',
+                                                        ).toString(),
+                                                        plaats: getJsonField(
+                                                          horecagelegenhedenItem,
+                                                          r'''$.plaats''',
+                                                        ).toString(),
+                                                        categorie:
+                                                            (getJsonField(
+                                                          horecagelegenhedenItem,
+                                                          r'''$.categorie''',
+                                                          true,
+                                                        ) as List?)
+                                                                ?.map<String>(
+                                                                    (e) => e
+                                                                        .toString())
+                                                                .toList()
+                                                                .cast<String>(),
+                                                      ),
+                                                    );
+                                                  }),
+                                                ),
+                                              );
+                                            },
+                                          );
+                                        },
+                                      );
+                                    },
+                                  ),
+                                ),
+                                Container(
+                                  width: 200.0,
+                                  child: TextFormField(
+                                    controller: _model.textController,
+                                    focusNode: _model.textFieldFocusNode,
+                                    autofocus: false,
+                                    enabled: true,
+                                    obscureText: false,
+                                    decoration: InputDecoration(
+                                      isDense: true,
+                                      labelStyle: FlutterFlowTheme.of(context)
+                                          .labelMedium
+                                          .override(
+                                            font: GoogleFonts.roboto(
+                                              fontWeight:
+                                                  FlutterFlowTheme.of(context)
+                                                      .labelMedium
+                                                      .fontWeight,
+                                              fontStyle:
+                                                  FlutterFlowTheme.of(context)
+                                                      .labelMedium
+                                                      .fontStyle,
+                                            ),
+                                            letterSpacing: 0.0,
+                                            fontWeight:
+                                                FlutterFlowTheme.of(context)
+                                                    .labelMedium
+                                                    .fontWeight,
+                                            fontStyle:
+                                                FlutterFlowTheme.of(context)
+                                                    .labelMedium
+                                                    .fontStyle,
+                                          ),
+                                      hintText:
+                                          FFLocalizations.of(context).getText(
+                                        'sisrkw2v' /* TextField */,
+                                      ),
+                                      hintStyle: FlutterFlowTheme.of(context)
+                                          .labelMedium
+                                          .override(
+                                            font: GoogleFonts.roboto(
+                                              fontWeight:
+                                                  FlutterFlowTheme.of(context)
+                                                      .labelMedium
+                                                      .fontWeight,
+                                              fontStyle:
+                                                  FlutterFlowTheme.of(context)
+                                                      .labelMedium
+                                                      .fontStyle,
+                                            ),
+                                            letterSpacing: 0.0,
+                                            fontWeight:
+                                                FlutterFlowTheme.of(context)
+                                                    .labelMedium
+                                                    .fontWeight,
+                                            fontStyle:
+                                                FlutterFlowTheme.of(context)
+                                                    .labelMedium
+                                                    .fontStyle,
+                                          ),
+                                      enabledBorder: OutlineInputBorder(
+                                        borderSide: BorderSide(
+                                          color: Color(0x00000000),
+                                          width: 1.0,
+                                        ),
+                                        borderRadius:
+                                            BorderRadius.circular(8.0),
+                                      ),
+                                      focusedBorder: OutlineInputBorder(
+                                        borderSide: BorderSide(
+                                          color: Color(0x00000000),
+                                          width: 1.0,
+                                        ),
+                                        borderRadius:
+                                            BorderRadius.circular(8.0),
+                                      ),
+                                      errorBorder: OutlineInputBorder(
+                                        borderSide: BorderSide(
+                                          color: FlutterFlowTheme.of(context)
+                                              .error,
+                                          width: 1.0,
+                                        ),
+                                        borderRadius:
+                                            BorderRadius.circular(8.0),
+                                      ),
+                                      focusedErrorBorder: OutlineInputBorder(
+                                        borderSide: BorderSide(
+                                          color: FlutterFlowTheme.of(context)
+                                              .error,
+                                          width: 1.0,
+                                        ),
+                                        borderRadius:
+                                            BorderRadius.circular(8.0),
+                                      ),
+                                      filled: true,
+                                      fillColor: FlutterFlowTheme.of(context)
+                                          .secondaryBackground,
+                                    ),
+                                    style: FlutterFlowTheme.of(context)
+                                        .bodyMedium
+                                        .override(
+                                          font: GoogleFonts.roboto(
+                                            fontWeight:
+                                                FlutterFlowTheme.of(context)
+                                                    .bodyMedium
+                                                    .fontWeight,
+                                            fontStyle:
+                                                FlutterFlowTheme.of(context)
+                                                    .bodyMedium
+                                                    .fontStyle,
+                                          ),
+                                          letterSpacing: 0.0,
+                                          fontWeight:
+                                              FlutterFlowTheme.of(context)
+                                                  .bodyMedium
+                                                  .fontWeight,
+                                          fontStyle:
+                                              FlutterFlowTheme.of(context)
+                                                  .bodyMedium
+                                                  .fontStyle,
+                                        ),
+                                    cursorColor: FlutterFlowTheme.of(context)
+                                        .primaryText,
+                                    enableInteractiveSelection: true,
+                                    validator: _model.textControllerValidator
+                                        .asValidator(context),
+                                  ),
+                                ),
+                              ],
+                            ),
+                            Builder(
+                              builder: (context) {
+                                if (_model.tabCultuurGeladen) {
+                                  return Column(
+                                    mainAxisSize: MainAxisSize.max,
+                                    children: [
+                                      Expanded(
+                                        child: FutureBuilder<ApiCallResponse>(
+                                          future: HorecagelegenheidoverzichtCall
+                                              .call(
+                                            horcat: '17963',
+                                            townid: widget!.plaats,
+                                          ),
+                                          builder: (context, snapshot) {
+                                            // Customize what your widget looks like when it's loading.
+                                            if (!snapshot.hasData) {
+                                              return Center(
+                                                child: SizedBox(
+                                                  width: 80.0,
+                                                  height: 80.0,
+                                                  child: SpinKitFadingCircle(
+                                                    color: FlutterFlowTheme.of(
+                                                            context)
+                                                        .primary,
+                                                    size: 80.0,
+                                                  ),
+                                                ),
+                                              );
+                                            }
+                                            final staggeredViewHorecagelegenheidoverzichtResponse =
+                                                snapshot.data!;
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_h6uc4b60'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .statusCode,
+                                              ParamType.int,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+                                              name: 'int',
+                                              nullable: false,
+                                            );
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_h6uc4b60'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .bodyText,
+                                              ParamType.String,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+                                              name: 'String',
+                                              nullable: false,
+                                            );
+                                            debugLogWidgetClass(_model);
+
+                                            return Builder(
+                                              builder: (context) {
+                                                final horecagelegenheden =
+                                                    getJsonField(
+                                                  staggeredViewHorecagelegenheidoverzichtResponse
+                                                      .jsonBody,
+                                                  r'''$''',
+                                                ).toList().take(25).toList();
+                                                if (horecagelegenheden
+                                                    .isEmpty) {
+                                                  return Image.asset(
+                                                    'assets/images/logo800px.png',
+                                                  );
+                                                }
+                                                _model.debugGeneratorVariables[
+                                                        'horecagelegenheden${horecagelegenheden.length > 100 ? ' (first 100)' : ''}'] =
+                                                    debugSerializeParam(
+                                                  horecagelegenheden.take(100),
+                                                  ParamType.JSON,
+                                                  isList: true,
+                                                  link:
+                                                      'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+                                                  name: 'dynamic',
+                                                  nullable: false,
+                                                );
+                                                debugLogWidgetClass(_model);
+
+                                                return MasonryGridView.builder(
+                                                  gridDelegate:
+                                                      SliverSimpleGridDelegateWithFixedCrossAxisCount(
+                                                    crossAxisCount: () {
+                                                      if (MediaQuery.sizeOf(
+                                                                  context)
+                                                              .width <
+                                                          kBreakpointSmall) {
+                                                        return 1;
+                                                      } else if (MediaQuery
+                                                                  .sizeOf(
+                                                                      context)
+                                                              .width <
+                                                          kBreakpointMedium) {
+                                                        return 1;
+                                                      } else if (MediaQuery
+                                                                  .sizeOf(
+                                                                      context)
+                                                              .width <
+                                                          kBreakpointLarge) {
+                                                        return 2;
+                                                      } else {
+                                                        return 3;
+                                                      }
+                                                    }(),
+                                                  ),
+                                                  crossAxisSpacing: 12.0,
+                                                  mainAxisSpacing: 12.0,
+                                                  itemCount:
+                                                      horecagelegenheden.length,
+                                                  itemBuilder: (context,
+                                                      horecagelegenhedenIndex) {
+                                                    final horecagelegenhedenItem =
+                                                        horecagelegenheden[
+                                                            horecagelegenhedenIndex];
+                                                    return Container(
+                                                      width: 600.0,
+                                                      height: 225.0,
+                                                      decoration: BoxDecoration(
+                                                        color: FlutterFlowTheme
+                                                                .of(context)
+                                                            .secondaryBackground,
+                                                      ),
+                                                      child: InkWell(
+                                                        splashColor:
+                                                            Colors.transparent,
+                                                        focusColor:
+                                                            Colors.transparent,
+                                                        hoverColor:
+                                                            Colors.transparent,
+                                                        highlightColor:
+                                                            Colors.transparent,
+                                                        onTap: () async {
+                                                          context.pushNamed(
+                                                            HorecagelegenheidCurrentWidget
+                                                                .routeName,
+                                                            queryParameters: {
+                                                              'nid':
+                                                                  serializeParam(
+                                                                getJsonField(
+                                                                  horecagelegenhedenItem,
+                                                                  r'''$.nid''',
+                                                                ).toString(),
+                                                                ParamType
+                                                                    .String,
+                                                              ),
+                                                            }.withoutNulls,
+                                                          );
+                                                        },
+                                                        child: Builder(
+                                                            builder: (_) {
+                                                          return DebugFlutterFlowModelContext(
+                                                            rootModel: _model
+                                                                .rootModel,
+                                                            parentModelCallback:
+                                                                (m) {
+                                                              _model.horecagelegenheidoverzichtKaartModels2[
+                                                                  'Key5a5_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
+                                                            },
+                                                            child:
+                                                                HorecagelegenheidoverzichtKaartWidget(
+                                                              key: Key(
+                                                                  'Key5a5_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'),
+                                                              titel:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.titel''',
+                                                              ).toString(),
+                                                              logo:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.logo''',
+                                                              ).toString(),
+                                                              nid: getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.nid''',
+                                                              ).toString(),
+                                                              adres:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.adres''',
+                                                              ).toString(),
+                                                              plaats:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.plaats''',
+                                                              ).toString(),
+                                                              categorie:
+                                                                  (getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.categorie''',
+                                                                true,
+                                                              ) as List?)
+                                                                      ?.map<String>(
+                                                                          (e) => e
+                                                                              .toString())
+                                                                      .toList()
+                                                                      .cast<
+                                                                          String>(),
+                                                            ),
+                                                          );
+                                                        }),
+                                                      ),
+                                                    );
+                                                  },
+                                                );
+                                              },
+                                            );
+                                          },
+                                        ),
+                                      ),
+                                    ],
+                                  );
+                                } else {
+                                  return Container(
+                                    width: 100.0,
+                                    height: 100.0,
+                                    decoration: BoxDecoration(
+                                      color: FlutterFlowTheme.of(context)
+                                          .secondaryBackground,
+                                    ),
+                                  );
+                                }
+                              },
+                            ),
+                            Builder(
+                              builder: (context) {
+                                if (_model.tabEetgelegenhedenGeladen) {
+                                  return Column(
+                                    mainAxisSize: MainAxisSize.max,
+                                    children: [
+                                      Expanded(
+                                        child: FutureBuilder<ApiCallResponse>(
+                                          future: HorecagelegenheidoverzichtCall
+                                              .call(
+                                            horcat: '34',
+                                            townid: widget!.plaats,
+                                          ),
+                                          builder: (context, snapshot) {
+                                            // Customize what your widget looks like when it's loading.
+                                            if (!snapshot.hasData) {
+                                              return Center(
+                                                child: SizedBox(
+                                                  width: 80.0,
+                                                  height: 80.0,
+                                                  child: SpinKitFadingCircle(
+                                                    color: FlutterFlowTheme.of(
+                                                            context)
+                                                        .primary,
+                                                    size: 80.0,
+                                                  ),
+                                                ),
+                                              );
+                                            }
+                                            final staggeredViewHorecagelegenheidoverzichtResponse =
+                                                snapshot.data!;
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_7t5omdmg'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .statusCode,
+                                              ParamType.int,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+                                              name: 'int',
+                                              nullable: false,
+                                            );
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_7t5omdmg'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .bodyText,
+                                              ParamType.String,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+                                              name: 'String',
+                                              nullable: false,
+                                            );
+                                            debugLogWidgetClass(_model);
+
+                                            return Builder(
+                                              builder: (context) {
+                                                final horecagelegenheden =
+                                                    getJsonField(
+                                                  staggeredViewHorecagelegenheidoverzichtResponse
+                                                      .jsonBody,
+                                                  r'''$''',
+                                                ).toList().take(25).toList();
+                                                if (horecagelegenheden
+                                                    .isEmpty) {
+                                                  return Image.asset(
+                                                    'assets/images/logo800px.png',
+                                                  );
+                                                }
+                                                _model.debugGeneratorVariables[
+                                                        'horecagelegenheden${horecagelegenheden.length > 100 ? ' (first 100)' : ''}'] =
+                                                    debugSerializeParam(
+                                                  horecagelegenheden.take(100),
+                                                  ParamType.JSON,
+                                                  isList: true,
+                                                  link:
+                                                      'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+                                                  name: 'dynamic',
+                                                  nullable: false,
+                                                );
+                                                debugLogWidgetClass(_model);
+
+                                                return MasonryGridView.builder(
+                                                  gridDelegate:
+                                                      SliverSimpleGridDelegateWithFixedCrossAxisCount(
+                                                    crossAxisCount: () {
+                                                      if (MediaQuery.sizeOf(
+                                                                  context)
+                                                              .width <
+                                                          kBreakpointSmall) {
+                                                        return 1;
+                                                      } else if (MediaQuery
+                                                                  .sizeOf(
+                                                                      context)
+                                                              .width <
+                                                          kBreakpointMedium) {
+                                                        return 1;
+                                                      } else if (MediaQuery
+                                                                  .sizeOf(
+                                                                      context)
+                                                              .width <
+                                                          kBreakpointLarge) {
+                                                        return 2;
+                                                      } else {
+                                                        return 3;
+                                                      }
+                                                    }(),
+                                                  ),
+                                                  crossAxisSpacing: 12.0,
+                                                  mainAxisSpacing: 12.0,
+                                                  itemCount:
+                                                      horecagelegenheden.length,
+                                                  itemBuilder: (context,
+                                                      horecagelegenhedenIndex) {
+                                                    final horecagelegenhedenItem =
+                                                        horecagelegenheden[
+                                                            horecagelegenhedenIndex];
+                                                    return Container(
+                                                      width: 600.0,
+                                                      height: 225.0,
+                                                      decoration: BoxDecoration(
+                                                        color: FlutterFlowTheme
+                                                                .of(context)
+                                                            .secondaryBackground,
+                                                      ),
+                                                      child: InkWell(
+                                                        splashColor:
+                                                            Colors.transparent,
+                                                        focusColor:
+                                                            Colors.transparent,
+                                                        hoverColor:
+                                                            Colors.transparent,
+                                                        highlightColor:
+                                                            Colors.transparent,
+                                                        onTap: () async {
+                                                          context.pushNamed(
+                                                            HorecagelegenheidCurrentWidget
+                                                                .routeName,
+                                                            queryParameters: {
+                                                              'nid':
+                                                                  serializeParam(
+                                                                getJsonField(
+                                                                  horecagelegenhedenItem,
+                                                                  r'''$.nid''',
+                                                                ).toString(),
+                                                                ParamType
+                                                                    .String,
+                                                              ),
+                                                            }.withoutNulls,
+                                                          );
+                                                        },
+                                                        child: Builder(
+                                                            builder: (_) {
+                                                          return DebugFlutterFlowModelContext(
+                                                            rootModel: _model
+                                                                .rootModel,
+                                                            parentModelCallback:
+                                                                (m) {
+                                                              _model.horecagelegenheidoverzichtKaartModels3[
+                                                                  'Keydk5_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
+                                                            },
+                                                            child:
+                                                                HorecagelegenheidoverzichtKaartWidget(
+                                                              key: Key(
+                                                                  'Keydk5_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'),
+                                                              titel:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.titel''',
+                                                              ).toString(),
+                                                              logo:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.logo''',
+                                                              ).toString(),
+                                                              nid: getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.nid''',
+                                                              ).toString(),
+                                                              adres:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.adres''',
+                                                              ).toString(),
+                                                              plaats:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.plaats''',
+                                                              ).toString(),
+                                                              categorie:
+                                                                  (getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.categorie''',
+                                                                true,
+                                                              ) as List?)
+                                                                      ?.map<String>(
+                                                                          (e) => e
+                                                                              .toString())
+                                                                      .toList()
+                                                                      .cast<
+                                                                          String>(),
+                                                            ),
+                                                          );
+                                                        }),
+                                                      ),
+                                                    );
+                                                  },
+                                                );
+                                              },
+                                            );
+                                          },
+                                        ),
+                                      ),
+                                    ],
+                                  );
+                                } else {
+                                  return Container(
+                                    width: 100.0,
+                                    height: 100.0,
+                                    decoration: BoxDecoration(
+                                      color: FlutterFlowTheme.of(context)
+                                          .secondaryBackground,
+                                    ),
+                                  );
+                                }
+                              },
+                            ),
+                            Builder(
+                              builder: (context) {
+                                if (_model.tabOvernachtenGeladen) {
+                                  return Column(
+                                    mainAxisSize: MainAxisSize.max,
+                                    children: [
+                                      Expanded(
+                                        child: FutureBuilder<ApiCallResponse>(
+                                          future: HorecagelegenheidoverzichtCall
+                                              .call(
+                                            horcat: '17965',
+                                            townid: widget!.plaats,
+                                          ),
+                                          builder: (context, snapshot) {
+                                            // Customize what your widget looks like when it's loading.
+                                            if (!snapshot.hasData) {
+                                              return Center(
+                                                child: SizedBox(
+                                                  width: 80.0,
+                                                  height: 80.0,
+                                                  child: SpinKitFadingCircle(
+                                                    color: FlutterFlowTheme.of(
+                                                            context)
+                                                        .primary,
+                                                    size: 80.0,
+                                                  ),
+                                                ),
+                                              );
+                                            }
+                                            final staggeredViewHorecagelegenheidoverzichtResponse =
+                                                snapshot.data!;
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_pws69tl7'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .statusCode,
+                                              ParamType.int,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+                                              name: 'int',
+                                              nullable: false,
+                                            );
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_pws69tl7'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .bodyText,
+                                              ParamType.String,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+                                              name: 'String',
+                                              nullable: false,
+                                            );
+                                            debugLogWidgetClass(_model);
+
+                                            return Builder(
+                                              builder: (context) {
+                                                final horecagelegenheden =
+                                                    getJsonField(
+                                                  staggeredViewHorecagelegenheidoverzichtResponse
+                                                      .jsonBody,
+                                                  r'''$''',
+                                                ).toList().take(25).toList();
+                                                if (horecagelegenheden
+                                                    .isEmpty) {
+                                                  return Image.asset(
+                                                    'assets/images/logo800px.png',
+                                                  );
+                                                }
+                                                _model.debugGeneratorVariables[
+                                                        'horecagelegenheden${horecagelegenheden.length > 100 ? ' (first 100)' : ''}'] =
+                                                    debugSerializeParam(
+                                                  horecagelegenheden.take(100),
+                                                  ParamType.JSON,
+                                                  isList: true,
+                                                  link:
+                                                      'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+                                                  name: 'dynamic',
+                                                  nullable: false,
+                                                );
+                                                debugLogWidgetClass(_model);
+
+                                                return MasonryGridView.builder(
+                                                  gridDelegate:
+                                                      SliverSimpleGridDelegateWithFixedCrossAxisCount(
+                                                    crossAxisCount: () {
+                                                      if (MediaQuery.sizeOf(
+                                                                  context)
+                                                              .width <
+                                                          kBreakpointSmall) {
+                                                        return 1;
+                                                      } else if (MediaQuery
+                                                                  .sizeOf(
+                                                                      context)
+                                                              .width <
+                                                          kBreakpointMedium) {
+                                                        return 1;
+                                                      } else if (MediaQuery
+                                                                  .sizeOf(
+                                                                      context)
+                                                              .width <
+                                                          kBreakpointLarge) {
+                                                        return 2;
+                                                      } else {
+                                                        return 3;
+                                                      }
+                                                    }(),
+                                                  ),
+                                                  crossAxisSpacing: 12.0,
+                                                  mainAxisSpacing: 12.0,
+                                                  itemCount:
+                                                      horecagelegenheden.length,
+                                                  itemBuilder: (context,
+                                                      horecagelegenhedenIndex) {
+                                                    final horecagelegenhedenItem =
+                                                        horecagelegenheden[
+                                                            horecagelegenhedenIndex];
+                                                    return Container(
+                                                      width: 600.0,
+                                                      height: 225.0,
+                                                      decoration: BoxDecoration(
+                                                        color: FlutterFlowTheme
+                                                                .of(context)
+                                                            .secondaryBackground,
+                                                      ),
+                                                      child: InkWell(
+                                                        splashColor:
+                                                            Colors.transparent,
+                                                        focusColor:
+                                                            Colors.transparent,
+                                                        hoverColor:
+                                                            Colors.transparent,
+                                                        highlightColor:
+                                                            Colors.transparent,
+                                                        onTap: () async {
+                                                          context.pushNamed(
+                                                            HorecagelegenheidCurrentWidget
+                                                                .routeName,
+                                                            queryParameters: {
+                                                              'nid':
+                                                                  serializeParam(
+                                                                getJsonField(
+                                                                  horecagelegenhedenItem,
+                                                                  r'''$.nid''',
+                                                                ).toString(),
+                                                                ParamType
+                                                                    .String,
+                                                              ),
+                                                            }.withoutNulls,
+                                                          );
+                                                        },
+                                                        child: Builder(
+                                                            builder: (_) {
+                                                          return DebugFlutterFlowModelContext(
+                                                            rootModel: _model
+                                                                .rootModel,
+                                                            parentModelCallback:
+                                                                (m) {
+                                                              _model.horecagelegenheidoverzichtKaartModels4[
+                                                                  'Key1ob_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
+                                                            },
+                                                            child:
+                                                                HorecagelegenheidoverzichtKaartWidget(
+                                                              key: Key(
+                                                                  'Key1ob_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'),
+                                                              titel:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.titel''',
+                                                              ).toString(),
+                                                              logo:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.logo''',
+                                                              ).toString(),
+                                                              nid: getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.nid''',
+                                                              ).toString(),
+                                                              adres:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.adres''',
+                                                              ).toString(),
+                                                              plaats:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.plaats''',
+                                                              ).toString(),
+                                                              categorie:
+                                                                  (getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.categorie''',
+                                                                true,
+                                                              ) as List?)
+                                                                      ?.map<String>(
+                                                                          (e) => e
+                                                                              .toString())
+                                                                      .toList()
+                                                                      .cast<
+                                                                          String>(),
+                                                            ),
+                                                          );
+                                                        }),
+                                                      ),
+                                                    );
+                                                  },
+                                                );
+                                              },
+                                            );
+                                          },
+                                        ),
+                                      ),
+                                    ],
+                                  );
+                                } else {
+                                  return Container(
+                                    width: 100.0,
+                                    height: 100.0,
+                                    decoration: BoxDecoration(
+                                      color: FlutterFlowTheme.of(context)
+                                          .secondaryBackground,
+                                    ),
+                                  );
+                                }
+                              },
+                            ),
+                            Builder(
+                              builder: (context) {
+                                if (_model.tabUitgaanGeladen) {
+                                  return Column(
+                                    mainAxisSize: MainAxisSize.max,
+                                    children: [
+                                      Expanded(
+                                        child: FutureBuilder<ApiCallResponse>(
+                                          future: HorecagelegenheidoverzichtCall
+                                              .call(
+                                            horcat: '17967',
+                                            townid:
+                                                FFAppState().provincieSelectId,
+                                          ),
+                                          builder: (context, snapshot) {
+                                            // Customize what your widget looks like when it's loading.
+                                            if (!snapshot.hasData) {
+                                              return Center(
+                                                child: SizedBox(
+                                                  width: 80.0,
+                                                  height: 80.0,
+                                                  child: SpinKitFadingCircle(
+                                                    color: FlutterFlowTheme.of(
+                                                            context)
+                                                        .primary,
+                                                    size: 80.0,
+                                                  ),
+                                                ),
+                                              );
+                                            }
+                                            final staggeredViewHorecagelegenheidoverzichtResponse =
+                                                snapshot.data!;
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_it39m6uo'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .statusCode,
+                                              ParamType.int,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+                                              name: 'int',
+                                              nullable: false,
+                                            );
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_it39m6uo'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .bodyText,
+                                              ParamType.String,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+                                              name: 'String',
+                                              nullable: false,
+                                            );
+                                            debugLogWidgetClass(_model);
+
+                                            return Builder(
+                                              builder: (context) {
+                                                final horecagelegenheden =
+                                                    getJsonField(
+                                                  staggeredViewHorecagelegenheidoverzichtResponse
+                                                      .jsonBody,
+                                                  r'''$''',
+                                                ).toList().take(25).toList();
+                                                if (horecagelegenheden
+                                                    .isEmpty) {
+                                                  return Image.asset(
+                                                    'assets/images/logo800px.png',
+                                                  );
+                                                }
+                                                _model.debugGeneratorVariables[
+                                                        'horecagelegenheden${horecagelegenheden.length > 100 ? ' (first 100)' : ''}'] =
+                                                    debugSerializeParam(
+                                                  horecagelegenheden.take(100),
+                                                  ParamType.JSON,
+                                                  isList: true,
+                                                  link:
+                                                      'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+                                                  name: 'dynamic',
+                                                  nullable: false,
+                                                );
+                                                debugLogWidgetClass(_model);
+
+                                                return MasonryGridView.builder(
+                                                  gridDelegate:
+                                                      SliverSimpleGridDelegateWithFixedCrossAxisCount(
+                                                    crossAxisCount: () {
+                                                      if (MediaQuery.sizeOf(
+                                                                  context)
+                                                              .width <
+                                                          kBreakpointSmall) {
+                                                        return 1;
+                                                      } else if (MediaQuery
+                                                                  .sizeOf(
+                                                                      context)
+                                                              .width <
+                                                          kBreakpointMedium) {
+                                                        return 1;
+                                                      } else if (MediaQuery
+                                                                  .sizeOf(
+                                                                      context)
+                                                              .width <
+                                                          kBreakpointLarge) {
+                                                        return 2;
+                                                      } else {
+                                                        return 3;
+                                                      }
+                                                    }(),
+                                                  ),
+                                                  crossAxisSpacing: 12.0,
+                                                  mainAxisSpacing: 12.0,
+                                                  itemCount:
+                                                      horecagelegenheden.length,
+                                                  itemBuilder: (context,
+                                                      horecagelegenhedenIndex) {
+                                                    final horecagelegenhedenItem =
+                                                        horecagelegenheden[
+                                                            horecagelegenhedenIndex];
+                                                    return Container(
+                                                      width: 600.0,
+                                                      height: 225.0,
+                                                      decoration: BoxDecoration(
+                                                        color: FlutterFlowTheme
+                                                                .of(context)
+                                                            .secondaryBackground,
+                                                      ),
+                                                      child: InkWell(
+                                                        splashColor:
+                                                            Colors.transparent,
+                                                        focusColor:
+                                                            Colors.transparent,
+                                                        hoverColor:
+                                                            Colors.transparent,
+                                                        highlightColor:
+                                                            Colors.transparent,
+                                                        onTap: () async {
+                                                          context.pushNamed(
+                                                            HorecagelegenheidCurrentWidget
+                                                                .routeName,
+                                                            queryParameters: {
+                                                              'nid':
+                                                                  serializeParam(
+                                                                getJsonField(
+                                                                  horecagelegenhedenItem,
+                                                                  r'''$.nid''',
+                                                                ).toString(),
+                                                                ParamType
+                                                                    .String,
+                                                              ),
+                                                            }.withoutNulls,
+                                                          );
+                                                        },
+                                                        child: Builder(
+                                                            builder: (_) {
+                                                          return DebugFlutterFlowModelContext(
+                                                            rootModel: _model
+                                                                .rootModel,
+                                                            parentModelCallback:
+                                                                (m) {
+                                                              _model.horecagelegenheidoverzichtKaartModels5[
+                                                                  'Keyu1d_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
+                                                            },
+                                                            child:
+                                                                HorecagelegenheidoverzichtKaartWidget(
+                                                              key: Key(
+                                                                  'Keyu1d_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'),
+                                                              titel:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.titel''',
+                                                              ).toString(),
+                                                              logo:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.logo''',
+                                                              ).toString(),
+                                                              nid: getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.nid''',
+                                                              ).toString(),
+                                                              adres:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.adres''',
+                                                              ).toString(),
+                                                              plaats:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.plaats''',
+                                                              ).toString(),
+                                                              categorie:
+                                                                  (getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.categorie''',
+                                                                true,
+                                                              ) as List?)
+                                                                      ?.map<String>(
+                                                                          (e) => e
+                                                                              .toString())
+                                                                      .toList()
+                                                                      .cast<
+                                                                          String>(),
+                                                            ),
+                                                          );
+                                                        }),
+                                                      ),
+                                                    );
+                                                  },
+                                                );
+                                              },
+                                            );
+                                          },
+                                        ),
+                                      ),
+                                    ],
+                                  );
+                                } else {
+                                  return Container(
+                                    width: 100.0,
+                                    height: 100.0,
+                                    decoration: BoxDecoration(
+                                      color: FlutterFlowTheme.of(context)
+                                          .secondaryBackground,
+                                    ),
+                                  );
+                                }
+                              },
+                            ),
+                            Builder(
+                              builder: (context) {
+                                if (_model.tabVerhuurcateringGeladen) {
+                                  return Column(
+                                    mainAxisSize: MainAxisSize.max,
+                                    children: [
+                                      Expanded(
+                                        child: FutureBuilder<ApiCallResponse>(
+                                          future: HorecagelegenheidoverzichtCall
+                                              .call(
+                                            horcat: '17968',
+                                            townid: widget!.plaats,
+                                          ),
+                                          builder: (context, snapshot) {
+                                            // Customize what your widget looks like when it's loading.
+                                            if (!snapshot.hasData) {
+                                              return Center(
+                                                child: SizedBox(
+                                                  width: 80.0,
+                                                  height: 80.0,
+                                                  child: SpinKitFadingCircle(
+                                                    color: FlutterFlowTheme.of(
+                                                            context)
+                                                        .primary,
+                                                    size: 80.0,
+                                                  ),
+                                                ),
+                                              );
+                                            }
+                                            final staggeredViewHorecagelegenheidoverzichtResponse =
+                                                snapshot.data!;
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_i9cqu6nq'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .statusCode,
+                                              ParamType.int,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+                                              name: 'int',
+                                              nullable: false,
+                                            );
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_i9cqu6nq'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .bodyText,
+                                              ParamType.String,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+                                              name: 'String',
+                                              nullable: false,
+                                            );
+                                            debugLogWidgetClass(_model);
+
+                                            return Builder(
+                                              builder: (context) {
+                                                final horecagelegenheden =
+                                                    getJsonField(
+                                                  staggeredViewHorecagelegenheidoverzichtResponse
+                                                      .jsonBody,
+                                                  r'''$''',
+                                                ).toList().take(25).toList();
+                                                if (horecagelegenheden
+                                                    .isEmpty) {
+                                                  return Image.asset(
+                                                    'assets/images/logo800px.png',
+                                                  );
+                                                }
+                                                _model.debugGeneratorVariables[
+                                                        'horecagelegenheden${horecagelegenheden.length > 100 ? ' (first 100)' : ''}'] =
+                                                    debugSerializeParam(
+                                                  horecagelegenheden.take(100),
+                                                  ParamType.JSON,
+                                                  isList: true,
+                                                  link:
+                                                      'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2',
+                                                  name: 'dynamic',
+                                                  nullable: false,
+                                                );
+                                                debugLogWidgetClass(_model);
+
+                                                return MasonryGridView.builder(
+                                                  gridDelegate:
+                                                      SliverSimpleGridDelegateWithFixedCrossAxisCount(
+                                                    crossAxisCount: () {
+                                                      if (MediaQuery.sizeOf(
+                                                                  context)
+                                                              .width <
+                                                          kBreakpointSmall) {
+                                                        return 1;
+                                                      } else if (MediaQuery
+                                                                  .sizeOf(
+                                                                      context)
+                                                              .width <
+                                                          kBreakpointMedium) {
+                                                        return 1;
+                                                      } else if (MediaQuery
+                                                                  .sizeOf(
+                                                                      context)
+                                                              .width <
+                                                          kBreakpointLarge) {
+                                                        return 2;
+                                                      } else {
+                                                        return 3;
+                                                      }
+                                                    }(),
+                                                  ),
+                                                  crossAxisSpacing: 12.0,
+                                                  mainAxisSpacing: 12.0,
+                                                  itemCount:
+                                                      horecagelegenheden.length,
+                                                  itemBuilder: (context,
+                                                      horecagelegenhedenIndex) {
+                                                    final horecagelegenhedenItem =
+                                                        horecagelegenheden[
+                                                            horecagelegenhedenIndex];
+                                                    return Container(
+                                                      width: 600.0,
+                                                      height: 225.0,
+                                                      decoration: BoxDecoration(
+                                                        color: FlutterFlowTheme
+                                                                .of(context)
+                                                            .secondaryBackground,
+                                                      ),
+                                                      child: InkWell(
+                                                        splashColor:
+                                                            Colors.transparent,
+                                                        focusColor:
+                                                            Colors.transparent,
+                                                        hoverColor:
+                                                            Colors.transparent,
+                                                        highlightColor:
+                                                            Colors.transparent,
+                                                        onTap: () async {
+                                                          context.pushNamed(
+                                                            HorecagelegenheidCurrentWidget
+                                                                .routeName,
+                                                            queryParameters: {
+                                                              'nid':
+                                                                  serializeParam(
+                                                                getJsonField(
+                                                                  horecagelegenhedenItem,
+                                                                  r'''$.nid''',
+                                                                ).toString(),
+                                                                ParamType
+                                                                    .String,
+                                                              ),
+                                                            }.withoutNulls,
+                                                          );
+                                                        },
+                                                        child: Builder(
+                                                            builder: (_) {
+                                                          return DebugFlutterFlowModelContext(
+                                                            rootModel: _model
+                                                                .rootModel,
+                                                            parentModelCallback:
+                                                                (m) {
+                                                              _model.horecagelegenheidoverzichtKaartModels6[
+                                                                  'Keydxw_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
+                                                            },
+                                                            child:
+                                                                HorecagelegenheidoverzichtKaartWidget(
+                                                              key: Key(
+                                                                  'Keydxw_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'),
+                                                              titel:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.titel''',
+                                                              ).toString(),
+                                                              logo:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.logo''',
+                                                              ).toString(),
+                                                              nid: getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.nid''',
+                                                              ).toString(),
+                                                              adres:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.adres''',
+                                                              ).toString(),
+                                                              plaats:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.plaats''',
+                                                              ).toString(),
+                                                              categorie:
+                                                                  (getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.categorie''',
+                                                                true,
+                                                              ) as List?)
+                                                                      ?.map<String>(
+                                                                          (e) => e
+                                                                              .toString())
+                                                                      .toList()
+                                                                      .cast<
+                                                                          String>(),
+                                                            ),
+                                                          );
+                                                        }),
+                                                      ),
+                                                    );
+                                                  },
+                                                );
+                                              },
+                                            );
+                                          },
+                                        ),
+                                      ),
+                                    ],
+                                  );
+                                } else {
+                                  return Container(
+                                    width: 100.0,
+                                    height: 100.0,
+                                    decoration: BoxDecoration(
+                                      color: FlutterFlowTheme.of(context)
+                                          .secondaryBackground,
+                                    ),
+                                  );
+                                }
+                              },
+                            ),
+                          ],
+                        ),
+                      ),
+                    ],
+                  ),
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/kanweg/horecagelegenheden_overzicht_copy2_copy/horecagelegenheden_overzicht_copy2_copy_model.dart

@@ -0,0 +1,801 @@
+import '/backend/api_requests/api_calls.dart';
+import '/components/header_buttons_component_widget.dart';
+import '/flutter_flow/flutter_flow_theme.dart';
+import '/flutter_flow/flutter_flow_util.dart';
+import '/flutter_flow/flutter_flow_widgets.dart';
+import '/horecagelegenhedenoverzicht/horecagelegenheidoverzicht_kaart/horecagelegenheidoverzicht_kaart_widget.dart';
+import '/shared/drawer_component/drawer_component_widget.dart';
+import 'dart:ui';
+import '/custom_code/actions/index.dart' as actions;
+import '/index.dart';
+import 'horecagelegenheden_overzicht_copy2_copy_widget.dart'
+    show HorecagelegenhedenOverzichtCopy2CopyWidget;
+import 'package:flutter/material.dart';
+import 'package:flutter/scheduler.dart';
+import 'package:flutter_spinkit/flutter_spinkit.dart';
+import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart';
+import 'package:google_fonts/google_fonts.dart';
+import 'package:provider/provider.dart';
+
+class HorecagelegenhedenOverzichtCopy2CopyModel
+    extends FlutterFlowModel<HorecagelegenhedenOverzichtCopy2CopyWidget> {
+  ///  Local state fields for this page.
+
+  bool _tabCultuurGeladen = false;
+  set tabCultuurGeladen(bool value) {
+    _tabCultuurGeladen = value;
+    debugLogWidgetClass(this);
+  }
+
+  bool get tabCultuurGeladen => _tabCultuurGeladen;
+
+  bool _tabEetgelegenhedenGeladen = false;
+  set tabEetgelegenhedenGeladen(bool value) {
+    _tabEetgelegenhedenGeladen = value;
+    debugLogWidgetClass(this);
+  }
+
+  bool get tabEetgelegenhedenGeladen => _tabEetgelegenhedenGeladen;
+
+  bool _tabOvernachtenGeladen = false;
+  set tabOvernachtenGeladen(bool value) {
+    _tabOvernachtenGeladen = value;
+    debugLogWidgetClass(this);
+  }
+
+  bool get tabOvernachtenGeladen => _tabOvernachtenGeladen;
+
+  bool _tabUitgaanGeladen = false;
+  set tabUitgaanGeladen(bool value) {
+    _tabUitgaanGeladen = value;
+    debugLogWidgetClass(this);
+  }
+
+  bool get tabUitgaanGeladen => _tabUitgaanGeladen;
+
+  bool _tabVerhuurcateringGeladen = false;
+  set tabVerhuurcateringGeladen(bool value) {
+    _tabVerhuurcateringGeladen = value;
+    debugLogWidgetClass(this);
+  }
+
+  bool get tabVerhuurcateringGeladen => _tabVerhuurcateringGeladen;
+
+  String? _zoektermActiviteiten;
+  set zoektermActiviteiten(String? value) {
+    _zoektermActiviteiten = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get zoektermActiviteiten => _zoektermActiviteiten;
+
+  String? _zoektermCultuur;
+  set zoektermCultuur(String? value) {
+    _zoektermCultuur = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get zoektermCultuur => _zoektermCultuur;
+
+  String? _zoektermEetgelegenheden;
+  set zoektermEetgelegenheden(String? value) {
+    _zoektermEetgelegenheden = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get zoektermEetgelegenheden => _zoektermEetgelegenheden;
+
+  String? _zoektermOvernachten;
+  set zoektermOvernachten(String? value) {
+    _zoektermOvernachten = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get zoektermOvernachten => _zoektermOvernachten;
+
+  String? _zoektermUitgaan;
+  set zoektermUitgaan(String? value) {
+    _zoektermUitgaan = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get zoektermUitgaan => _zoektermUitgaan;
+
+  String? _zoektermVerhuurCatering;
+  set zoektermVerhuurCatering(String? value) {
+    _zoektermVerhuurCatering = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get zoektermVerhuurCatering => _zoektermVerhuurCatering;
+
+  String? _categorieFilterActiviteiten;
+  set categorieFilterActiviteiten(String? value) {
+    _categorieFilterActiviteiten = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get categorieFilterActiviteiten => _categorieFilterActiviteiten;
+
+  String? _categorieFilterCultuur;
+  set categorieFilterCultuur(String? value) {
+    _categorieFilterCultuur = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get categorieFilterCultuur => _categorieFilterCultuur;
+
+  String? _categorieFilterEetgelegenheden;
+  set categorieFilterEetgelegenheden(String? value) {
+    _categorieFilterEetgelegenheden = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get categorieFilterEetgelegenheden => _categorieFilterEetgelegenheden;
+
+  String? _categorieFilterOvernachten;
+  set categorieFilterOvernachten(String? value) {
+    _categorieFilterOvernachten = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get categorieFilterOvernachten => _categorieFilterOvernachten;
+
+  String? _categorieFilterUitgaan;
+  set categorieFilterUitgaan(String? value) {
+    _categorieFilterUitgaan = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get categorieFilterUitgaan => _categorieFilterUitgaan;
+
+  String? _categorieFilterVerhuurCatering;
+  set categorieFilterVerhuurCatering(String? value) {
+    _categorieFilterVerhuurCatering = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get categorieFilterVerhuurCatering => _categorieFilterVerhuurCatering;
+
+  late LoggableList<dynamic> _alleActiviteiten = LoggableList([]);
+  set alleActiviteiten(List<dynamic> value) {
+    if (value != null) {
+      _alleActiviteiten = LoggableList(value);
+    }
+
+    debugLogWidgetClass(this);
+  }
+
+  List<dynamic> get alleActiviteiten =>
+      _alleActiviteiten?..logger = () => debugLogWidgetClass(this);
+  void addToAlleActiviteiten(dynamic item) => alleActiviteiten.add(item);
+  void removeFromAlleActiviteiten(dynamic item) =>
+      alleActiviteiten.remove(item);
+  void removeAtIndexFromAlleActiviteiten(int index) =>
+      alleActiviteiten.removeAt(index);
+  void insertAtIndexInAlleActiviteiten(int index, dynamic item) =>
+      alleActiviteiten.insert(index, item);
+  void updateAlleActiviteitenAtIndex(int index, Function(dynamic) updateFn) =>
+      alleActiviteiten[index] = updateFn(alleActiviteiten[index]);
+
+  late LoggableList<dynamic> _alleCultuur = LoggableList([]);
+  set alleCultuur(List<dynamic> value) {
+    if (value != null) {
+      _alleCultuur = LoggableList(value);
+    }
+
+    debugLogWidgetClass(this);
+  }
+
+  List<dynamic> get alleCultuur =>
+      _alleCultuur?..logger = () => debugLogWidgetClass(this);
+  void addToAlleCultuur(dynamic item) => alleCultuur.add(item);
+  void removeFromAlleCultuur(dynamic item) => alleCultuur.remove(item);
+  void removeAtIndexFromAlleCultuur(int index) => alleCultuur.removeAt(index);
+  void insertAtIndexInAlleCultuur(int index, dynamic item) =>
+      alleCultuur.insert(index, item);
+  void updateAlleCultuurAtIndex(int index, Function(dynamic) updateFn) =>
+      alleCultuur[index] = updateFn(alleCultuur[index]);
+
+  late LoggableList<dynamic> _alleEetgelegenheden = LoggableList([]);
+  set alleEetgelegenheden(List<dynamic> value) {
+    if (value != null) {
+      _alleEetgelegenheden = LoggableList(value);
+    }
+
+    debugLogWidgetClass(this);
+  }
+
+  List<dynamic> get alleEetgelegenheden =>
+      _alleEetgelegenheden?..logger = () => debugLogWidgetClass(this);
+  void addToAlleEetgelegenheden(dynamic item) => alleEetgelegenheden.add(item);
+  void removeFromAlleEetgelegenheden(dynamic item) =>
+      alleEetgelegenheden.remove(item);
+  void removeAtIndexFromAlleEetgelegenheden(int index) =>
+      alleEetgelegenheden.removeAt(index);
+  void insertAtIndexInAlleEetgelegenheden(int index, dynamic item) =>
+      alleEetgelegenheden.insert(index, item);
+  void updateAlleEetgelegenhedenAtIndex(
+          int index, Function(dynamic) updateFn) =>
+      alleEetgelegenheden[index] = updateFn(alleEetgelegenheden[index]);
+
+  late LoggableList<dynamic> _alleOvernachten = LoggableList([]);
+  set alleOvernachten(List<dynamic> value) {
+    if (value != null) {
+      _alleOvernachten = LoggableList(value);
+    }
+
+    debugLogWidgetClass(this);
+  }
+
+  List<dynamic> get alleOvernachten =>
+      _alleOvernachten?..logger = () => debugLogWidgetClass(this);
+  void addToAlleOvernachten(dynamic item) => alleOvernachten.add(item);
+  void removeFromAlleOvernachten(dynamic item) => alleOvernachten.remove(item);
+  void removeAtIndexFromAlleOvernachten(int index) =>
+      alleOvernachten.removeAt(index);
+  void insertAtIndexInAlleOvernachten(int index, dynamic item) =>
+      alleOvernachten.insert(index, item);
+  void updateAlleOvernachtenAtIndex(int index, Function(dynamic) updateFn) =>
+      alleOvernachten[index] = updateFn(alleOvernachten[index]);
+
+  late LoggableList<dynamic> _alleUitgaan = LoggableList([]);
+  set alleUitgaan(List<dynamic> value) {
+    if (value != null) {
+      _alleUitgaan = LoggableList(value);
+    }
+
+    debugLogWidgetClass(this);
+  }
+
+  List<dynamic> get alleUitgaan =>
+      _alleUitgaan?..logger = () => debugLogWidgetClass(this);
+  void addToAlleUitgaan(dynamic item) => alleUitgaan.add(item);
+  void removeFromAlleUitgaan(dynamic item) => alleUitgaan.remove(item);
+  void removeAtIndexFromAlleUitgaan(int index) => alleUitgaan.removeAt(index);
+  void insertAtIndexInAlleUitgaan(int index, dynamic item) =>
+      alleUitgaan.insert(index, item);
+  void updateAlleUitgaanAtIndex(int index, Function(dynamic) updateFn) =>
+      alleUitgaan[index] = updateFn(alleUitgaan[index]);
+
+  late LoggableList<dynamic> _alleVerhuurCatering = LoggableList([]);
+  set alleVerhuurCatering(List<dynamic> value) {
+    if (value != null) {
+      _alleVerhuurCatering = LoggableList(value);
+    }
+
+    debugLogWidgetClass(this);
+  }
+
+  List<dynamic> get alleVerhuurCatering =>
+      _alleVerhuurCatering?..logger = () => debugLogWidgetClass(this);
+  void addToAlleVerhuurCatering(dynamic item) => alleVerhuurCatering.add(item);
+  void removeFromAlleVerhuurCatering(dynamic item) =>
+      alleVerhuurCatering.remove(item);
+  void removeAtIndexFromAlleVerhuurCatering(int index) =>
+      alleVerhuurCatering.removeAt(index);
+  void insertAtIndexInAlleVerhuurCatering(int index, dynamic item) =>
+      alleVerhuurCatering.insert(index, item);
+  void updateAlleVerhuurCateringAtIndex(
+          int index, Function(dynamic) updateFn) =>
+      alleVerhuurCatering[index] = updateFn(alleVerhuurCatering[index]);
+
+  ///  State fields for stateful widgets in this page.
+
+  // Stores action output result for [Custom Action - fetchAlleHorecagelegenheden] action in HorecagelegenhedenOverzichtCopy2Copy widget.
+  List<dynamic>? _resultHorecaActiviteiten;
+  set resultHorecaActiviteiten(List<dynamic>? value) {
+    _resultHorecaActiviteiten = value;
+    debugLogWidgetClass(this);
+  }
+
+  List<dynamic>? get resultHorecaActiviteiten => _resultHorecaActiviteiten;
+
+  // State field(s) for TabBar widget.
+  TabController? tabBarController;
+  int get tabBarCurrentIndex =>
+      tabBarController != null ? tabBarController!.index : 0;
+  int get tabBarPreviousIndex =>
+      tabBarController != null ? tabBarController!.previousIndex : 0;
+
+  // Models for HorecagelegenheidoverzichtKaart dynamic component.
+  Map<String, FlutterFlowModel> horecagelegenheidoverzichtKaartModels1 = {};
+  // State field(s) for TextField widget.
+  FocusNode? textFieldFocusNode;
+  TextEditingController? textController;
+  String? Function(BuildContext, String?)? textControllerValidator;
+  // Stores action output result for [Custom Action - fetchAlleHorecagelegenheden] action in TabCultuur widget.
+  List<dynamic>? _resultHorecaCultuur;
+  set resultHorecaCultuur(List<dynamic>? value) {
+    _resultHorecaCultuur = value;
+    debugLogWidgetClass(this);
+  }
+
+  List<dynamic>? get resultHorecaCultuur => _resultHorecaCultuur;
+
+  // Models for HorecagelegenheidoverzichtKaart dynamic component.
+  Map<String, FlutterFlowModel> horecagelegenheidoverzichtKaartModels2 = {};
+  // Stores action output result for [Custom Action - fetchAlleHorecagelegenheden] action in TabEetgelegenheden widget.
+  List<dynamic>? _resultHorecaEetgelegenheden;
+  set resultHorecaEetgelegenheden(List<dynamic>? value) {
+    _resultHorecaEetgelegenheden = value;
+    debugLogWidgetClass(this);
+  }
+
+  List<dynamic>? get resultHorecaEetgelegenheden =>
+      _resultHorecaEetgelegenheden;
+
+  // Models for HorecagelegenheidoverzichtKaart dynamic component.
+  Map<String, FlutterFlowModel> horecagelegenheidoverzichtKaartModels3 = {};
+  // Stores action output result for [Custom Action - fetchAlleHorecagelegenheden] action in TabOvernachten widget.
+  List<dynamic>? _resultHorecaOvernachten;
+  set resultHorecaOvernachten(List<dynamic>? value) {
+    _resultHorecaOvernachten = value;
+    debugLogWidgetClass(this);
+  }
+
+  List<dynamic>? get resultHorecaOvernachten => _resultHorecaOvernachten;
+
+  // Models for HorecagelegenheidoverzichtKaart dynamic component.
+  Map<String, FlutterFlowModel> horecagelegenheidoverzichtKaartModels4 = {};
+  // Stores action output result for [Custom Action - fetchAlleHorecagelegenheden] action in TabUitgaan widget.
+  List<dynamic>? _resultHorecaUitgaansgelegenheden;
+  set resultHorecaUitgaansgelegenheden(List<dynamic>? value) {
+    _resultHorecaUitgaansgelegenheden = value;
+    debugLogWidgetClass(this);
+  }
+
+  List<dynamic>? get resultHorecaUitgaansgelegenheden =>
+      _resultHorecaUitgaansgelegenheden;
+
+  // Models for HorecagelegenheidoverzichtKaart dynamic component.
+  Map<String, FlutterFlowModel> horecagelegenheidoverzichtKaartModels5 = {};
+  // Stores action output result for [Custom Action - fetchAlleHorecagelegenheden] action in TabVerhuurCatering widget.
+  List<dynamic>? _resultHorecaVerhuur;
+  set resultHorecaVerhuur(List<dynamic>? value) {
+    _resultHorecaVerhuur = value;
+    debugLogWidgetClass(this);
+  }
+
+  List<dynamic>? get resultHorecaVerhuur => _resultHorecaVerhuur;
+
+  // Models for HorecagelegenheidoverzichtKaart dynamic component.
+  Map<String, FlutterFlowModel> horecagelegenheidoverzichtKaartModels6 = {};
+  // Model for HeaderButtonsComponent component.
+  late HeaderButtonsComponentModel headerButtonsComponentModel;
+  // Model for drawerComponent component.
+  late DrawerComponentModel drawerComponentModel;
+
+  final Map<String, DebugDataField> debugGeneratorVariables = {};
+  final Map<String, DebugDataField> debugBackendQueries = {};
+  final Map<String, FlutterFlowModel> widgetBuilderComponents = {};
+  @override
+  void initState(BuildContext context) {
+    headerButtonsComponentModel =
+        createModel(context, () => HeaderButtonsComponentModel());
+    drawerComponentModel = createModel(context, () => DrawerComponentModel());
+
+    debugLogWidgetClass(this);
+  }
+
+  @override
+  void dispose() {
+    tabBarController?.dispose();
+    textFieldFocusNode?.dispose();
+    textController?.dispose();
+
+    headerButtonsComponentModel.dispose();
+    drawerComponentModel.dispose();
+  }
+
+  @override
+  WidgetClassDebugData toWidgetClassDebugData() => WidgetClassDebugData(
+        widgetParameters: {
+          'plaats': debugSerializeParam(
+            widget?.plaats,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+            searchReference:
+                'reference=ShgKEAoGcGxhYXRzEgYzcXVrMXVyBAgDIAFQAVoGcGxhYXRz',
+            name: 'String',
+            nullable: true,
+          )
+        }.withoutNulls.entries,
+        localStates: {
+          'tabCultuurGeladen': debugSerializeParam(
+            tabCultuurGeladen,
+            ParamType.bool,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+            searchReference:
+                'reference=QisKGgoRdGFiQ3VsdHV1ckdlbGFkZW4SBWk5eTl0KgcSBWZhbHNlcgQIBSABUAFaEXRhYkN1bHR1dXJHZWxhZGVuYiRIb3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRDb3B5MkNvcHk=',
+            name: 'bool',
+            nullable: false,
+          ),
+          'tabEetgelegenhedenGeladen': debugSerializeParam(
+            tabEetgelegenhedenGeladen,
+            ParamType.bool,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+            searchReference:
+                'reference=QjMKIgoZdGFiRWV0Z2VsZWdlbmhlZGVuR2VsYWRlbhIFNmE5djgqBxIFZmFsc2VyBAgFIAFQAVoZdGFiRWV0Z2VsZWdlbmhlZGVuR2VsYWRlbmIkSG9yZWNhZ2VsZWdlbmhlZGVuT3ZlcnppY2h0Q29weTJDb3B5',
+            name: 'bool',
+            nullable: false,
+          ),
+          'tabOvernachtenGeladen': debugSerializeParam(
+            tabOvernachtenGeladen,
+            ParamType.bool,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+            searchReference:
+                'reference=Qi8KHgoVdGFiT3Zlcm5hY2h0ZW5HZWxhZGVuEgU1eGM2NioHEgVmYWxzZXIECAUgAVABWhV0YWJPdmVybmFjaHRlbkdlbGFkZW5iJEhvcmVjYWdlbGVnZW5oZWRlbk92ZXJ6aWNodENvcHkyQ29weQ==',
+            name: 'bool',
+            nullable: false,
+          ),
+          'tabUitgaanGeladen': debugSerializeParam(
+            tabUitgaanGeladen,
+            ParamType.bool,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+            searchReference:
+                'reference=QisKGgoRdGFiVWl0Z2FhbkdlbGFkZW4SBTE1NWxkKgcSBWZhbHNlcgQIBSABUAFaEXRhYlVpdGdhYW5HZWxhZGVuYiRIb3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRDb3B5MkNvcHk=',
+            name: 'bool',
+            nullable: false,
+          ),
+          'tabVerhuurcateringGeladen': debugSerializeParam(
+            tabVerhuurcateringGeladen,
+            ParamType.bool,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+            searchReference:
+                'reference=QjMKIgoZdGFiVmVyaHV1cmNhdGVyaW5nR2VsYWRlbhIFMWU3eHEqBxIFZmFsc2VyBAgFIAFQAVoZdGFiVmVyaHV1cmNhdGVyaW5nR2VsYWRlbmIkSG9yZWNhZ2VsZWdlbmhlZGVuT3ZlcnppY2h0Q29weTJDb3B5',
+            name: 'bool',
+            nullable: false,
+          ),
+          'zoektermActiviteiten': debugSerializeParam(
+            zoektermActiviteiten,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+            searchReference:
+                'reference=QikKHQoUem9la3Rlcm1BY3Rpdml0ZWl0ZW4SBTZqYTVtKgISAHIECAMgAFABWhR6b2VrdGVybUFjdGl2aXRlaXRlbmIkSG9yZWNhZ2VsZWdlbmhlZGVuT3ZlcnppY2h0Q29weTJDb3B5',
+            name: 'String',
+            nullable: true,
+          ),
+          'zoektermCultuur': debugSerializeParam(
+            zoektermCultuur,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+            searchReference:
+                'reference=QiQKGAoPem9la3Rlcm1DdWx0dXVyEgVqdXA4aSoCEgByBAgDIABQAVoPem9la3Rlcm1DdWx0dXVyYiRIb3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRDb3B5MkNvcHk=',
+            name: 'String',
+            nullable: true,
+          ),
+          'zoektermEetgelegenheden': debugSerializeParam(
+            zoektermEetgelegenheden,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+            searchReference:
+                'reference=QiwKIAoXem9la3Rlcm1FZXRnZWxlZ2VuaGVkZW4SBXh0b2VlKgISAHIECAMgAFABWhd6b2VrdGVybUVldGdlbGVnZW5oZWRlbmIkSG9yZWNhZ2VsZWdlbmhlZGVuT3ZlcnppY2h0Q29weTJDb3B5',
+            name: 'String',
+            nullable: true,
+          ),
+          'zoektermOvernachten': debugSerializeParam(
+            zoektermOvernachten,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+            searchReference:
+                'reference=QigKHAoTem9la3Rlcm1PdmVybmFjaHRlbhIFcXdicHAqAhIAcgQIAyAAUAFaE3pvZWt0ZXJtT3Zlcm5hY2h0ZW5iJEhvcmVjYWdlbGVnZW5oZWRlbk92ZXJ6aWNodENvcHkyQ29weQ==',
+            name: 'String',
+            nullable: true,
+          ),
+          'zoektermUitgaan': debugSerializeParam(
+            zoektermUitgaan,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+            searchReference:
+                'reference=QiQKGAoPem9la3Rlcm1VaXRnYWFuEgVreHptaSoCEgByBAgDIABQAVoPem9la3Rlcm1VaXRnYWFuYiRIb3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRDb3B5MkNvcHk=',
+            name: 'String',
+            nullable: true,
+          ),
+          'zoektermVerhuurCatering': debugSerializeParam(
+            zoektermVerhuurCatering,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+            searchReference:
+                'reference=QiwKIAoXem9la3Rlcm1WZXJodXVyQ2F0ZXJpbmcSBWd6eHcwKgISAHIECAMgAFABWhd6b2VrdGVybVZlcmh1dXJDYXRlcmluZ2IkSG9yZWNhZ2VsZWdlbmhlZGVuT3ZlcnppY2h0Q29weTJDb3B5',
+            name: 'String',
+            nullable: true,
+          ),
+          'categorieFilterActiviteiten': debugSerializeParam(
+            categorieFilterActiviteiten,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+            searchReference:
+                'reference=QjAKJAobY2F0ZWdvcmllRmlsdGVyQWN0aXZpdGVpdGVuEgVieDgwOSoCEgByBAgDIABQAVobY2F0ZWdvcmllRmlsdGVyQWN0aXZpdGVpdGVuYiRIb3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRDb3B5MkNvcHk=',
+            name: 'String',
+            nullable: true,
+          ),
+          'categorieFilterCultuur': debugSerializeParam(
+            categorieFilterCultuur,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+            searchReference:
+                'reference=QisKHwoWY2F0ZWdvcmllRmlsdGVyQ3VsdHV1chIFdXA3d2kqAhIAcgQIAyAAUAFaFmNhdGVnb3JpZUZpbHRlckN1bHR1dXJiJEhvcmVjYWdlbGVnZW5oZWRlbk92ZXJ6aWNodENvcHkyQ29weQ==',
+            name: 'String',
+            nullable: true,
+          ),
+          'categorieFilterEetgelegenheden': debugSerializeParam(
+            categorieFilterEetgelegenheden,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+            searchReference:
+                'reference=QjMKJwoeY2F0ZWdvcmllRmlsdGVyRWV0Z2VsZWdlbmhlZGVuEgVsa2dwayoCEgByBAgDIABQAVoeY2F0ZWdvcmllRmlsdGVyRWV0Z2VsZWdlbmhlZGVuYiRIb3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRDb3B5MkNvcHk=',
+            name: 'String',
+            nullable: true,
+          ),
+          'categorieFilterOvernachten': debugSerializeParam(
+            categorieFilterOvernachten,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+            searchReference:
+                'reference=Qi8KIwoaY2F0ZWdvcmllRmlsdGVyT3Zlcm5hY2h0ZW4SBTQ2dG1nKgISAHIECAMgAFABWhpjYXRlZ29yaWVGaWx0ZXJPdmVybmFjaHRlbmIkSG9yZWNhZ2VsZWdlbmhlZGVuT3ZlcnppY2h0Q29weTJDb3B5',
+            name: 'String',
+            nullable: true,
+          ),
+          'categorieFilterUitgaan': debugSerializeParam(
+            categorieFilterUitgaan,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+            searchReference:
+                'reference=QisKHwoWY2F0ZWdvcmllRmlsdGVyVWl0Z2FhbhIFY2NveHEqAhIAcgQIAyAAUAFaFmNhdGVnb3JpZUZpbHRlclVpdGdhYW5iJEhvcmVjYWdlbGVnZW5oZWRlbk92ZXJ6aWNodENvcHkyQ29weQ==',
+            name: 'String',
+            nullable: true,
+          ),
+          'categorieFilterVerhuurCatering': debugSerializeParam(
+            categorieFilterVerhuurCatering,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+            searchReference:
+                'reference=QjMKJwoeY2F0ZWdvcmllRmlsdGVyVmVyaHV1ckNhdGVyaW5nEgVxc3U3OCoCEgByBAgDIABQAVoeY2F0ZWdvcmllRmlsdGVyVmVyaHV1ckNhdGVyaW5nYiRIb3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRDb3B5MkNvcHk=',
+            name: 'String',
+            nullable: true,
+          ),
+          'alleActiviteiten': debugSerializeParam(
+            alleActiviteiten,
+            ParamType.JSON,
+            isList: true,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+            searchReference:
+                'reference=QiEKGQoQYWxsZUFjdGl2aXRlaXRlbhIFdTN0cXRyBBICCAlQAVoQYWxsZUFjdGl2aXRlaXRlbmIkSG9yZWNhZ2VsZWdlbmhlZGVuT3ZlcnppY2h0Q29weTJDb3B5',
+            name: 'dynamic',
+            nullable: false,
+          ),
+          'alleCultuur': debugSerializeParam(
+            alleCultuur,
+            ParamType.JSON,
+            isList: true,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+            searchReference:
+                'reference=QhwKFAoLYWxsZUN1bHR1dXISBWltMWR5cgQSAggJUAFaC2FsbGVDdWx0dXVyYiRIb3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRDb3B5MkNvcHk=',
+            name: 'dynamic',
+            nullable: false,
+          ),
+          'alleEetgelegenheden': debugSerializeParam(
+            alleEetgelegenheden,
+            ParamType.JSON,
+            isList: true,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+            searchReference:
+                'reference=QiQKHAoTYWxsZUVldGdlbGVnZW5oZWRlbhIFZWEzd2pyBBICCAlQAVoTYWxsZUVldGdlbGVnZW5oZWRlbmIkSG9yZWNhZ2VsZWdlbmhlZGVuT3ZlcnppY2h0Q29weTJDb3B5',
+            name: 'dynamic',
+            nullable: false,
+          ),
+          'alleOvernachten': debugSerializeParam(
+            alleOvernachten,
+            ParamType.JSON,
+            isList: true,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+            searchReference:
+                'reference=QiAKGAoPYWxsZU92ZXJuYWNodGVuEgVtdnk1OXIEEgIICVABWg9hbGxlT3Zlcm5hY2h0ZW5iJEhvcmVjYWdlbGVnZW5oZWRlbk92ZXJ6aWNodENvcHkyQ29weQ==',
+            name: 'dynamic',
+            nullable: false,
+          ),
+          'alleUitgaan': debugSerializeParam(
+            alleUitgaan,
+            ParamType.JSON,
+            isList: true,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+            searchReference:
+                'reference=QhwKFAoLYWxsZVVpdGdhYW4SBTN6NHFmcgQSAggJUAFaC2FsbGVVaXRnYWFuYiRIb3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRDb3B5MkNvcHk=',
+            name: 'dynamic',
+            nullable: false,
+          ),
+          'alleVerhuurCatering': debugSerializeParam(
+            alleVerhuurCatering,
+            ParamType.JSON,
+            isList: true,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+            searchReference:
+                'reference=QiQKHAoTYWxsZVZlcmh1dXJDYXRlcmluZxIFd2tlcWVyBBICCAlQAVoTYWxsZVZlcmh1dXJDYXRlcmluZ2IkSG9yZWNhZ2VsZWdlbmhlZGVuT3ZlcnppY2h0Q29weTJDb3B5',
+            name: 'dynamic',
+            nullable: false,
+          )
+        }.entries,
+        widgetStates: {
+          'tabBarCurrentIndex': debugSerializeParam(
+            tabBarCurrentIndex,
+            ParamType.int,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+            name: 'int',
+            nullable: true,
+          ),
+          'tabBarPreviousIndex': debugSerializeParam(
+            tabBarPreviousIndex,
+            ParamType.int,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+            name: 'int',
+            nullable: true,
+          ),
+          'textFieldText': debugSerializeParam(
+            textController?.text,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+            name: 'String',
+            nullable: true,
+          )
+        }.entries,
+        actionOutputs: {
+          'resultHorecaActiviteiten': debugSerializeParam(
+            resultHorecaActiviteiten,
+            ParamType.JSON,
+            isList: true,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+            name: 'dynamic',
+            nullable: true,
+          ),
+          'resultHorecaCultuur': debugSerializeParam(
+            resultHorecaCultuur,
+            ParamType.JSON,
+            isList: true,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+            name: 'dynamic',
+            nullable: true,
+          ),
+          'resultHorecaEetgelegenheden': debugSerializeParam(
+            resultHorecaEetgelegenheden,
+            ParamType.JSON,
+            isList: true,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+            name: 'dynamic',
+            nullable: true,
+          ),
+          'resultHorecaOvernachten': debugSerializeParam(
+            resultHorecaOvernachten,
+            ParamType.JSON,
+            isList: true,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+            name: 'dynamic',
+            nullable: true,
+          ),
+          'resultHorecaUitgaansgelegenheden': debugSerializeParam(
+            resultHorecaUitgaansgelegenheden,
+            ParamType.JSON,
+            isList: true,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+            name: 'dynamic',
+            nullable: true,
+          ),
+          'resultHorecaVerhuur': debugSerializeParam(
+            resultHorecaVerhuur,
+            ParamType.JSON,
+            isList: true,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+            name: 'dynamic',
+            nullable: true,
+          )
+        }.entries,
+        generatorVariables: debugGeneratorVariables.entries,
+        backendQueries: debugBackendQueries.entries,
+        componentStates: {
+          'headerButtonsComponentModel (HeaderButtonsComponent)':
+              headerButtonsComponentModel?.toWidgetClassDebugData(),
+          'drawerComponentModel (drawerComponent)':
+              drawerComponentModel?.toWidgetClassDebugData(),
+          ...widgetBuilderComponents.map(
+            (key, value) => MapEntry(
+              key,
+              value.toWidgetClassDebugData(),
+            ),
+          ),
+        }.withoutNulls.entries,
+        dynamicComponentStates: {
+          'horecagelegenheidoverzichtKaartModels1 (List<HorecagelegenheidoverzichtKaart>)':
+              DynamicWidgetClassDebugData(
+            componentStates: Map.fromIterables(
+              List.generate(horecagelegenheidoverzichtKaartModels1.length,
+                  (index) => '[$index]'),
+              horecagelegenheidoverzichtKaartModels1.values
+                  .map((e) => e.toWidgetClassDebugData()),
+            ).entries,
+          ),
+          'horecagelegenheidoverzichtKaartModels2 (List<HorecagelegenheidoverzichtKaart>)':
+              DynamicWidgetClassDebugData(
+            componentStates: Map.fromIterables(
+              List.generate(horecagelegenheidoverzichtKaartModels2.length,
+                  (index) => '[$index]'),
+              horecagelegenheidoverzichtKaartModels2.values
+                  .map((e) => e.toWidgetClassDebugData()),
+            ).entries,
+          ),
+          'horecagelegenheidoverzichtKaartModels3 (List<HorecagelegenheidoverzichtKaart>)':
+              DynamicWidgetClassDebugData(
+            componentStates: Map.fromIterables(
+              List.generate(horecagelegenheidoverzichtKaartModels3.length,
+                  (index) => '[$index]'),
+              horecagelegenheidoverzichtKaartModels3.values
+                  .map((e) => e.toWidgetClassDebugData()),
+            ).entries,
+          ),
+          'horecagelegenheidoverzichtKaartModels4 (List<HorecagelegenheidoverzichtKaart>)':
+              DynamicWidgetClassDebugData(
+            componentStates: Map.fromIterables(
+              List.generate(horecagelegenheidoverzichtKaartModels4.length,
+                  (index) => '[$index]'),
+              horecagelegenheidoverzichtKaartModels4.values
+                  .map((e) => e.toWidgetClassDebugData()),
+            ).entries,
+          ),
+          'horecagelegenheidoverzichtKaartModels5 (List<HorecagelegenheidoverzichtKaart>)':
+              DynamicWidgetClassDebugData(
+            componentStates: Map.fromIterables(
+              List.generate(horecagelegenheidoverzichtKaartModels5.length,
+                  (index) => '[$index]'),
+              horecagelegenheidoverzichtKaartModels5.values
+                  .map((e) => e.toWidgetClassDebugData()),
+            ).entries,
+          ),
+          'horecagelegenheidoverzichtKaartModels6 (List<HorecagelegenheidoverzichtKaart>)':
+              DynamicWidgetClassDebugData(
+            componentStates: Map.fromIterables(
+              List.generate(horecagelegenheidoverzichtKaartModels6.length,
+                  (index) => '[$index]'),
+              horecagelegenheidoverzichtKaartModels6.values
+                  .map((e) => e.toWidgetClassDebugData()),
+            ).entries,
+          ),
+        }.withoutNulls.entries,
+        link:
+            'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd/tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+        searchReference:
+            'reference=OiRIb3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRDb3B5MkNvcHlQAVokSG9yZWNhZ2VsZWdlbmhlZGVuT3ZlcnppY2h0Q29weTJDb3B5',
+        widgetClassName: 'HorecagelegenhedenOverzichtCopy2Copy',
+      );
+}

lib/kanweg/horecagelegenheden_overzicht_copy2_copy/horecagelegenheden_overzicht_copy2_copy_widget.dart

@@ -0,0 +1,1857 @@
+import '/backend/api_requests/api_calls.dart';
+import '/components/header_buttons_component_widget.dart';
+import '/flutter_flow/flutter_flow_theme.dart';
+import '/flutter_flow/flutter_flow_util.dart';
+import '/flutter_flow/flutter_flow_widgets.dart';
+import '/horecagelegenhedenoverzicht/horecagelegenheidoverzicht_kaart/horecagelegenheidoverzicht_kaart_widget.dart';
+import '/shared/drawer_component/drawer_component_widget.dart';
+import 'dart:ui';
+import '/custom_code/actions/index.dart' as actions;
+import '/index.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/scheduler.dart';
+import 'package:flutter_spinkit/flutter_spinkit.dart';
+import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart';
+import 'package:google_fonts/google_fonts.dart';
+import 'package:provider/provider.dart';
+import 'horecagelegenheden_overzicht_copy2_copy_model.dart';
+export 'horecagelegenheden_overzicht_copy2_copy_model.dart';
+
+class HorecagelegenhedenOverzichtCopy2CopyWidget extends StatefulWidget {
+  const HorecagelegenhedenOverzichtCopy2CopyWidget({
+    super.key,
+    required this.plaats,
+  });
+
+  final String? plaats;
+
+  static String routeName = 'HorecagelegenhedenOverzichtCopy2Copy';
+  static String routePath = '/horecagelegenhedenOverzichtCopy2Copy';
+
+  @override
+  State<HorecagelegenhedenOverzichtCopy2CopyWidget> createState() =>
+      _HorecagelegenhedenOverzichtCopy2CopyWidgetState();
+}
+
+class _HorecagelegenhedenOverzichtCopy2CopyWidgetState
+    extends State<HorecagelegenhedenOverzichtCopy2CopyWidget>
+    with TickerProviderStateMixin, RouteAware {
+  late HorecagelegenhedenOverzichtCopy2CopyModel _model;
+
+  final scaffoldKey = GlobalKey<ScaffoldState>();
+
+  @override
+  void initState() {
+    super.initState();
+    _model =
+        createModel(context, () => HorecagelegenhedenOverzichtCopy2CopyModel());
+
+    // On page load action.
+    SchedulerBinding.instance.addPostFrameCallback((_) async {
+      _model.resultHorecaActiviteiten =
+          await actions.fetchAlleHorecagelegenheden(
+        '17969',
+        widget!.plaats!,
+        'services_1',
+      );
+      _model.alleActiviteiten =
+          _model.resultHorecaActiviteiten!.toList().cast<dynamic>();
+      safeSetState(() {});
+    });
+
+    _model.tabBarController = TabController(
+      vsync: this,
+      length: 6,
+      initialIndex: 0,
+    )
+      ..addListener(() => safeSetState(() {}))
+      ..addListener(() {
+        debugLogWidgetClass(_model);
+      });
+
+    _model.textController ??= TextEditingController()
+      ..addListener(() {
+        debugLogWidgetClass(_model);
+      });
+    _model.textFieldFocusNode ??= FocusNode();
+  }
+
+  @override
+  void dispose() {
+    routeObserver.unsubscribe(this);
+
+    _model.dispose();
+
+    super.dispose();
+  }
+
+  @override
+  void didUpdateWidget(HorecagelegenhedenOverzichtCopy2CopyWidget oldWidget) {
+    super.didUpdateWidget(oldWidget);
+    _model.widget = widget;
+  }
+
+  @override
+  void didChangeDependencies() {
+    super.didChangeDependencies();
+    final route = DebugModalRoute.of(context);
+    if (route != null) {
+      routeObserver.subscribe(this, route);
+    }
+    debugLogGlobalProperty(context);
+  }
+
+  @override
+  void didPopNext() {
+    if (mounted && DebugFlutterFlowModelContext.maybeOf(context) == null) {
+      setState(() => _model.isRouteVisible = true);
+      debugLogWidgetClass(_model);
+    }
+  }
+
+  @override
+  void didPush() {
+    if (mounted && DebugFlutterFlowModelContext.maybeOf(context) == null) {
+      setState(() => _model.isRouteVisible = true);
+      debugLogWidgetClass(_model);
+    }
+  }
+
+  @override
+  void didPop() {
+    _model.isRouteVisible = false;
+  }
+
+  @override
+  void didPushNext() {
+    _model.isRouteVisible = false;
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    DebugFlutterFlowModelContext.maybeOf(context)
+        ?.parentModelCallback
+        ?.call(_model);
+    context.watch<FFAppState>();
+    _model.horecagelegenheidoverzichtKaartModels1.clear();
+    _model.horecagelegenheidoverzichtKaartModels2.clear();
+    _model.horecagelegenheidoverzichtKaartModels3.clear();
+    _model.horecagelegenheidoverzichtKaartModels4.clear();
+    _model.horecagelegenheidoverzichtKaartModels5.clear();
+    _model.horecagelegenheidoverzichtKaartModels6.clear();
+
+    return GestureDetector(
+      onTap: () {
+        FocusScope.of(context).unfocus();
+        FocusManager.instance.primaryFocus?.unfocus();
+      },
+      child: Scaffold(
+        key: scaffoldKey,
+        backgroundColor: FlutterFlowTheme.of(context).primaryBackground,
+        drawer: Drawer(
+          elevation: 16.0,
+          child: wrapWithModel(
+            model: _model.drawerComponentModel,
+            updateCallback: () => safeSetState(() {}),
+            child: Builder(builder: (_) {
+              return DebugFlutterFlowModelContext(
+                rootModel: _model.rootModel,
+                child: DrawerComponentWidget(),
+              );
+            }),
+          ),
+        ),
+        appBar: PreferredSize(
+          preferredSize: Size.fromHeight(80.0),
+          child: AppBar(
+            backgroundColor: FlutterFlowTheme.of(context).info,
+            iconTheme: IconThemeData(color: Color(0xFFB12727)),
+            automaticallyImplyLeading: false,
+            actions: [],
+            flexibleSpace: FlexibleSpaceBar(
+              background: wrapWithModel(
+                model: _model.headerButtonsComponentModel,
+                updateCallback: () => safeSetState(() {}),
+                child: Builder(builder: (_) {
+                  return DebugFlutterFlowModelContext(
+                    rootModel: _model.rootModel,
+                    child: HeaderButtonsComponentWidget(),
+                  );
+                }),
+              ),
+              centerTitle: true,
+              expandedTitleScale: 1.0,
+            ),
+            bottom: PreferredSize(
+              preferredSize: Size.fromHeight(70.0),
+              child: Container(),
+            ),
+            toolbarHeight: MediaQuery.sizeOf(context).height * 0.25,
+            elevation: 2.0,
+          ),
+        ),
+        body: SafeArea(
+          top: true,
+          child: Column(
+            mainAxisSize: MainAxisSize.max,
+            children: [
+              Expanded(
+                child: Container(
+                  decoration: BoxDecoration(
+                    boxShadow: [
+                      BoxShadow(
+                        blurRadius: 4.0,
+                        color: Color(0x33000000),
+                        offset: Offset(
+                          0.0,
+                          2.0,
+                        ),
+                      )
+                    ],
+                  ),
+                  child: Column(
+                    children: [
+                      Align(
+                        alignment: Alignment(-1.0, 0),
+                        child: TabBar(
+                          isScrollable: true,
+                          tabAlignment: TabAlignment.start,
+                          labelColor: FlutterFlowTheme.of(context).primaryText,
+                          unselectedLabelColor:
+                              FlutterFlowTheme.of(context).secondaryText,
+                          labelStyle:
+                              FlutterFlowTheme.of(context).titleMedium.override(
+                                    font: GoogleFonts.roboto(
+                                      fontWeight: FlutterFlowTheme.of(context)
+                                          .titleMedium
+                                          .fontWeight,
+                                      fontStyle: FlutterFlowTheme.of(context)
+                                          .titleMedium
+                                          .fontStyle,
+                                    ),
+                                    letterSpacing: 0.0,
+                                    fontWeight: FlutterFlowTheme.of(context)
+                                        .titleMedium
+                                        .fontWeight,
+                                    fontStyle: FlutterFlowTheme.of(context)
+                                        .titleMedium
+                                        .fontStyle,
+                                  ),
+                          unselectedLabelStyle:
+                              FlutterFlowTheme.of(context).titleMedium.override(
+                                    font: GoogleFonts.roboto(
+                                      fontWeight: FlutterFlowTheme.of(context)
+                                          .titleMedium
+                                          .fontWeight,
+                                      fontStyle: FlutterFlowTheme.of(context)
+                                          .titleMedium
+                                          .fontStyle,
+                                    ),
+                                    letterSpacing: 0.0,
+                                    fontWeight: FlutterFlowTheme.of(context)
+                                        .titleMedium
+                                        .fontWeight,
+                                    fontStyle: FlutterFlowTheme.of(context)
+                                        .titleMedium
+                                        .fontStyle,
+                                  ),
+                          indicatorColor: FlutterFlowTheme.of(context).primary,
+                          tabs: [
+                            Tab(
+                              text: FFLocalizations.of(context).getText(
+                                'fyu5pfrs' /* Activiteiten */,
+                              ),
+                            ),
+                            Tab(
+                              text: FFLocalizations.of(context).getText(
+                                'y63yqa75' /* Cultuur */,
+                              ),
+                            ),
+                            Tab(
+                              text: FFLocalizations.of(context).getText(
+                                '14zkktka' /* Eetgelegenheden */,
+                              ),
+                            ),
+                            Tab(
+                              text: FFLocalizations.of(context).getText(
+                                'tv5mypx1' /* Overnachten */,
+                              ),
+                            ),
+                            Tab(
+                              text: FFLocalizations.of(context).getText(
+                                '71mvhbto' /* Uitgaan */,
+                              ),
+                            ),
+                            Tab(
+                              text: FFLocalizations.of(context).getText(
+                                'fhszzuy8' /* Verhuur, catering */,
+                              ),
+                            ),
+                          ],
+                          controller: _model.tabBarController,
+                          onTap: (i) async {
+                            [
+                              () async {},
+                              () async {
+                                _model.tabVerhuurcateringGeladen = true;
+                                safeSetState(() {});
+                                _model.resultHorecaCultuur =
+                                    await actions.fetchAlleHorecagelegenheden(
+                                  '17963',
+                                  widget!.plaats!,
+                                  'services_1',
+                                );
+                                _model.alleCultuur = _model.resultHorecaCultuur!
+                                    .toList()
+                                    .cast<dynamic>();
+                                safeSetState(() {});
+
+                                safeSetState(() {});
+                              },
+                              () async {
+                                _model.tabEetgelegenhedenGeladen = true;
+                                safeSetState(() {});
+                                _model.resultHorecaEetgelegenheden =
+                                    await actions.fetchAlleHorecagelegenheden(
+                                  '34',
+                                  widget!.plaats!,
+                                  'services_1',
+                                );
+                                _model.alleEetgelegenheden = _model
+                                    .resultHorecaEetgelegenheden!
+                                    .toList()
+                                    .cast<dynamic>();
+                                safeSetState(() {});
+
+                                safeSetState(() {});
+                              },
+                              () async {
+                                _model.tabOvernachtenGeladen = true;
+                                safeSetState(() {});
+                                _model.resultHorecaOvernachten =
+                                    await actions.fetchAlleHorecagelegenheden(
+                                  '17965',
+                                  widget!.plaats!,
+                                  'services_1',
+                                );
+                                _model.alleOvernachten = _model
+                                    .resultHorecaOvernachten!
+                                    .toList()
+                                    .cast<dynamic>();
+                                safeSetState(() {});
+
+                                safeSetState(() {});
+                              },
+                              () async {
+                                _model.tabUitgaanGeladen = true;
+                                safeSetState(() {});
+                                _model.resultHorecaUitgaansgelegenheden =
+                                    await actions.fetchAlleHorecagelegenheden(
+                                  '17967',
+                                  widget!.plaats!,
+                                  'services_1',
+                                );
+                                _model.alleUitgaan = _model
+                                    .resultHorecaUitgaansgelegenheden!
+                                    .toList()
+                                    .cast<dynamic>();
+                                safeSetState(() {});
+
+                                safeSetState(() {});
+                              },
+                              () async {
+                                _model.tabVerhuurcateringGeladen = true;
+                                safeSetState(() {});
+                                _model.resultHorecaVerhuur =
+                                    await actions.fetchAlleHorecagelegenheden(
+                                  '17968',
+                                  widget!.plaats!,
+                                  'services_1',
+                                );
+                                _model.alleVerhuurCatering = _model
+                                    .resultHorecaVerhuur!
+                                    .toList()
+                                    .cast<dynamic>();
+                                safeSetState(() {});
+
+                                safeSetState(() {});
+                              }
+                            ][i]();
+                          },
+                        ),
+                      ),
+                      Expanded(
+                        child: TabBarView(
+                          controller: _model.tabBarController,
+                          children: [
+                            Column(
+                              mainAxisSize: MainAxisSize.max,
+                              children: [
+                                Expanded(
+                                  child: FutureBuilder<ApiCallResponse>(
+                                    future: HorecagelegenheidoverzichtCall.call(
+                                      horcat: '17969',
+                                      townid: widget!.plaats,
+                                    ),
+                                    builder: (context, snapshot) {
+                                      // Customize what your widget looks like when it's loading.
+                                      if (!snapshot.hasData) {
+                                        return Center(
+                                          child: SizedBox(
+                                            width: 80.0,
+                                            height: 80.0,
+                                            child: SpinKitFadingCircle(
+                                              color:
+                                                  FlutterFlowTheme.of(context)
+                                                      .primary,
+                                              size: 80.0,
+                                            ),
+                                          ),
+                                        );
+                                      }
+                                      final staggeredViewHorecagelegenheidoverzichtResponse =
+                                          snapshot.data!;
+                                      _model.debugBackendQueries[
+                                              'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_puc15zu4'] =
+                                          debugSerializeParam(
+                                        staggeredViewHorecagelegenheidoverzichtResponse
+                                            .statusCode,
+                                        ParamType.int,
+                                        link:
+                                            'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+                                        name: 'int',
+                                        nullable: false,
+                                      );
+                                      _model.debugBackendQueries[
+                                              'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_puc15zu4'] =
+                                          debugSerializeParam(
+                                        staggeredViewHorecagelegenheidoverzichtResponse
+                                            .bodyText,
+                                        ParamType.String,
+                                        link:
+                                            'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+                                        name: 'String',
+                                        nullable: false,
+                                      );
+                                      debugLogWidgetClass(_model);
+
+                                      return Builder(
+                                        builder: (context) {
+                                          final horecagelegenheden =
+                                              getJsonField(
+                                            staggeredViewHorecagelegenheidoverzichtResponse
+                                                .jsonBody,
+                                            r'''$''',
+                                          ).toList().take(25).toList();
+                                          _model.debugGeneratorVariables[
+                                                  'horecagelegenheden${horecagelegenheden.length > 100 ? ' (first 100)' : ''}'] =
+                                              debugSerializeParam(
+                                            horecagelegenheden.take(100),
+                                            ParamType.JSON,
+                                            isList: true,
+                                            link:
+                                                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+                                            name: 'dynamic',
+                                            nullable: false,
+                                          );
+                                          debugLogWidgetClass(_model);
+
+                                          return MasonryGridView.builder(
+                                            gridDelegate:
+                                                SliverSimpleGridDelegateWithFixedCrossAxisCount(
+                                              crossAxisCount: () {
+                                                if (MediaQuery.sizeOf(context)
+                                                        .width <
+                                                    kBreakpointSmall) {
+                                                  return 1;
+                                                } else if (MediaQuery.sizeOf(
+                                                            context)
+                                                        .width <
+                                                    kBreakpointMedium) {
+                                                  return 1;
+                                                } else if (MediaQuery.sizeOf(
+                                                            context)
+                                                        .width <
+                                                    kBreakpointLarge) {
+                                                  return 2;
+                                                } else {
+                                                  return 3;
+                                                }
+                                              }(),
+                                            ),
+                                            crossAxisSpacing: 12.0,
+                                            mainAxisSpacing: 12.0,
+                                            itemCount:
+                                                horecagelegenheden.length,
+                                            itemBuilder: (context,
+                                                horecagelegenhedenIndex) {
+                                              final horecagelegenhedenItem =
+                                                  horecagelegenheden[
+                                                      horecagelegenhedenIndex];
+                                              return Container(
+                                                width: 600.0,
+                                                height: 225.0,
+                                                decoration: BoxDecoration(
+                                                  color: FlutterFlowTheme.of(
+                                                          context)
+                                                      .secondaryBackground,
+                                                ),
+                                                child: InkWell(
+                                                  splashColor:
+                                                      Colors.transparent,
+                                                  focusColor:
+                                                      Colors.transparent,
+                                                  hoverColor:
+                                                      Colors.transparent,
+                                                  highlightColor:
+                                                      Colors.transparent,
+                                                  onTap: () async {
+                                                    context.pushNamed(
+                                                      HorecagelegenheidCurrentWidget
+                                                          .routeName,
+                                                      queryParameters: {
+                                                        'nid': serializeParam(
+                                                          getJsonField(
+                                                            horecagelegenhedenItem,
+                                                            r'''$.nid''',
+                                                          ).toString(),
+                                                          ParamType.String,
+                                                        ),
+                                                      }.withoutNulls,
+                                                    );
+                                                  },
+                                                  child: Builder(builder: (_) {
+                                                    return DebugFlutterFlowModelContext(
+                                                      rootModel:
+                                                          _model.rootModel,
+                                                      parentModelCallback: (m) {
+                                                        _model.horecagelegenheidoverzichtKaartModels1[
+                                                            'Key65q_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
+                                                      },
+                                                      child:
+                                                          HorecagelegenheidoverzichtKaartWidget(
+                                                        key: Key(
+                                                            'Key65q_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'),
+                                                        titel: getJsonField(
+                                                          horecagelegenhedenItem,
+                                                          r'''$.titel''',
+                                                        ).toString(),
+                                                        logo: getJsonField(
+                                                          horecagelegenhedenItem,
+                                                          r'''$.logo''',
+                                                        ).toString(),
+                                                        nid: getJsonField(
+                                                          horecagelegenhedenItem,
+                                                          r'''$.nid''',
+                                                        ).toString(),
+                                                        adres: getJsonField(
+                                                          horecagelegenhedenItem,
+                                                          r'''$.adres''',
+                                                        ).toString(),
+                                                        plaats: getJsonField(
+                                                          horecagelegenhedenItem,
+                                                          r'''$.plaats''',
+                                                        ).toString(),
+                                                        categorie:
+                                                            (getJsonField(
+                                                          horecagelegenhedenItem,
+                                                          r'''$.categorie''',
+                                                          true,
+                                                        ) as List?)
+                                                                ?.map<String>(
+                                                                    (e) => e
+                                                                        .toString())
+                                                                .toList()
+                                                                .cast<String>(),
+                                                      ),
+                                                    );
+                                                  }),
+                                                ),
+                                              );
+                                            },
+                                          );
+                                        },
+                                      );
+                                    },
+                                  ),
+                                ),
+                                Container(
+                                  width: 200.0,
+                                  child: TextFormField(
+                                    controller: _model.textController,
+                                    focusNode: _model.textFieldFocusNode,
+                                    autofocus: false,
+                                    enabled: true,
+                                    obscureText: false,
+                                    decoration: InputDecoration(
+                                      isDense: true,
+                                      labelStyle: FlutterFlowTheme.of(context)
+                                          .labelMedium
+                                          .override(
+                                            font: GoogleFonts.roboto(
+                                              fontWeight:
+                                                  FlutterFlowTheme.of(context)
+                                                      .labelMedium
+                                                      .fontWeight,
+                                              fontStyle:
+                                                  FlutterFlowTheme.of(context)
+                                                      .labelMedium
+                                                      .fontStyle,
+                                            ),
+                                            letterSpacing: 0.0,
+                                            fontWeight:
+                                                FlutterFlowTheme.of(context)
+                                                    .labelMedium
+                                                    .fontWeight,
+                                            fontStyle:
+                                                FlutterFlowTheme.of(context)
+                                                    .labelMedium
+                                                    .fontStyle,
+                                          ),
+                                      hintText:
+                                          FFLocalizations.of(context).getText(
+                                        'll4dsny3' /* TextField */,
+                                      ),
+                                      hintStyle: FlutterFlowTheme.of(context)
+                                          .labelMedium
+                                          .override(
+                                            font: GoogleFonts.roboto(
+                                              fontWeight:
+                                                  FlutterFlowTheme.of(context)
+                                                      .labelMedium
+                                                      .fontWeight,
+                                              fontStyle:
+                                                  FlutterFlowTheme.of(context)
+                                                      .labelMedium
+                                                      .fontStyle,
+                                            ),
+                                            letterSpacing: 0.0,
+                                            fontWeight:
+                                                FlutterFlowTheme.of(context)
+                                                    .labelMedium
+                                                    .fontWeight,
+                                            fontStyle:
+                                                FlutterFlowTheme.of(context)
+                                                    .labelMedium
+                                                    .fontStyle,
+                                          ),
+                                      enabledBorder: OutlineInputBorder(
+                                        borderSide: BorderSide(
+                                          color: Color(0x00000000),
+                                          width: 1.0,
+                                        ),
+                                        borderRadius:
+                                            BorderRadius.circular(8.0),
+                                      ),
+                                      focusedBorder: OutlineInputBorder(
+                                        borderSide: BorderSide(
+                                          color: Color(0x00000000),
+                                          width: 1.0,
+                                        ),
+                                        borderRadius:
+                                            BorderRadius.circular(8.0),
+                                      ),
+                                      errorBorder: OutlineInputBorder(
+                                        borderSide: BorderSide(
+                                          color: FlutterFlowTheme.of(context)
+                                              .error,
+                                          width: 1.0,
+                                        ),
+                                        borderRadius:
+                                            BorderRadius.circular(8.0),
+                                      ),
+                                      focusedErrorBorder: OutlineInputBorder(
+                                        borderSide: BorderSide(
+                                          color: FlutterFlowTheme.of(context)
+                                              .error,
+                                          width: 1.0,
+                                        ),
+                                        borderRadius:
+                                            BorderRadius.circular(8.0),
+                                      ),
+                                      filled: true,
+                                      fillColor: FlutterFlowTheme.of(context)
+                                          .secondaryBackground,
+                                    ),
+                                    style: FlutterFlowTheme.of(context)
+                                        .bodyMedium
+                                        .override(
+                                          font: GoogleFonts.roboto(
+                                            fontWeight:
+                                                FlutterFlowTheme.of(context)
+                                                    .bodyMedium
+                                                    .fontWeight,
+                                            fontStyle:
+                                                FlutterFlowTheme.of(context)
+                                                    .bodyMedium
+                                                    .fontStyle,
+                                          ),
+                                          letterSpacing: 0.0,
+                                          fontWeight:
+                                              FlutterFlowTheme.of(context)
+                                                  .bodyMedium
+                                                  .fontWeight,
+                                          fontStyle:
+                                              FlutterFlowTheme.of(context)
+                                                  .bodyMedium
+                                                  .fontStyle,
+                                        ),
+                                    cursorColor: FlutterFlowTheme.of(context)
+                                        .primaryText,
+                                    enableInteractiveSelection: true,
+                                    validator: _model.textControllerValidator
+                                        .asValidator(context),
+                                  ),
+                                ),
+                              ],
+                            ),
+                            Builder(
+                              builder: (context) {
+                                if (_model.tabCultuurGeladen) {
+                                  return Column(
+                                    mainAxisSize: MainAxisSize.max,
+                                    children: [
+                                      Expanded(
+                                        child: FutureBuilder<ApiCallResponse>(
+                                          future: HorecagelegenheidoverzichtCall
+                                              .call(
+                                            horcat: '17963',
+                                            townid: widget!.plaats,
+                                          ),
+                                          builder: (context, snapshot) {
+                                            // Customize what your widget looks like when it's loading.
+                                            if (!snapshot.hasData) {
+                                              return Center(
+                                                child: SizedBox(
+                                                  width: 80.0,
+                                                  height: 80.0,
+                                                  child: SpinKitFadingCircle(
+                                                    color: FlutterFlowTheme.of(
+                                                            context)
+                                                        .primary,
+                                                    size: 80.0,
+                                                  ),
+                                                ),
+                                              );
+                                            }
+                                            final staggeredViewHorecagelegenheidoverzichtResponse =
+                                                snapshot.data!;
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_2vsh3lmq'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .statusCode,
+                                              ParamType.int,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+                                              name: 'int',
+                                              nullable: false,
+                                            );
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_2vsh3lmq'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .bodyText,
+                                              ParamType.String,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+                                              name: 'String',
+                                              nullable: false,
+                                            );
+                                            debugLogWidgetClass(_model);
+
+                                            return Builder(
+                                              builder: (context) {
+                                                final horecagelegenheden =
+                                                    getJsonField(
+                                                  staggeredViewHorecagelegenheidoverzichtResponse
+                                                      .jsonBody,
+                                                  r'''$''',
+                                                ).toList().take(25).toList();
+                                                if (horecagelegenheden
+                                                    .isEmpty) {
+                                                  return Image.asset(
+                                                    'assets/images/logo800px.png',
+                                                  );
+                                                }
+                                                _model.debugGeneratorVariables[
+                                                        'horecagelegenheden${horecagelegenheden.length > 100 ? ' (first 100)' : ''}'] =
+                                                    debugSerializeParam(
+                                                  horecagelegenheden.take(100),
+                                                  ParamType.JSON,
+                                                  isList: true,
+                                                  link:
+                                                      'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+                                                  name: 'dynamic',
+                                                  nullable: false,
+                                                );
+                                                debugLogWidgetClass(_model);
+
+                                                return MasonryGridView.builder(
+                                                  gridDelegate:
+                                                      SliverSimpleGridDelegateWithFixedCrossAxisCount(
+                                                    crossAxisCount: () {
+                                                      if (MediaQuery.sizeOf(
+                                                                  context)
+                                                              .width <
+                                                          kBreakpointSmall) {
+                                                        return 1;
+                                                      } else if (MediaQuery
+                                                                  .sizeOf(
+                                                                      context)
+                                                              .width <
+                                                          kBreakpointMedium) {
+                                                        return 1;
+                                                      } else if (MediaQuery
+                                                                  .sizeOf(
+                                                                      context)
+                                                              .width <
+                                                          kBreakpointLarge) {
+                                                        return 2;
+                                                      } else {
+                                                        return 3;
+                                                      }
+                                                    }(),
+                                                  ),
+                                                  crossAxisSpacing: 12.0,
+                                                  mainAxisSpacing: 12.0,
+                                                  itemCount:
+                                                      horecagelegenheden.length,
+                                                  itemBuilder: (context,
+                                                      horecagelegenhedenIndex) {
+                                                    final horecagelegenhedenItem =
+                                                        horecagelegenheden[
+                                                            horecagelegenhedenIndex];
+                                                    return Container(
+                                                      width: 600.0,
+                                                      height: 225.0,
+                                                      decoration: BoxDecoration(
+                                                        color: FlutterFlowTheme
+                                                                .of(context)
+                                                            .secondaryBackground,
+                                                      ),
+                                                      child: InkWell(
+                                                        splashColor:
+                                                            Colors.transparent,
+                                                        focusColor:
+                                                            Colors.transparent,
+                                                        hoverColor:
+                                                            Colors.transparent,
+                                                        highlightColor:
+                                                            Colors.transparent,
+                                                        onTap: () async {
+                                                          context.pushNamed(
+                                                            HorecagelegenheidCurrentWidget
+                                                                .routeName,
+                                                            queryParameters: {
+                                                              'nid':
+                                                                  serializeParam(
+                                                                getJsonField(
+                                                                  horecagelegenhedenItem,
+                                                                  r'''$.nid''',
+                                                                ).toString(),
+                                                                ParamType
+                                                                    .String,
+                                                              ),
+                                                            }.withoutNulls,
+                                                          );
+                                                        },
+                                                        child: Builder(
+                                                            builder: (_) {
+                                                          return DebugFlutterFlowModelContext(
+                                                            rootModel: _model
+                                                                .rootModel,
+                                                            parentModelCallback:
+                                                                (m) {
+                                                              _model.horecagelegenheidoverzichtKaartModels2[
+                                                                  'Keygco_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
+                                                            },
+                                                            child:
+                                                                HorecagelegenheidoverzichtKaartWidget(
+                                                              key: Key(
+                                                                  'Keygco_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'),
+                                                              titel:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.titel''',
+                                                              ).toString(),
+                                                              logo:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.logo''',
+                                                              ).toString(),
+                                                              nid: getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.nid''',
+                                                              ).toString(),
+                                                              adres:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.adres''',
+                                                              ).toString(),
+                                                              plaats:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.plaats''',
+                                                              ).toString(),
+                                                              categorie:
+                                                                  (getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.categorie''',
+                                                                true,
+                                                              ) as List?)
+                                                                      ?.map<String>(
+                                                                          (e) => e
+                                                                              .toString())
+                                                                      .toList()
+                                                                      .cast<
+                                                                          String>(),
+                                                            ),
+                                                          );
+                                                        }),
+                                                      ),
+                                                    );
+                                                  },
+                                                );
+                                              },
+                                            );
+                                          },
+                                        ),
+                                      ),
+                                    ],
+                                  );
+                                } else {
+                                  return Container(
+                                    width: 100.0,
+                                    height: 100.0,
+                                    decoration: BoxDecoration(
+                                      color: FlutterFlowTheme.of(context)
+                                          .secondaryBackground,
+                                    ),
+                                  );
+                                }
+                              },
+                            ),
+                            Builder(
+                              builder: (context) {
+                                if (_model.tabEetgelegenhedenGeladen) {
+                                  return Column(
+                                    mainAxisSize: MainAxisSize.max,
+                                    children: [
+                                      Expanded(
+                                        child: FutureBuilder<ApiCallResponse>(
+                                          future: HorecagelegenheidoverzichtCall
+                                              .call(
+                                            horcat: '34',
+                                            townid: widget!.plaats,
+                                          ),
+                                          builder: (context, snapshot) {
+                                            // Customize what your widget looks like when it's loading.
+                                            if (!snapshot.hasData) {
+                                              return Center(
+                                                child: SizedBox(
+                                                  width: 80.0,
+                                                  height: 80.0,
+                                                  child: SpinKitFadingCircle(
+                                                    color: FlutterFlowTheme.of(
+                                                            context)
+                                                        .primary,
+                                                    size: 80.0,
+                                                  ),
+                                                ),
+                                              );
+                                            }
+                                            final staggeredViewHorecagelegenheidoverzichtResponse =
+                                                snapshot.data!;
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_2tnw895a'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .statusCode,
+                                              ParamType.int,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+                                              name: 'int',
+                                              nullable: false,
+                                            );
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_2tnw895a'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .bodyText,
+                                              ParamType.String,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+                                              name: 'String',
+                                              nullable: false,
+                                            );
+                                            debugLogWidgetClass(_model);
+
+                                            return Builder(
+                                              builder: (context) {
+                                                final horecagelegenheden =
+                                                    getJsonField(
+                                                  staggeredViewHorecagelegenheidoverzichtResponse
+                                                      .jsonBody,
+                                                  r'''$''',
+                                                ).toList().take(25).toList();
+                                                if (horecagelegenheden
+                                                    .isEmpty) {
+                                                  return Image.asset(
+                                                    'assets/images/logo800px.png',
+                                                  );
+                                                }
+                                                _model.debugGeneratorVariables[
+                                                        'horecagelegenheden${horecagelegenheden.length > 100 ? ' (first 100)' : ''}'] =
+                                                    debugSerializeParam(
+                                                  horecagelegenheden.take(100),
+                                                  ParamType.JSON,
+                                                  isList: true,
+                                                  link:
+                                                      'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+                                                  name: 'dynamic',
+                                                  nullable: false,
+                                                );
+                                                debugLogWidgetClass(_model);
+
+                                                return MasonryGridView.builder(
+                                                  gridDelegate:
+                                                      SliverSimpleGridDelegateWithFixedCrossAxisCount(
+                                                    crossAxisCount: () {
+                                                      if (MediaQuery.sizeOf(
+                                                                  context)
+                                                              .width <
+                                                          kBreakpointSmall) {
+                                                        return 1;
+                                                      } else if (MediaQuery
+                                                                  .sizeOf(
+                                                                      context)
+                                                              .width <
+                                                          kBreakpointMedium) {
+                                                        return 1;
+                                                      } else if (MediaQuery
+                                                                  .sizeOf(
+                                                                      context)
+                                                              .width <
+                                                          kBreakpointLarge) {
+                                                        return 2;
+                                                      } else {
+                                                        return 3;
+                                                      }
+                                                    }(),
+                                                  ),
+                                                  crossAxisSpacing: 12.0,
+                                                  mainAxisSpacing: 12.0,
+                                                  itemCount:
+                                                      horecagelegenheden.length,
+                                                  itemBuilder: (context,
+                                                      horecagelegenhedenIndex) {
+                                                    final horecagelegenhedenItem =
+                                                        horecagelegenheden[
+                                                            horecagelegenhedenIndex];
+                                                    return Container(
+                                                      width: 600.0,
+                                                      height: 225.0,
+                                                      decoration: BoxDecoration(
+                                                        color: FlutterFlowTheme
+                                                                .of(context)
+                                                            .secondaryBackground,
+                                                      ),
+                                                      child: InkWell(
+                                                        splashColor:
+                                                            Colors.transparent,
+                                                        focusColor:
+                                                            Colors.transparent,
+                                                        hoverColor:
+                                                            Colors.transparent,
+                                                        highlightColor:
+                                                            Colors.transparent,
+                                                        onTap: () async {
+                                                          context.pushNamed(
+                                                            HorecagelegenheidCurrentWidget
+                                                                .routeName,
+                                                            queryParameters: {
+                                                              'nid':
+                                                                  serializeParam(
+                                                                getJsonField(
+                                                                  horecagelegenhedenItem,
+                                                                  r'''$.nid''',
+                                                                ).toString(),
+                                                                ParamType
+                                                                    .String,
+                                                              ),
+                                                            }.withoutNulls,
+                                                          );
+                                                        },
+                                                        child: Builder(
+                                                            builder: (_) {
+                                                          return DebugFlutterFlowModelContext(
+                                                            rootModel: _model
+                                                                .rootModel,
+                                                            parentModelCallback:
+                                                                (m) {
+                                                              _model.horecagelegenheidoverzichtKaartModels3[
+                                                                  'Keyijs_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
+                                                            },
+                                                            child:
+                                                                HorecagelegenheidoverzichtKaartWidget(
+                                                              key: Key(
+                                                                  'Keyijs_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'),
+                                                              titel:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.titel''',
+                                                              ).toString(),
+                                                              logo:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.logo''',
+                                                              ).toString(),
+                                                              nid: getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.nid''',
+                                                              ).toString(),
+                                                              adres:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.adres''',
+                                                              ).toString(),
+                                                              plaats:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.plaats''',
+                                                              ).toString(),
+                                                              categorie:
+                                                                  (getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.categorie''',
+                                                                true,
+                                                              ) as List?)
+                                                                      ?.map<String>(
+                                                                          (e) => e
+                                                                              .toString())
+                                                                      .toList()
+                                                                      .cast<
+                                                                          String>(),
+                                                            ),
+                                                          );
+                                                        }),
+                                                      ),
+                                                    );
+                                                  },
+                                                );
+                                              },
+                                            );
+                                          },
+                                        ),
+                                      ),
+                                    ],
+                                  );
+                                } else {
+                                  return Container(
+                                    width: 100.0,
+                                    height: 100.0,
+                                    decoration: BoxDecoration(
+                                      color: FlutterFlowTheme.of(context)
+                                          .secondaryBackground,
+                                    ),
+                                  );
+                                }
+                              },
+                            ),
+                            Builder(
+                              builder: (context) {
+                                if (_model.tabOvernachtenGeladen) {
+                                  return Column(
+                                    mainAxisSize: MainAxisSize.max,
+                                    children: [
+                                      Expanded(
+                                        child: FutureBuilder<ApiCallResponse>(
+                                          future: HorecagelegenheidoverzichtCall
+                                              .call(
+                                            horcat: '17965',
+                                            townid: widget!.plaats,
+                                          ),
+                                          builder: (context, snapshot) {
+                                            // Customize what your widget looks like when it's loading.
+                                            if (!snapshot.hasData) {
+                                              return Center(
+                                                child: SizedBox(
+                                                  width: 80.0,
+                                                  height: 80.0,
+                                                  child: SpinKitFadingCircle(
+                                                    color: FlutterFlowTheme.of(
+                                                            context)
+                                                        .primary,
+                                                    size: 80.0,
+                                                  ),
+                                                ),
+                                              );
+                                            }
+                                            final staggeredViewHorecagelegenheidoverzichtResponse =
+                                                snapshot.data!;
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_9l9eicmq'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .statusCode,
+                                              ParamType.int,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+                                              name: 'int',
+                                              nullable: false,
+                                            );
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_9l9eicmq'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .bodyText,
+                                              ParamType.String,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+                                              name: 'String',
+                                              nullable: false,
+                                            );
+                                            debugLogWidgetClass(_model);
+
+                                            return Builder(
+                                              builder: (context) {
+                                                final horecagelegenheden =
+                                                    getJsonField(
+                                                  staggeredViewHorecagelegenheidoverzichtResponse
+                                                      .jsonBody,
+                                                  r'''$''',
+                                                ).toList().take(25).toList();
+                                                if (horecagelegenheden
+                                                    .isEmpty) {
+                                                  return Image.asset(
+                                                    'assets/images/logo800px.png',
+                                                  );
+                                                }
+                                                _model.debugGeneratorVariables[
+                                                        'horecagelegenheden${horecagelegenheden.length > 100 ? ' (first 100)' : ''}'] =
+                                                    debugSerializeParam(
+                                                  horecagelegenheden.take(100),
+                                                  ParamType.JSON,
+                                                  isList: true,
+                                                  link:
+                                                      'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+                                                  name: 'dynamic',
+                                                  nullable: false,
+                                                );
+                                                debugLogWidgetClass(_model);
+
+                                                return MasonryGridView.builder(
+                                                  gridDelegate:
+                                                      SliverSimpleGridDelegateWithFixedCrossAxisCount(
+                                                    crossAxisCount: () {
+                                                      if (MediaQuery.sizeOf(
+                                                                  context)
+                                                              .width <
+                                                          kBreakpointSmall) {
+                                                        return 1;
+                                                      } else if (MediaQuery
+                                                                  .sizeOf(
+                                                                      context)
+                                                              .width <
+                                                          kBreakpointMedium) {
+                                                        return 1;
+                                                      } else if (MediaQuery
+                                                                  .sizeOf(
+                                                                      context)
+                                                              .width <
+                                                          kBreakpointLarge) {
+                                                        return 2;
+                                                      } else {
+                                                        return 3;
+                                                      }
+                                                    }(),
+                                                  ),
+                                                  crossAxisSpacing: 12.0,
+                                                  mainAxisSpacing: 12.0,
+                                                  itemCount:
+                                                      horecagelegenheden.length,
+                                                  itemBuilder: (context,
+                                                      horecagelegenhedenIndex) {
+                                                    final horecagelegenhedenItem =
+                                                        horecagelegenheden[
+                                                            horecagelegenhedenIndex];
+                                                    return Container(
+                                                      width: 600.0,
+                                                      height: 225.0,
+                                                      decoration: BoxDecoration(
+                                                        color: FlutterFlowTheme
+                                                                .of(context)
+                                                            .secondaryBackground,
+                                                      ),
+                                                      child: InkWell(
+                                                        splashColor:
+                                                            Colors.transparent,
+                                                        focusColor:
+                                                            Colors.transparent,
+                                                        hoverColor:
+                                                            Colors.transparent,
+                                                        highlightColor:
+                                                            Colors.transparent,
+                                                        onTap: () async {
+                                                          context.pushNamed(
+                                                            HorecagelegenheidCurrentWidget
+                                                                .routeName,
+                                                            queryParameters: {
+                                                              'nid':
+                                                                  serializeParam(
+                                                                getJsonField(
+                                                                  horecagelegenhedenItem,
+                                                                  r'''$.nid''',
+                                                                ).toString(),
+                                                                ParamType
+                                                                    .String,
+                                                              ),
+                                                            }.withoutNulls,
+                                                          );
+                                                        },
+                                                        child: Builder(
+                                                            builder: (_) {
+                                                          return DebugFlutterFlowModelContext(
+                                                            rootModel: _model
+                                                                .rootModel,
+                                                            parentModelCallback:
+                                                                (m) {
+                                                              _model.horecagelegenheidoverzichtKaartModels4[
+                                                                  'Keyjvz_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
+                                                            },
+                                                            child:
+                                                                HorecagelegenheidoverzichtKaartWidget(
+                                                              key: Key(
+                                                                  'Keyjvz_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'),
+                                                              titel:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.titel''',
+                                                              ).toString(),
+                                                              logo:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.logo''',
+                                                              ).toString(),
+                                                              nid: getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.nid''',
+                                                              ).toString(),
+                                                              adres:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.adres''',
+                                                              ).toString(),
+                                                              plaats:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.plaats''',
+                                                              ).toString(),
+                                                              categorie:
+                                                                  (getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.categorie''',
+                                                                true,
+                                                              ) as List?)
+                                                                      ?.map<String>(
+                                                                          (e) => e
+                                                                              .toString())
+                                                                      .toList()
+                                                                      .cast<
+                                                                          String>(),
+                                                            ),
+                                                          );
+                                                        }),
+                                                      ),
+                                                    );
+                                                  },
+                                                );
+                                              },
+                                            );
+                                          },
+                                        ),
+                                      ),
+                                    ],
+                                  );
+                                } else {
+                                  return Container(
+                                    width: 100.0,
+                                    height: 100.0,
+                                    decoration: BoxDecoration(
+                                      color: FlutterFlowTheme.of(context)
+                                          .secondaryBackground,
+                                    ),
+                                  );
+                                }
+                              },
+                            ),
+                            Builder(
+                              builder: (context) {
+                                if (_model.tabUitgaanGeladen) {
+                                  return Column(
+                                    mainAxisSize: MainAxisSize.max,
+                                    children: [
+                                      Expanded(
+                                        child: FutureBuilder<ApiCallResponse>(
+                                          future: HorecagelegenheidoverzichtCall
+                                              .call(
+                                            horcat: '17967',
+                                            townid:
+                                                FFAppState().provincieSelectId,
+                                          ),
+                                          builder: (context, snapshot) {
+                                            // Customize what your widget looks like when it's loading.
+                                            if (!snapshot.hasData) {
+                                              return Center(
+                                                child: SizedBox(
+                                                  width: 80.0,
+                                                  height: 80.0,
+                                                  child: SpinKitFadingCircle(
+                                                    color: FlutterFlowTheme.of(
+                                                            context)
+                                                        .primary,
+                                                    size: 80.0,
+                                                  ),
+                                                ),
+                                              );
+                                            }
+                                            final staggeredViewHorecagelegenheidoverzichtResponse =
+                                                snapshot.data!;
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_5j0ijl8v'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .statusCode,
+                                              ParamType.int,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+                                              name: 'int',
+                                              nullable: false,
+                                            );
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_5j0ijl8v'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .bodyText,
+                                              ParamType.String,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+                                              name: 'String',
+                                              nullable: false,
+                                            );
+                                            debugLogWidgetClass(_model);
+
+                                            return Builder(
+                                              builder: (context) {
+                                                final horecagelegenheden =
+                                                    getJsonField(
+                                                  staggeredViewHorecagelegenheidoverzichtResponse
+                                                      .jsonBody,
+                                                  r'''$''',
+                                                ).toList().take(25).toList();
+                                                if (horecagelegenheden
+                                                    .isEmpty) {
+                                                  return Image.asset(
+                                                    'assets/images/logo800px.png',
+                                                  );
+                                                }
+                                                _model.debugGeneratorVariables[
+                                                        'horecagelegenheden${horecagelegenheden.length > 100 ? ' (first 100)' : ''}'] =
+                                                    debugSerializeParam(
+                                                  horecagelegenheden.take(100),
+                                                  ParamType.JSON,
+                                                  isList: true,
+                                                  link:
+                                                      'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+                                                  name: 'dynamic',
+                                                  nullable: false,
+                                                );
+                                                debugLogWidgetClass(_model);
+
+                                                return MasonryGridView.builder(
+                                                  gridDelegate:
+                                                      SliverSimpleGridDelegateWithFixedCrossAxisCount(
+                                                    crossAxisCount: () {
+                                                      if (MediaQuery.sizeOf(
+                                                                  context)
+                                                              .width <
+                                                          kBreakpointSmall) {
+                                                        return 1;
+                                                      } else if (MediaQuery
+                                                                  .sizeOf(
+                                                                      context)
+                                                              .width <
+                                                          kBreakpointMedium) {
+                                                        return 1;
+                                                      } else if (MediaQuery
+                                                                  .sizeOf(
+                                                                      context)
+                                                              .width <
+                                                          kBreakpointLarge) {
+                                                        return 2;
+                                                      } else {
+                                                        return 3;
+                                                      }
+                                                    }(),
+                                                  ),
+                                                  crossAxisSpacing: 12.0,
+                                                  mainAxisSpacing: 12.0,
+                                                  itemCount:
+                                                      horecagelegenheden.length,
+                                                  itemBuilder: (context,
+                                                      horecagelegenhedenIndex) {
+                                                    final horecagelegenhedenItem =
+                                                        horecagelegenheden[
+                                                            horecagelegenhedenIndex];
+                                                    return Container(
+                                                      width: 600.0,
+                                                      height: 225.0,
+                                                      decoration: BoxDecoration(
+                                                        color: FlutterFlowTheme
+                                                                .of(context)
+                                                            .secondaryBackground,
+                                                      ),
+                                                      child: InkWell(
+                                                        splashColor:
+                                                            Colors.transparent,
+                                                        focusColor:
+                                                            Colors.transparent,
+                                                        hoverColor:
+                                                            Colors.transparent,
+                                                        highlightColor:
+                                                            Colors.transparent,
+                                                        onTap: () async {
+                                                          context.pushNamed(
+                                                            HorecagelegenheidCurrentWidget
+                                                                .routeName,
+                                                            queryParameters: {
+                                                              'nid':
+                                                                  serializeParam(
+                                                                getJsonField(
+                                                                  horecagelegenhedenItem,
+                                                                  r'''$.nid''',
+                                                                ).toString(),
+                                                                ParamType
+                                                                    .String,
+                                                              ),
+                                                            }.withoutNulls,
+                                                          );
+                                                        },
+                                                        child: Builder(
+                                                            builder: (_) {
+                                                          return DebugFlutterFlowModelContext(
+                                                            rootModel: _model
+                                                                .rootModel,
+                                                            parentModelCallback:
+                                                                (m) {
+                                                              _model.horecagelegenheidoverzichtKaartModels5[
+                                                                  'Keyexm_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
+                                                            },
+                                                            child:
+                                                                HorecagelegenheidoverzichtKaartWidget(
+                                                              key: Key(
+                                                                  'Keyexm_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'),
+                                                              titel:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.titel''',
+                                                              ).toString(),
+                                                              logo:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.logo''',
+                                                              ).toString(),
+                                                              nid: getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.nid''',
+                                                              ).toString(),
+                                                              adres:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.adres''',
+                                                              ).toString(),
+                                                              plaats:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.plaats''',
+                                                              ).toString(),
+                                                              categorie:
+                                                                  (getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.categorie''',
+                                                                true,
+                                                              ) as List?)
+                                                                      ?.map<String>(
+                                                                          (e) => e
+                                                                              .toString())
+                                                                      .toList()
+                                                                      .cast<
+                                                                          String>(),
+                                                            ),
+                                                          );
+                                                        }),
+                                                      ),
+                                                    );
+                                                  },
+                                                );
+                                              },
+                                            );
+                                          },
+                                        ),
+                                      ),
+                                    ],
+                                  );
+                                } else {
+                                  return Container(
+                                    width: 100.0,
+                                    height: 100.0,
+                                    decoration: BoxDecoration(
+                                      color: FlutterFlowTheme.of(context)
+                                          .secondaryBackground,
+                                    ),
+                                  );
+                                }
+                              },
+                            ),
+                            Builder(
+                              builder: (context) {
+                                if (_model.tabVerhuurcateringGeladen) {
+                                  return Column(
+                                    mainAxisSize: MainAxisSize.max,
+                                    children: [
+                                      Expanded(
+                                        child: FutureBuilder<ApiCallResponse>(
+                                          future: HorecagelegenheidoverzichtCall
+                                              .call(
+                                            horcat: '17968',
+                                            townid: widget!.plaats,
+                                          ),
+                                          builder: (context, snapshot) {
+                                            // Customize what your widget looks like when it's loading.
+                                            if (!snapshot.hasData) {
+                                              return Center(
+                                                child: SizedBox(
+                                                  width: 80.0,
+                                                  height: 80.0,
+                                                  child: SpinKitFadingCircle(
+                                                    color: FlutterFlowTheme.of(
+                                                            context)
+                                                        .primary,
+                                                    size: 80.0,
+                                                  ),
+                                                ),
+                                              );
+                                            }
+                                            final staggeredViewHorecagelegenheidoverzichtResponse =
+                                                snapshot.data!;
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_vfccjoj3'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .statusCode,
+                                              ParamType.int,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+                                              name: 'int',
+                                              nullable: false,
+                                            );
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_vfccjoj3'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .bodyText,
+                                              ParamType.String,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+                                              name: 'String',
+                                              nullable: false,
+                                            );
+                                            debugLogWidgetClass(_model);
+
+                                            return Builder(
+                                              builder: (context) {
+                                                final horecagelegenheden =
+                                                    getJsonField(
+                                                  staggeredViewHorecagelegenheidoverzichtResponse
+                                                      .jsonBody,
+                                                  r'''$''',
+                                                ).toList().take(25).toList();
+                                                if (horecagelegenheden
+                                                    .isEmpty) {
+                                                  return Image.asset(
+                                                    'assets/images/logo800px.png',
+                                                  );
+                                                }
+                                                _model.debugGeneratorVariables[
+                                                        'horecagelegenheden${horecagelegenheden.length > 100 ? ' (first 100)' : ''}'] =
+                                                    debugSerializeParam(
+                                                  horecagelegenheden.take(100),
+                                                  ParamType.JSON,
+                                                  isList: true,
+                                                  link:
+                                                      'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtCopy2Copy',
+                                                  name: 'dynamic',
+                                                  nullable: false,
+                                                );
+                                                debugLogWidgetClass(_model);
+
+                                                return MasonryGridView.builder(
+                                                  gridDelegate:
+                                                      SliverSimpleGridDelegateWithFixedCrossAxisCount(
+                                                    crossAxisCount: () {
+                                                      if (MediaQuery.sizeOf(
+                                                                  context)
+                                                              .width <
+                                                          kBreakpointSmall) {
+                                                        return 1;
+                                                      } else if (MediaQuery
+                                                                  .sizeOf(
+                                                                      context)
+                                                              .width <
+                                                          kBreakpointMedium) {
+                                                        return 1;
+                                                      } else if (MediaQuery
+                                                                  .sizeOf(
+                                                                      context)
+                                                              .width <
+                                                          kBreakpointLarge) {
+                                                        return 2;
+                                                      } else {
+                                                        return 3;
+                                                      }
+                                                    }(),
+                                                  ),
+                                                  crossAxisSpacing: 12.0,
+                                                  mainAxisSpacing: 12.0,
+                                                  itemCount:
+                                                      horecagelegenheden.length,
+                                                  itemBuilder: (context,
+                                                      horecagelegenhedenIndex) {
+                                                    final horecagelegenhedenItem =
+                                                        horecagelegenheden[
+                                                            horecagelegenhedenIndex];
+                                                    return Container(
+                                                      width: 600.0,
+                                                      height: 225.0,
+                                                      decoration: BoxDecoration(
+                                                        color: FlutterFlowTheme
+                                                                .of(context)
+                                                            .secondaryBackground,
+                                                      ),
+                                                      child: InkWell(
+                                                        splashColor:
+                                                            Colors.transparent,
+                                                        focusColor:
+                                                            Colors.transparent,
+                                                        hoverColor:
+                                                            Colors.transparent,
+                                                        highlightColor:
+                                                            Colors.transparent,
+                                                        onTap: () async {
+                                                          context.pushNamed(
+                                                            HorecagelegenheidCurrentWidget
+                                                                .routeName,
+                                                            queryParameters: {
+                                                              'nid':
+                                                                  serializeParam(
+                                                                getJsonField(
+                                                                  horecagelegenhedenItem,
+                                                                  r'''$.nid''',
+                                                                ).toString(),
+                                                                ParamType
+                                                                    .String,
+                                                              ),
+                                                            }.withoutNulls,
+                                                          );
+                                                        },
+                                                        child: Builder(
+                                                            builder: (_) {
+                                                          return DebugFlutterFlowModelContext(
+                                                            rootModel: _model
+                                                                .rootModel,
+                                                            parentModelCallback:
+                                                                (m) {
+                                                              _model.horecagelegenheidoverzichtKaartModels6[
+                                                                  'Keydh8_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
+                                                            },
+                                                            child:
+                                                                HorecagelegenheidoverzichtKaartWidget(
+                                                              key: Key(
+                                                                  'Keydh8_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'),
+                                                              titel:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.titel''',
+                                                              ).toString(),
+                                                              logo:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.logo''',
+                                                              ).toString(),
+                                                              nid: getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.nid''',
+                                                              ).toString(),
+                                                              adres:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.adres''',
+                                                              ).toString(),
+                                                              plaats:
+                                                                  getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.plaats''',
+                                                              ).toString(),
+                                                              categorie:
+                                                                  (getJsonField(
+                                                                horecagelegenhedenItem,
+                                                                r'''$.categorie''',
+                                                                true,
+                                                              ) as List?)
+                                                                      ?.map<String>(
+                                                                          (e) => e
+                                                                              .toString())
+                                                                      .toList()
+                                                                      .cast<
+                                                                          String>(),
+                                                            ),
+                                                          );
+                                                        }),
+                                                      ),
+                                                    );
+                                                  },
+                                                );
+                                              },
+                                            );
+                                          },
+                                        ),
+                                      ),
+                                    ],
+                                  );
+                                } else {
+                                  return Container(
+                                    width: 100.0,
+                                    height: 100.0,
+                                    decoration: BoxDecoration(
+                                      color: FlutterFlowTheme.of(context)
+                                          .secondaryBackground,
+                                    ),
+                                  );
+                                }
+                              },
+                            ),
+                          ],
+                        ),
+                      ),
+                    ],
+                  ),
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/kanweg/kanweg_header_buttons_component_copy/kanweg_header_buttons_component_copy_model.dart

@@ -0,0 +1,56 @@
+import '/flutter_flow/flutter_flow_icon_button.dart';
+import '/flutter_flow/flutter_flow_theme.dart';
+import '/flutter_flow/flutter_flow_util.dart';
+import '/flutter_flow/flutter_flow_widgets.dart';
+import 'dart:ui';
+import '/index.dart';
+import 'kanweg_header_buttons_component_copy_widget.dart'
+    show KanwegHeaderButtonsComponentCopyWidget;
+import 'package:aligned_tooltip/aligned_tooltip.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_spinkit/flutter_spinkit.dart';
+import 'package:google_fonts/google_fonts.dart';
+import 'package:provider/provider.dart';
+
+class KanwegHeaderButtonsComponentCopyModel
+    extends FlutterFlowModel<KanwegHeaderButtonsComponentCopyWidget> {
+  final Map<String, DebugDataField> debugGeneratorVariables = {};
+  final Map<String, DebugDataField> debugBackendQueries = {};
+  final Map<String, FlutterFlowModel> widgetBuilderComponents = {};
+  @override
+  void initState(BuildContext context) {}
+
+  @override
+  void dispose() {}
+
+  @override
+  WidgetClassDebugData toWidgetClassDebugData() => WidgetClassDebugData(
+        widgetParameters: {
+          'showBackButton': debugSerializeParam(
+            widget?.showBackButton,
+            ParamType.bool,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=kanwegHeaderButtonsComponentCopy',
+            searchReference:
+                'reference=SigKGAoOc2hvd0JhY2tCdXR0b24SBnloN3loNyoGEgR0cnVlcgQIBSABUABaDnNob3dCYWNrQnV0dG9u',
+            name: 'bool',
+            nullable: false,
+          )
+        }.withoutNulls.entries,
+        generatorVariables: debugGeneratorVariables.entries,
+        backendQueries: debugBackendQueries.entries,
+        componentStates: {
+          ...widgetBuilderComponents.map(
+            (key, value) => MapEntry(
+              key,
+              value.toWidgetClassDebugData(),
+            ),
+          ),
+        }.withoutNulls.entries,
+        link:
+            'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd/tab=uiBuilder&page=kanwegHeaderButtonsComponentCopy',
+        searchReference:
+            'reference=OiBrYW53ZWdIZWFkZXJCdXR0b25zQ29tcG9uZW50Q29weVAAWiBrYW53ZWdIZWFkZXJCdXR0b25zQ29tcG9uZW50Q29weQ==',
+        widgetClassName: 'kanwegHeaderButtonsComponentCopy',
+      );
+}

lib/kanweg/kanweg_header_buttons_component_copy/kanweg_header_buttons_component_copy_widget.dart

@@ -0,0 +1,245 @@
+import '/flutter_flow/flutter_flow_icon_button.dart';
+import '/flutter_flow/flutter_flow_theme.dart';
+import '/flutter_flow/flutter_flow_util.dart';
+import '/flutter_flow/flutter_flow_widgets.dart';
+import 'dart:ui';
+import '/index.dart';
+import 'package:aligned_tooltip/aligned_tooltip.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_spinkit/flutter_spinkit.dart';
+import 'package:google_fonts/google_fonts.dart';
+import 'package:provider/provider.dart';
+import 'kanweg_header_buttons_component_copy_model.dart';
+export 'kanweg_header_buttons_component_copy_model.dart';
+
+/// Standaard header-knoppen (drawer + terug) voor herbruik op alle pagina's
+class KanwegHeaderButtonsComponentCopyWidget extends StatefulWidget {
+  const KanwegHeaderButtonsComponentCopyWidget({
+    super.key,
+    bool? showBackButton,
+  }) : this.showBackButton = showBackButton ?? true;
+
+  final bool showBackButton;
+
+  @override
+  State<KanwegHeaderButtonsComponentCopyWidget> createState() =>
+      _KanwegHeaderButtonsComponentCopyWidgetState();
+}
+
+class _KanwegHeaderButtonsComponentCopyWidgetState
+    extends State<KanwegHeaderButtonsComponentCopyWidget> with RouteAware {
+  late KanwegHeaderButtonsComponentCopyModel _model;
+
+  @override
+  void setState(VoidCallback callback) {
+    super.setState(callback);
+    _model.onUpdate();
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    _model =
+        createModel(context, () => KanwegHeaderButtonsComponentCopyModel());
+  }
+
+  @override
+  void dispose() {
+    routeObserver.unsubscribe(this);
+
+    _model.maybeDispose();
+
+    super.dispose();
+  }
+
+  @override
+  void didUpdateWidget(KanwegHeaderButtonsComponentCopyWidget oldWidget) {
+    super.didUpdateWidget(oldWidget);
+    _model.widget = widget;
+  }
+
+  @override
+  void didChangeDependencies() {
+    super.didChangeDependencies();
+    final route = DebugModalRoute.of(context);
+    if (route != null) {
+      routeObserver.subscribe(this, route);
+    }
+    debugLogGlobalProperty(context);
+  }
+
+  @override
+  void didPopNext() {
+    if (mounted && DebugFlutterFlowModelContext.maybeOf(context) == null) {
+      setState(() => _model.isRouteVisible = true);
+      debugLogWidgetClass(_model);
+    }
+  }
+
+  @override
+  void didPush() {
+    if (mounted && DebugFlutterFlowModelContext.maybeOf(context) == null) {
+      setState(() => _model.isRouteVisible = true);
+      debugLogWidgetClass(_model);
+    }
+  }
+
+  @override
+  void didPop() {
+    _model.isRouteVisible = false;
+  }
+
+  @override
+  void didPushNext() {
+    _model.isRouteVisible = false;
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    DebugFlutterFlowModelContext.maybeOf(context)
+        ?.parentModelCallback
+        ?.call(_model);
+    context.watch<FFAppState>();
+
+    return Align(
+      alignment: AlignmentDirectional(0.0, 0.0),
+      child: Row(
+        mainAxisSize: MainAxisSize.max,
+        children: [
+          AlignedTooltip(
+            content: Padding(
+              padding: EdgeInsets.all(4.0),
+              child: Text(
+                FFLocalizations.of(context).getText(
+                  '2hj132xq' /* Menu openen */,
+                ),
+                style: FlutterFlowTheme.of(context).bodyLarge.override(
+                      font: GoogleFonts.roboto(
+                        fontWeight:
+                            FlutterFlowTheme.of(context).bodyLarge.fontWeight,
+                        fontStyle:
+                            FlutterFlowTheme.of(context).bodyLarge.fontStyle,
+                      ),
+                      letterSpacing: 0.0,
+                      fontWeight:
+                          FlutterFlowTheme.of(context).bodyLarge.fontWeight,
+                      fontStyle:
+                          FlutterFlowTheme.of(context).bodyLarge.fontStyle,
+                    ),
+              ),
+            ),
+            offset: 4.0,
+            preferredDirection: AxisDirection.down,
+            borderRadius: BorderRadius.circular(8.0),
+            backgroundColor: FlutterFlowTheme.of(context).secondaryBackground,
+            elevation: 4.0,
+            tailBaseWidth: 24.0,
+            tailLength: 12.0,
+            waitDuration: Duration(milliseconds: 100),
+            showDuration: Duration(milliseconds: 1500),
+            triggerMode: TooltipTriggerMode.tap,
+            child: FlutterFlowIconButton(
+              borderRadius: 8.0,
+              buttonSize: 40.0,
+              fillColor: FlutterFlowTheme.of(context).secondary,
+              icon: Icon(
+                Icons.dehaze_outlined,
+                color: FlutterFlowTheme.of(context).info,
+                size: 24.0,
+              ),
+              onPressed: () async {
+                Scaffold.of(context).openDrawer();
+              },
+            ),
+          ),
+          if (widget!.showBackButton == true)
+            AlignedTooltip(
+              content: Padding(
+                padding: EdgeInsets.all(4.0),
+                child: Text(
+                  FFLocalizations.of(context).getText(
+                    '7ktnxpcu' /* Terug */,
+                  ),
+                  style: FlutterFlowTheme.of(context).bodyLarge.override(
+                        font: GoogleFonts.roboto(
+                          fontWeight:
+                              FlutterFlowTheme.of(context).bodyLarge.fontWeight,
+                          fontStyle:
+                              FlutterFlowTheme.of(context).bodyLarge.fontStyle,
+                        ),
+                        letterSpacing: 0.0,
+                        fontWeight:
+                            FlutterFlowTheme.of(context).bodyLarge.fontWeight,
+                        fontStyle:
+                            FlutterFlowTheme.of(context).bodyLarge.fontStyle,
+                      ),
+                ),
+              ),
+              offset: 4.0,
+              preferredDirection: AxisDirection.down,
+              borderRadius: BorderRadius.circular(8.0),
+              backgroundColor: FlutterFlowTheme.of(context).secondaryBackground,
+              elevation: 4.0,
+              tailBaseWidth: 24.0,
+              tailLength: 12.0,
+              waitDuration: Duration(milliseconds: 100),
+              showDuration: Duration(milliseconds: 1500),
+              triggerMode: TooltipTriggerMode.tap,
+              child: Padding(
+                padding: EdgeInsetsDirectional.fromSTEB(4.0, 0.0, 0.0, 0.0),
+                child: FlutterFlowIconButton(
+                  borderColor: Color(0x00FF0000),
+                  borderRadius: 30.0,
+                  borderWidth: 1.0,
+                  buttonSize: 50.0,
+                  fillColor: FlutterFlowTheme.of(context).secondary,
+                  icon: Icon(
+                    Icons.arrow_back_outlined,
+                    color: Colors.white,
+                    size: 30.0,
+                  ),
+                  onPressed: () async {
+                    context.pop();
+                  },
+                ),
+              ),
+            ),
+          ClipRRect(
+            borderRadius: BorderRadius.circular(8.0),
+            child: Image.asset(
+              'assets/images/logo800px.png',
+              width: 200.0,
+              height: 200.0,
+              fit: BoxFit.contain,
+            ),
+          ),
+          InkWell(
+            splashColor: Colors.transparent,
+            focusColor: Colors.transparent,
+            hoverColor: Colors.transparent,
+            highlightColor: Colors.transparent,
+            onTap: () async {
+              context.pushNamed(SelectprovinciegemeenteWidget.routeName);
+            },
+            child: Text(
+              FFAppState().gemeenteSelectNaam,
+              style: FlutterFlowTheme.of(context).bodyMedium.override(
+                    font: GoogleFonts.roboto(
+                      fontWeight:
+                          FlutterFlowTheme.of(context).bodyMedium.fontWeight,
+                      fontStyle:
+                          FlutterFlowTheme.of(context).bodyMedium.fontStyle,
+                    ),
+                    letterSpacing: 0.0,
+                    fontWeight:
+                        FlutterFlowTheme.of(context).bodyMedium.fontWeight,
+                    fontStyle:
+                        FlutterFlowTheme.of(context).bodyMedium.fontStyle,
+                  ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}

lib/selecteer_plaats/select_state_drop_down_component/select_state_drop_down_component_widget.dart

@@ -246,7 +246,7 @@ class _SelectStateDropDownComponentWidgetState
 
                 safeSetState(() {});
               },
-              width: 200.0,
+              width: double.infinity,
               height: 40.0,
               textStyle: FlutterFlowTheme.of(context).bodyMedium.override(
                     font: GoogleFonts.roboto(
@@ -300,7 +300,7 @@ class _SelectStateDropDownComponentWidgetState
                     FFAppState().gemeenteSelectId)!;
                 safeSetState(() {});
               },
-              width: 200.0,
+              width: double.infinity,
               height: 40.0,
               textStyle: FlutterFlowTheme.of(context).bodyMedium.override(
                     font: GoogleFonts.roboto(
@@ -447,12 +447,13 @@ class _SelectStateDropDownComponentWidgetState
             ),
           FFButtonWidget(
             onPressed: () async {
-              context.pushNamed(HomeWidget.routeName);
+              context.safePop();
             },
             text: FFLocalizations.of(context).getText(
               'p3ia66ku' /* Toepassen */,
             ),
             options: FFButtonOptions(
+              width: double.infinity,
               height: 40.0,
               padding: EdgeInsetsDirectional.fromSTEB(16.0, 0.0, 16.0, 0.0),
               iconPadding: EdgeInsetsDirectional.fromSTEB(0.0, 0.0, 0.0, 0.0),

lib/selecteer_plaats/selectprovinciegemeente/selectprovinciegemeente_widget.dart

@@ -113,58 +113,92 @@ class _SelectprovinciegemeenteWidgetState
             }),
           ),
         ),
-        appBar: AppBar(
-          backgroundColor: FlutterFlowTheme.of(context).primary,
-          automaticallyImplyLeading: false,
-          leading: Row(
-            mainAxisSize: MainAxisSize.max,
-            children: [
-              Expanded(
-                child: wrapWithModel(
-                  model: _model.headerButtonsComponentModel,
-                  updateCallback: () => safeSetState(() {}),
-                  child: Builder(builder: (_) {
-                    return DebugFlutterFlowModelContext(
-                      rootModel: _model.rootModel,
-                      child: HeaderButtonsComponentWidget(),
-                    );
-                  }),
-                ),
+        appBar: PreferredSize(
+          preferredSize: Size.fromHeight(80.0),
+          child: AppBar(
+            backgroundColor: FlutterFlowTheme.of(context).info,
+            automaticallyImplyLeading: false,
+            actions: [],
+            flexibleSpace: FlexibleSpaceBar(
+              background: wrapWithModel(
+                model: _model.headerButtonsComponentModel,
+                updateCallback: () => safeSetState(() {}),
+                child: Builder(builder: (_) {
+                  return DebugFlutterFlowModelContext(
+                    rootModel: _model.rootModel,
+                    child: HeaderButtonsComponentWidget(
+                      showBackButton: true,
+                    ),
+                  );
+                }),
               ),
-            ],
-          ),
-          title: Text(
-            FFLocalizations.of(context).getText(
-              's2fmjpdd' /* Select gemeente/provincie */,
+              centerTitle: true,
+              expandedTitleScale: 1.0,
             ),
-            style: FlutterFlowTheme.of(context).headlineMedium.override(
-                  font: GoogleFonts.roboto(
-                    fontWeight:
-                        FlutterFlowTheme.of(context).headlineMedium.fontWeight,
-                    fontStyle:
-                        FlutterFlowTheme.of(context).headlineMedium.fontStyle,
-                  ),
-                  color: Colors.white,
-                  fontSize: 22.0,
-                  letterSpacing: 0.0,
-                  fontWeight:
-                      FlutterFlowTheme.of(context).headlineMedium.fontWeight,
-                  fontStyle:
-                      FlutterFlowTheme.of(context).headlineMedium.fontStyle,
-                ),
+            bottom: PreferredSize(
+              preferredSize: Size.fromHeight(70.0),
+              child: Container(),
+            ),
+            toolbarHeight: MediaQuery.sizeOf(context).height * 0.25,
+            elevation: 2.0,
           ),
-          actions: [],
-          centerTitle: false,
-          elevation: 2.0,
         ),
         body: SafeArea(
           top: true,
           child: Column(
             mainAxisSize: MainAxisSize.max,
             children: [
-              Column(
-                mainAxisSize: MainAxisSize.max,
-                children: [],
+              Padding(
+                padding: EdgeInsets.all(16.0),
+                child: Column(
+                  mainAxisSize: MainAxisSize.max,
+                  children: [
+                    Text(
+                      FFLocalizations.of(context).getText(
+                        'xsyz36fr' /* Kies je gemeente */,
+                      ),
+                      style: FlutterFlowTheme.of(context).titleLarge.override(
+                            font: GoogleFonts.roboto(
+                              fontWeight: FlutterFlowTheme.of(context)
+                                  .titleLarge
+                                  .fontWeight,
+                              fontStyle: FlutterFlowTheme.of(context)
+                                  .titleLarge
+                                  .fontStyle,
+                            ),
+                            letterSpacing: 0.0,
+                            fontWeight: FlutterFlowTheme.of(context)
+                                .titleLarge
+                                .fontWeight,
+                            fontStyle: FlutterFlowTheme.of(context)
+                                .titleLarge
+                                .fontStyle,
+                          ),
+                    ),
+                    Text(
+                      FFLocalizations.of(context).getText(
+                        'z0wynid6' /* Je ziet dan het uitgaansnieuws... */,
+                      ),
+                      style: FlutterFlowTheme.of(context).bodyMedium.override(
+                            font: GoogleFonts.roboto(
+                              fontWeight: FlutterFlowTheme.of(context)
+                                  .bodyMedium
+                                  .fontWeight,
+                              fontStyle: FlutterFlowTheme.of(context)
+                                  .bodyMedium
+                                  .fontStyle,
+                            ),
+                            letterSpacing: 0.0,
+                            fontWeight: FlutterFlowTheme.of(context)
+                                .bodyMedium
+                                .fontWeight,
+                            fontStyle: FlutterFlowTheme.of(context)
+                                .bodyMedium
+                                .fontStyle,
+                          ),
+                    ),
+                  ],
+                ),
               ),
               if (true)
                 wrapWithModel(