P1-10 + P1-7 vervolg: lazy-tab-loading Home + 2 horeca-overzicht-pagina's, Favorieten Tab 2/3 fixes, provincieSelectNaam opgeruimd, orphan SortPage hernoemd naar kanweg-

- P1-10: 14 tabs (Home 4, HorecagelegenhedenOverzicht 5, ...ProvinciePage 5)
  laden nu pas data bij tik i.p.v. allemaal bij page-load
- Favorieten Tab 2: provincieSelectName (i.p.v. -Naam) + Expanded-wrap fix
- Favorieten Tab 3: tap-navigatie op horeca-kaartjes hersteld
- HorecagelegenhedenOverzichtPageDataType hernoemd naar ...ProvinciePage
- HorecagelegenhedenOverzichtSortPage (orphan, geen navigatie ernaartoe)
  hernoemd naar kanweg-HorecagelegenhedenOverzichtSortPage
- CLAUDE.md: nieuw patroon gedocumenteerd (Wrap Widget -> Flex +
  Expansion-sectie voor Expanded/Flexible-gedrag)

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

CLAUDE.md

@@ -549,6 +549,21 @@ je een widget conditioneel wilt **vervangen** door iets anders (een
 echte If/Then/Else met verschillende content per tak) — de losse
 Visibility-sectie hierboven is puur aan/uit, geen alternatieve inhoud.
 
+**Een widget `Expanded`/`Flexible` maken: "Expanded" staat niet in de
+Wrap Widget-grid (zie de volledige lijst hierboven) — gebruik
+**Wrap Widget → Flex**, en zet daarna op die nieuwe `Flex`-node de
+sectie **"Expansion"** (bovenaan zijn properties-paneel, vóór
+"Padding" — 3 icoontjes, geen tekstveld/zoekbaar via "fit").
+Bevestigd 2026-08-23 (Favorieten Tab 2, `ListView` zonder begrensde
+hoogte gaf een RenderFlex-overflow): het laatste van de 3
+Expansion-icoontjes bleek **Expanded** te zijn, gaf na Confirm
+`Expanded(child: Flex(direction: Axis.vertical, ...))` — exact het
+gewenste effect (overflow weg). Volgorde van de 3 icoontjes
+(None/Expanded/Flexible) niet met zekerheid getest voor andere
+widget-types; bij twijfel gewoon proberen en met een verse export
+verifiëren welk Dart-attribuut (`Expanded(...)` vs `Flexible(...)`)
+het echt genereerde — kost niets, geen destructieve actie.
+
 **ConditionalBuilder instellen na een Wrap Widget: klik op de
 `ConditionalBuilder`-rij zelf, niet op `If`.** Na "Wrap Widget →
 ConditionalBuilder" selecteert de builder automatisch de `If`-tak

ios/Runner.xcodeproj/project.pbxproj

@@ -44,8 +44,8 @@
 		97C146FB1CF9000F007C117D /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/Main.storyboard; sourceTree = "<group>"; };
 		97C146FD1CF9000F007C117D /* Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Assets.xcassets; sourceTree = "<group>"; };
 		97C147001CF9000F007C117D /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/LaunchScreen.storyboard; sourceTree = "<group>"; };
-		6436409527A31CD600820AF7 /* nl */ = {isa = PBXFileReference; lastKnownFileType = text.plist.strings; name = nl; path = nl.lproj/InfoPlist.strings; sourceTree = "<group>"; };
-		6436409327A31CDB00820AF7 /* en */ = {isa = PBXFileReference; lastKnownFileType = text.plist.strings; name = en; path = en.lproj/InfoPlist.strings; sourceTree = "<group>"; };
+		6436409827A31CDC00820AF7 /* nl */ = {isa = PBXFileReference; lastKnownFileType = text.plist.strings; name = nl; path = nl.lproj/InfoPlist.strings; sourceTree = "<group>"; };
+		6436409527A31CDF00820AF7 /* en */ = {isa = PBXFileReference; lastKnownFileType = text.plist.strings; name = en; path = en.lproj/InfoPlist.strings; sourceTree = "<group>"; };
 		97C147021CF9000F007C117D /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
 /* End PBXFileReference section */
 
@@ -225,8 +225,8 @@
 		6436409C27A31CD800820AF7 /* InfoPlist.strings */ = {
 			isa = PBXVariantGroup;
 			children = (
-				6436409527A31CD600820AF7 /* nl */,
-				6436409327A31CDB00820AF7 /* en */,
+				6436409827A31CDC00820AF7 /* nl */,
+				6436409527A31CDF00820AF7 /* en */,
 			);
 			name = InfoPlist.strings;
 			sourceTree = "<group>";

lib/app_state.dart

@@ -82,11 +82,6 @@ class FFAppState extends ChangeNotifier {
           await secureStorage.getString('ff_gemeenteSelectId') ??
               _gemeenteSelectId;
     });
-    await _safeInitAsync(() async {
-      _provincieSelectNaam =
-          await secureStorage.getString('ff_provincieSelectNaam') ??
-              _provincieSelectNaam;
-    });
     await _safeInitAsync(() async {
       _gemeenteSelectNaam =
           await secureStorage.getString('ff_gemeenteSelectNaam') ??
@@ -309,18 +304,6 @@ class FFAppState extends ChangeNotifier {
     secureStorage.delete(key: 'ff_gemeenteSelectId');
   }
 
-  String _provincieSelectNaam = '';
-  String get provincieSelectNaam => _provincieSelectNaam;
-  set provincieSelectNaam(String value) {
-    _provincieSelectNaam = value;
-    secureStorage.setString('ff_provincieSelectNaam', value);
-    debugLogAppState(this);
-  }
-
-  void deleteProvincieSelectNaam() {
-    secureStorage.delete(key: 'ff_provincieSelectNaam');
-  }
-
   String _gemeenteSelectNaam = '';
   String get gemeenteSelectNaam => _gemeenteSelectNaam;
   set gemeenteSelectNaam(String value) {
@@ -670,16 +653,6 @@ class FFAppState extends ChangeNotifier {
           name: 'String',
           nullable: false,
         ),
-        'provincieSelectNaam': debugSerializeParam(
-          provincieSelectNaam,
-          ParamType.String,
-          link:
-              'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=appValues&appValuesTab=state',
-          searchReference:
-              'reference=CicKHwoTcHJvdmluY2llU2VsZWN0TmFhbRIIaGdrOWFiMGVyAggDegBaE3Byb3ZpbmNpZVNlbGVjdE5hYW0=',
-          name: 'String',
-          nullable: false,
-        ),
         'gemeenteSelectNaam': debugSerializeParam(
           gemeenteSelectNaam,
           ParamType.String,

lib/favorieten/favorieten_model.dart

@@ -116,6 +116,15 @@ class FavorietenModel extends FlutterFlowModel<FavorietenWidget> {
 
   // Models for UitgaantabelKaart dynamic component.
   Map<String, FlutterFlowModel> uitgaantabelKaartModels = {};
+  // Stores action output result for [Custom Action - drupalRequest] action in TabFavGemeente widget.
+  dynamic? _resultFavorietegemeenten;
+  set resultFavorietegemeenten(dynamic? value) {
+    _resultFavorietegemeenten = value;
+    debugLogWidgetClass(this);
+  }
+
+  dynamic? get resultFavorietegemeenten => _resultFavorietegemeenten;
+
   // Stores action output result for [Custom Action - drupalRequest] action in TabFavHoreca widget.
   dynamic? _responseFavorieteHoreca;
   set responseFavorieteHoreca(dynamic? value) {
@@ -223,6 +232,14 @@ class FavorietenModel extends FlutterFlowModel<FavorietenWidget> {
             name: 'dynamic',
             nullable: true,
           ),
+          'resultFavorietegemeenten': debugSerializeParam(
+            resultFavorietegemeenten,
+            ParamType.JSON,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=favorieten',
+            name: 'dynamic',
+            nullable: true,
+          ),
           'responseFavorieteHoreca': debugSerializeParam(
             responseFavorieteHoreca,
             ParamType.JSON,

lib/favorieten/favorieten_widget.dart

@@ -267,7 +267,8 @@ class _FavorietenWidgetState extends State<FavorietenWidget>
                               safeSetState(() {});
                             },
                             () async {
-                              await actions.drupalRequest(
+                              _model.resultFavorietegemeenten =
+                                  await actions.drupalRequest(
                                 'GET',
                                 'https://uitgaanskrant.com/nl/flutterdrup/favorieten_gemeenten.json',
                                 FFAppState().userSessionname,
@@ -276,10 +277,12 @@ class _FavorietenWidgetState extends State<FavorietenWidget>
                                 '',
                               );
                               _model.favorietenGemeenten = _model
-                                  .responsActionDrupalRequest!
+                                  .resultFavorietegemeenten!
                                   .toList()
                                   .cast<dynamic>();
                               safeSetState(() {});
+
+                              safeSetState(() {});
                             },
                             () async {
                               _model.responseFavorieteHoreca =
@@ -433,112 +436,134 @@ class _FavorietenWidgetState extends State<FavorietenWidget>
                                       ),
                                 ),
                               ),
-                              Builder(
-                                builder: (context) {
-                                  final favorieteGemeenteItem =
-                                      _model.favorietenGemeenten.toList();
-                                  _model.debugGeneratorVariables[
-                                          'favorieteGemeenteItem${favorieteGemeenteItem.length > 100 ? ' (first 100)' : ''}'] =
-                                      debugSerializeParam(
-                                    favorieteGemeenteItem.take(100),
-                                    ParamType.JSON,
-                                    isList: true,
-                                    link:
-                                        'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=favorieten',
-                                    name: 'dynamic',
-                                    nullable: false,
-                                  );
-                                  debugLogWidgetClass(_model);
-
-                                  return ListView.builder(
-                                    padding: EdgeInsets.zero,
-                                    shrinkWrap: true,
-                                    scrollDirection: Axis.vertical,
-                                    itemCount: favorieteGemeenteItem.length,
-                                    itemBuilder:
-                                        (context, favorieteGemeenteItemIndex) {
-                                      final favorieteGemeenteItemItem =
-                                          favorieteGemeenteItem[
-                                              favorieteGemeenteItemIndex];
-                                      return InkWell(
-                                        splashColor: Colors.transparent,
-                                        focusColor: Colors.transparent,
-                                        hoverColor: Colors.transparent,
-                                        highlightColor: Colors.transparent,
-                                        onTap: () async {
-                                          FFAppState().gemeenteSelectId =
-                                              getJsonField(
-                                            favorieteGemeenteItemItem,
-                                            r'''$.nid''',
-                                          ).toString();
-                                          FFAppState().gemeenteSelectNaam =
-                                              getJsonField(
-                                            favorieteGemeenteItemItem,
-                                            r'''$.titel''',
-                                          ).toString();
-                                          FFAppState().provincieSelectId =
-                                              getJsonField(
-                                            favorieteGemeenteItemItem,
-                                            r'''$.parent_nid''',
-                                          ).toString();
-                                          FFAppState().provincieSelectNaam =
-                                              getJsonField(
-                                            favorieteGemeenteItemItem,
-                                            r'''$.parent_titel''',
-                                          ).toString();
-                                          safeSetState(() {});
-
-                                          context
-                                              .pushNamed(HomeWidget.routeName);
-                                        },
-                                        child: Material(
-                                          color: Colors.transparent,
-                                          child: ListTile(
-                                            title: Text(
-                                              getJsonField(
-                                                favorieteGemeenteItemItem,
-                                                r'''$.titel''',
-                                              ).toString(),
-                                              style: FlutterFlowTheme.of(
-                                                      context)
-                                                  .titleLarge
-                                                  .override(
-                                                    font:
-                                                        GoogleFonts.interTight(
-                                                      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,
+                              Expanded(
+                                child: Flex(
+                                  direction: Axis.vertical,
+                                  mainAxisSize: MainAxisSize.max,
+                                  children: [
+                                    Builder(
+                                      builder: (context) {
+                                        final favorieteGemeenteItem =
+                                            _model.favorietenGemeenten.toList();
+                                        _model.debugGeneratorVariables[
+                                                'favorieteGemeenteItem${favorieteGemeenteItem.length > 100 ? ' (first 100)' : ''}'] =
+                                            debugSerializeParam(
+                                          favorieteGemeenteItem.take(100),
+                                          ParamType.JSON,
+                                          isList: true,
+                                          link:
+                                              'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=favorieten',
+                                          name: 'dynamic',
+                                          nullable: false,
+                                        );
+                                        debugLogWidgetClass(_model);
+
+                                        return ListView.builder(
+                                          padding: EdgeInsets.zero,
+                                          shrinkWrap: true,
+                                          scrollDirection: Axis.vertical,
+                                          itemCount:
+                                              favorieteGemeenteItem.length,
+                                          itemBuilder: (context,
+                                              favorieteGemeenteItemIndex) {
+                                            final favorieteGemeenteItemItem =
+                                                favorieteGemeenteItem[
+                                                    favorieteGemeenteItemIndex];
+                                            return InkWell(
+                                              splashColor: Colors.transparent,
+                                              focusColor: Colors.transparent,
+                                              hoverColor: Colors.transparent,
+                                              highlightColor:
+                                                  Colors.transparent,
+                                              onTap: () async {
+                                                FFAppState().gemeenteSelectId =
+                                                    getJsonField(
+                                                  favorieteGemeenteItemItem,
+                                                  r'''$.nid''',
+                                                ).toString();
+                                                FFAppState()
+                                                        .gemeenteSelectNaam =
+                                                    getJsonField(
+                                                  favorieteGemeenteItemItem,
+                                                  r'''$.titel''',
+                                                ).toString();
+                                                FFAppState().provincieSelectId =
+                                                    getJsonField(
+                                                  favorieteGemeenteItemItem,
+                                                  r'''$.parent_nid''',
+                                                ).toString();
+                                                FFAppState()
+                                                        .provincieSelectName =
+                                                    getJsonField(
+                                                  favorieteGemeenteItemItem,
+                                                  r'''$.parent_nid''',
+                                                ).toString();
+                                                safeSetState(() {});
+
+                                                context.pushNamed(
+                                                    HomeWidget.routeName);
+                                              },
+                                              child: Material(
+                                                color: Colors.transparent,
+                                                child: ListTile(
+                                                  title: Text(
+                                                    getJsonField(
+                                                      favorieteGemeenteItemItem,
+                                                      r'''$.titel''',
+                                                    ).toString(),
+                                                    style: FlutterFlowTheme.of(
+                                                            context)
+                                                        .titleLarge
+                                                        .override(
+                                                          font: GoogleFonts
+                                                              .interTight(
+                                                            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,
+                                                        ),
                                                   ),
-                                            ),
-                                            subtitle: Text(
-                                              FFLocalizations.of(context)
-                                                  .getText(
-                                                'jm4s7cdn' /* Subtitle */,
-                                              ),
-                                              style:
-                                                  FlutterFlowTheme.of(context)
-                                                      .labelMedium
-                                                      .override(
-                                                        font: GoogleFonts.inter(
+                                                  subtitle: Text(
+                                                    FFLocalizations.of(context)
+                                                        .getText(
+                                                      'jm4s7cdn' /* Stel in als standaard */,
+                                                    ),
+                                                    style: FlutterFlowTheme.of(
+                                                            context)
+                                                        .labelMedium
+                                                        .override(
+                                                          font:
+                                                              GoogleFonts.inter(
+                                                            fontWeight:
+                                                                FlutterFlowTheme.of(
+                                                                        context)
+                                                                    .labelMedium
+                                                                    .fontWeight,
+                                                            fontStyle:
+                                                                FlutterFlowTheme.of(
+                                                                        context)
+                                                                    .labelMedium
+                                                                    .fontStyle,
+                                                          ),
+                                                          letterSpacing: 0.0,
                                                           fontWeight:
                                                               FlutterFlowTheme.of(
                                                                       context)
@@ -550,43 +575,38 @@ class _FavorietenWidgetState extends State<FavorietenWidget>
                                                                   .labelMedium
                                                                   .fontStyle,
                                                         ),
-                                                        letterSpacing: 0.0,
-                                                        fontWeight:
-                                                            FlutterFlowTheme.of(
-                                                                    context)
-                                                                .labelMedium
-                                                                .fontWeight,
-                                                        fontStyle:
-                                                            FlutterFlowTheme.of(
-                                                                    context)
-                                                                .labelMedium
-                                                                .fontStyle,
-                                                      ),
-                                            ),
-                                            trailing: Icon(
-                                              Icons.arrow_forward_ios_rounded,
-                                              color:
-                                                  FlutterFlowTheme.of(context)
-                                                      .secondaryText,
-                                              size: 24.0,
-                                            ),
-                                            tileColor:
-                                                FlutterFlowTheme.of(context)
-                                                    .secondaryBackground,
-                                            dense: false,
-                                            contentPadding:
-                                                EdgeInsetsDirectional.fromSTEB(
-                                                    12.0, 0.0, 12.0, 0.0),
-                                            shape: RoundedRectangleBorder(
-                                              borderRadius:
-                                                  BorderRadius.circular(8.0),
-                                            ),
-                                          ),
-                                        ),
-                                      );
-                                    },
-                                  );
-                                },
+                                                  ),
+                                                  trailing: Icon(
+                                                    Icons
+                                                        .arrow_forward_ios_rounded,
+                                                    color: FlutterFlowTheme.of(
+                                                            context)
+                                                        .secondaryText,
+                                                    size: 24.0,
+                                                  ),
+                                                  tileColor:
+                                                      FlutterFlowTheme.of(
+                                                              context)
+                                                          .secondaryBackground,
+                                                  dense: false,
+                                                  contentPadding:
+                                                      EdgeInsetsDirectional
+                                                          .fromSTEB(12.0, 0.0,
+                                                              12.0, 0.0),
+                                                  shape: RoundedRectangleBorder(
+                                                    borderRadius:
+                                                        BorderRadius.circular(
+                                                            8.0),
+                                                  ),
+                                                ),
+                                              ),
+                                            );
+                                          },
+                                        );
+                                      },
+                                    ),
+                                  ],
+                                ),
                               ),
                             ],
                           ),
@@ -626,49 +646,70 @@ class _FavorietenWidgetState extends State<FavorietenWidget>
                                         final favorieteHorecagelegenheidItem =
                                             favorieteHorecagelegenheid[
                                                 favorieteHorecagelegenheidIndex];
-                                        return Builder(builder: (_) {
-                                          return DebugFlutterFlowModelContext(
-                                            rootModel: _model.rootModel,
-                                            parentModelCallback: (m) {
-                                              _model.horecagelegenheidoverzichtKaartModels[
-                                                  'Keycet_${favorieteHorecagelegenheidIndex}_of_${favorieteHorecagelegenheid.length}'] = m;
-                                            },
-                                            child:
-                                                HorecagelegenheidoverzichtKaartWidget(
-                                              key: Key(
-                                                  'Keycet_${favorieteHorecagelegenheidIndex}_of_${favorieteHorecagelegenheid.length}'),
-                                              titel: getJsonField(
-                                                favorieteHorecagelegenheidItem,
-                                                r'''$.titel''',
-                                              ).toString(),
-                                              logo: getJsonField(
-                                                favorieteHorecagelegenheidItem,
-                                                r'''$.logo''',
-                                              ).toString(),
-                                              nid: getJsonField(
-                                                favorieteHorecagelegenheidItem,
-                                                r'''$.nid''',
-                                              ).toString(),
-                                              adres: getJsonField(
-                                                favorieteHorecagelegenheidItem,
-                                                r'''$.adres''',
-                                              ).toString(),
-                                              plaats: getJsonField(
-                                                favorieteHorecagelegenheidItem,
-                                                r'''$.plaats''',
-                                              ).toString(),
-                                              categorie: (getJsonField(
-                                                favorieteHorecagelegenheidItem,
-                                                r'''$.categorie''',
-                                                true,
-                                              ) as List?)
-                                                  ?.map<String>(
-                                                      (e) => e.toString())
-                                                  .toList()
-                                                  .cast<String>(),
-                                            ),
-                                          );
-                                        });
+                                        return InkWell(
+                                          splashColor: Colors.transparent,
+                                          focusColor: Colors.transparent,
+                                          hoverColor: Colors.transparent,
+                                          highlightColor: Colors.transparent,
+                                          onTap: () async {
+                                            context.pushNamed(
+                                              HorecagelegenheidCurrentWidget
+                                                  .routeName,
+                                              queryParameters: {
+                                                'nid': serializeParam(
+                                                  getJsonField(
+                                                    favorieteHorecagelegenheidItem,
+                                                    r'''$.nid''',
+                                                  ).toString(),
+                                                  ParamType.String,
+                                                ),
+                                              }.withoutNulls,
+                                            );
+                                          },
+                                          child: Builder(builder: (_) {
+                                            return DebugFlutterFlowModelContext(
+                                              rootModel: _model.rootModel,
+                                              parentModelCallback: (m) {
+                                                _model.horecagelegenheidoverzichtKaartModels[
+                                                    'Keycet_${favorieteHorecagelegenheidIndex}_of_${favorieteHorecagelegenheid.length}'] = m;
+                                              },
+                                              child:
+                                                  HorecagelegenheidoverzichtKaartWidget(
+                                                key: Key(
+                                                    'Keycet_${favorieteHorecagelegenheidIndex}_of_${favorieteHorecagelegenheid.length}'),
+                                                titel: getJsonField(
+                                                  favorieteHorecagelegenheidItem,
+                                                  r'''$.titel''',
+                                                ).toString(),
+                                                logo: getJsonField(
+                                                  favorieteHorecagelegenheidItem,
+                                                  r'''$.logo''',
+                                                ).toString(),
+                                                nid: getJsonField(
+                                                  favorieteHorecagelegenheidItem,
+                                                  r'''$.nid''',
+                                                ).toString(),
+                                                adres: getJsonField(
+                                                  favorieteHorecagelegenheidItem,
+                                                  r'''$.adres''',
+                                                ).toString(),
+                                                plaats: getJsonField(
+                                                  favorieteHorecagelegenheidItem,
+                                                  r'''$.plaats''',
+                                                ).toString(),
+                                                categorie: (getJsonField(
+                                                  favorieteHorecagelegenheidItem,
+                                                  r'''$.categorie''',
+                                                  true,
+                                                ) as List?)
+                                                    ?.map<String>(
+                                                        (e) => e.toString())
+                                                    .toList()
+                                                    .cast<String>(),
+                                              ),
+                                            );
+                                          }),
+                                        );
                                       },
                                     );
                                   },

lib/flutter_flow/internationalization.dart

@@ -300,7 +300,7 @@ final kTranslationsMap = <Map<String, Map<String, String>>>[
       'en': '',
     },
   },
-  // HorecagelegenhedenOverzichtPageDataType
+  // HorecagelegenhedenOverzichtProvinciePage
   {
     'mgbxk04v': {
       'nl': 'Activiteiten',
@@ -331,7 +331,7 @@ final kTranslationsMap = <Map<String, Map<String, String>>>[
       'en': '',
     },
   },
-  // HorecagelegenhedenOverzichtSortPage
+  // kanwegHorecagelegenhedenOverzichtSortPage
   {
     't070hi8b': {
       'nl': 'Uitgaan',
@@ -421,7 +421,7 @@ final kTranslationsMap = <Map<String, Map<String, String>>>[
       'en': '',
     },
     'jm4s7cdn': {
-      'nl': 'Subtitle',
+      'nl': 'Stel in als standaard',
       'en': '',
     },
     'ygk8aifq': {

lib/flutter_flow/nav/nav.dart

@@ -43,10 +43,10 @@ const debugRouteLinkMap = {
       'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=EventCurrent',
   '/horecagelegenhedenOverzicht':
       'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzicht',
-  '/horecagelegenhedenOverzichtPageDataType':
-      'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtPageDataType',
-  '/horecagelegenhedenOverzichtSortPage':
-      'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtSortPage',
+  '/horecagelegenhedenOverzichtProvinciePage':
+      'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtProvinciePage',
+  '/kanwegHorecagelegenhedenOverzichtSortPage':
+      'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=kanwegHorecagelegenhedenOverzichtSortPage',
   '/wachtwoordVergeten':
       'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=wachtwoordVergeten',
   '/favorieten':
@@ -200,10 +200,10 @@ GoRouter createRouter(AppStateNotifier appStateNotifier) => GoRouter(
           ),
         ),
         FFRoute(
-          name: HorecagelegenhedenOverzichtPageDataTypeWidget.routeName,
-          path: HorecagelegenhedenOverzichtPageDataTypeWidget.routePath,
+          name: HorecagelegenhedenOverzichtProvinciePageWidget.routeName,
+          path: HorecagelegenhedenOverzichtProvinciePageWidget.routePath,
           builder: (context, params) =>
-              HorecagelegenhedenOverzichtPageDataTypeWidget(
+              HorecagelegenhedenOverzichtProvinciePageWidget(
             plaats: params.getParam(
               'plaats',
               ParamType.String,
@@ -211,10 +211,10 @@ GoRouter createRouter(AppStateNotifier appStateNotifier) => GoRouter(
           ),
         ),
         FFRoute(
-          name: HorecagelegenhedenOverzichtSortPageWidget.routeName,
-          path: HorecagelegenhedenOverzichtSortPageWidget.routePath,
+          name: KanwegHorecagelegenhedenOverzichtSortPageWidget.routeName,
+          path: KanwegHorecagelegenhedenOverzichtSortPageWidget.routePath,
           builder: (context, params) =>
-              HorecagelegenhedenOverzichtSortPageWidget(
+              KanwegHorecagelegenhedenOverzichtSortPageWidget(
             plaats: params.getParam(
               'plaats',
               ParamType.String,

lib/horecagelegenhedenoverzicht/horecagelegenheden_overzicht/horecagelegenheden_overzicht_model.dart

@@ -17,6 +17,48 @@ import 'package:provider/provider.dart';
 
 class HorecagelegenhedenOverzichtModel
     extends FlutterFlowModel<HorecagelegenhedenOverzichtWidget> {
+  ///  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;
+
   ///  State fields for stateful widgets in this page.
 
   // State field(s) for TabBar widget.
@@ -76,6 +118,58 @@ class HorecagelegenhedenOverzichtModel
             nullable: true,
           )
         }.withoutNulls.entries,
+        localStates: {
+          'tabCultuurGeladen': debugSerializeParam(
+            tabCultuurGeladen,
+            ParamType.bool,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzicht',
+            searchReference:
+                'reference=QisKGgoRdGFiQ3VsdHV1ckdlbGFkZW4SBWk5eTl0KgcSBWZhbHNlcgQIBSABUAFaEXRhYkN1bHR1dXJHZWxhZGVuYhtIb3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHQ=',
+            name: 'bool',
+            nullable: false,
+          ),
+          'tabEetgelegenhedenGeladen': debugSerializeParam(
+            tabEetgelegenhedenGeladen,
+            ParamType.bool,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzicht',
+            searchReference:
+                'reference=QjMKIgoZdGFiRWV0Z2VsZWdlbmhlZGVuR2VsYWRlbhIFNmE5djgqBxIFZmFsc2VyBAgFIAFQAVoZdGFiRWV0Z2VsZWdlbmhlZGVuR2VsYWRlbmIbSG9yZWNhZ2VsZWdlbmhlZGVuT3ZlcnppY2h0',
+            name: 'bool',
+            nullable: false,
+          ),
+          'tabOvernachtenGeladen': debugSerializeParam(
+            tabOvernachtenGeladen,
+            ParamType.bool,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzicht',
+            searchReference:
+                'reference=Qi8KHgoVdGFiT3Zlcm5hY2h0ZW5HZWxhZGVuEgU1eGM2NioHEgVmYWxzZXIECAUgAVABWhV0YWJPdmVybmFjaHRlbkdlbGFkZW5iG0hvcmVjYWdlbGVnZW5oZWRlbk92ZXJ6aWNodA==',
+            name: 'bool',
+            nullable: false,
+          ),
+          'tabUitgaanGeladen': debugSerializeParam(
+            tabUitgaanGeladen,
+            ParamType.bool,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzicht',
+            searchReference:
+                'reference=QisKGgoRdGFiVWl0Z2FhbkdlbGFkZW4SBTE1NWxkKgcSBWZhbHNlcgQIBSABUAFaEXRhYlVpdGdhYW5HZWxhZGVuYhtIb3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHQ=',
+            name: 'bool',
+            nullable: false,
+          ),
+          'tabVerhuurcateringGeladen': debugSerializeParam(
+            tabVerhuurcateringGeladen,
+            ParamType.bool,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzicht',
+            searchReference:
+                'reference=QjMKIgoZdGFiVmVyaHV1cmNhdGVyaW5nR2VsYWRlbhIFMWU3eHEqBxIFZmFsc2VyBAgFIAFQAVoZdGFiVmVyaHV1cmNhdGVyaW5nR2VsYWRlbmIbSG9yZWNhZ2VsZWdlbmhlZGVuT3ZlcnppY2h0',
+            name: 'bool',
+            nullable: false,
+          )
+        }.entries,
         widgetStates: {
           'tabBarCurrentIndex': debugSerializeParam(
             tabBarCurrentIndex,

lib/horecagelegenhedenoverzicht/horecagelegenheden_overzicht/horecagelegenheden_overzicht_widget.dart

@@ -270,11 +270,26 @@ class _HorecagelegenhedenOverzichtWidgetState
                           onTap: (i) async {
                             [
                               () async {},
-                              () async {},
-                              () async {},
-                              () async {},
-                              () async {},
-                              () async {}
+                              () async {
+                                _model.tabVerhuurcateringGeladen = true;
+                                safeSetState(() {});
+                              },
+                              () async {
+                                _model.tabEetgelegenhedenGeladen = true;
+                                safeSetState(() {});
+                              },
+                              () async {
+                                _model.tabOvernachtenGeladen = true;
+                                safeSetState(() {});
+                              },
+                              () async {
+                                _model.tabUitgaanGeladen = true;
+                                safeSetState(() {});
+                              },
+                              () async {
+                                _model.tabVerhuurcateringGeladen = true;
+                                safeSetState(() {});
+                              }
                             ][i]();
                           },
                         ),
@@ -474,985 +489,1131 @@ class _HorecagelegenhedenOverzichtWidgetState
                                 ),
                               ],
                             ),
-                            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: Color(0xFFB1061E),
-                                              size: 80.0,
-                                            ),
+                            Builder(
+                              builder: (context) {
+                                if (_model.tabCultuurGeladen) {
+                                  return Column(
+                                    mainAxisSize: MainAxisSize.max,
+                                    children: [
+                                      Expanded(
+                                        child: FutureBuilder<ApiCallResponse>(
+                                          future: HorecagelegenheidoverzichtCall
+                                              .call(
+                                            horcat: '17963',
+                                            townid: widget!.plaats,
                                           ),
-                                        );
-                                      }
-                                      final staggeredViewHorecagelegenheidoverzichtResponse =
-                                          snapshot.data!;
-                                      _model.debugBackendQueries[
-                                              'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_p4qa6f0b'] =
-                                          debugSerializeParam(
-                                        staggeredViewHorecagelegenheidoverzichtResponse
-                                            .statusCode,
-                                        ParamType.int,
-                                        link:
-                                            'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzicht',
-                                        name: 'int',
-                                        nullable: false,
-                                      );
-                                      _model.debugBackendQueries[
-                                              'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_p4qa6f0b'] =
-                                          debugSerializeParam(
-                                        staggeredViewHorecagelegenheidoverzichtResponse
-                                            .bodyText,
-                                        ParamType.String,
-                                        link:
-                                            'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzicht',
-                                        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',
+                                          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: Color(0xFFB1061E),
+                                                    size: 80.0,
+                                                  ),
+                                                ),
+                                              );
+                                            }
+                                            final staggeredViewHorecagelegenheidoverzichtResponse =
+                                                snapshot.data!;
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_p4qa6f0b'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .statusCode,
+                                              ParamType.int,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzicht',
+                                              name: 'int',
+                                              nullable: false,
                                             );
-                                          }
-                                          _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=HorecagelegenhedenOverzicht',
-                                            name: 'dynamic',
-                                            nullable: false,
-                                          );
-                                          debugLogWidgetClass(_model);
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_p4qa6f0b'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .bodyText,
+                                              ParamType.String,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzicht',
+                                              name: 'String',
+                                              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;
+                                            return Builder(
+                                              builder: (context) {
+                                                final horecagelegenheden =
+                                                    getJsonField(
+                                                  staggeredViewHorecagelegenheidoverzichtResponse
+                                                      .jsonBody,
+                                                  r'''$''',
+                                                ).toList().take(25).toList();
+                                                if (horecagelegenheden
+                                                    .isEmpty) {
+                                                  return Image.asset(
+                                                    'assets/images/logo800px.png',
+                                                  );
                                                 }
-                                              }(),
-                                            ),
-                                            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,
+                                                _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=HorecagelegenhedenOverzicht',
+                                                  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[
+                                                                  'Keyjss_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
+                                                            },
+                                                            child:
+                                                                HorecagelegenheidoverzichtKaartWidget(
+                                                              key: Key(
+                                                                  'Keyjss_${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>(),
+                                                            ),
+                                                          );
+                                                        }),
+                                                      ),
                                                     );
                                                   },
-                                                  child: Builder(builder: (_) {
-                                                    return DebugFlutterFlowModelContext(
-                                                      rootModel:
-                                                          _model.rootModel,
-                                                      parentModelCallback: (m) {
-                                                        _model.horecagelegenheidoverzichtKaartModels2[
-                                                            'Keyjss_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
-                                                      },
-                                                      child:
-                                                          HorecagelegenheidoverzichtKaartWidget(
-                                                        key: Key(
-                                                            'Keyjss_${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: Color(0xFFB1061E),
+                                                    size: 80.0,
+                                                  ),
+                                                ),
+                                              );
+                                            }
+                                            final staggeredViewHorecagelegenheidoverzichtResponse =
+                                                snapshot.data!;
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_n4zm8jsx'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .statusCode,
+                                              ParamType.int,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzicht',
+                                              name: 'int',
+                                              nullable: false,
+                                            );
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_n4zm8jsx'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .bodyText,
+                                              ParamType.String,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzicht',
+                                              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=HorecagelegenhedenOverzicht',
+                                                  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[
+                                                                  'Key81b_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
+                                                            },
+                                                            child:
+                                                                HorecagelegenheidoverzichtKaartWidget(
+                                                              key: Key(
+                                                                  'Key81b_${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: Color(0xFFB1061E),
+                                                    size: 80.0,
+                                                  ),
                                                 ),
                                               );
-                                            },
-                                          );
-                                        },
-                                      );
-                                    },
-                                  ),
-                                ),
-                              ],
+                                            }
+                                            final staggeredViewHorecagelegenheidoverzichtResponse =
+                                                snapshot.data!;
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_51qs4ew3'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .statusCode,
+                                              ParamType.int,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzicht',
+                                              name: 'int',
+                                              nullable: false,
+                                            );
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_51qs4ew3'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .bodyText,
+                                              ParamType.String,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzicht',
+                                              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=HorecagelegenhedenOverzicht',
+                                                  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[
+                                                                  'Keyqfe_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
+                                                            },
+                                                            child:
+                                                                HorecagelegenheidoverzichtKaartWidget(
+                                                              key: Key(
+                                                                  'Keyqfe_${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,
+                                    ),
+                                  );
+                                }
+                              },
                             ),
-                            Column(
-                              mainAxisSize: MainAxisSize.max,
-                              children: [
-                                Expanded(
-                                  child: FutureBuilder<ApiCallResponse>(
-                                    future: HorecagelegenheidoverzichtCall.call(
-                                      horcat: '34',
-                                      townid: widget!.plaats,
+                            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: Color(0xFFB1061E),
+                                                    size: 80.0,
+                                                  ),
+                                                ),
+                                              );
+                                            }
+                                            final staggeredViewHorecagelegenheidoverzichtResponse =
+                                                snapshot.data!;
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_2y8hmnf7'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .statusCode,
+                                              ParamType.int,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzicht',
+                                              name: 'int',
+                                              nullable: false,
+                                            );
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_2y8hmnf7'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .bodyText,
+                                              ParamType.String,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzicht',
+                                              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=HorecagelegenhedenOverzicht',
+                                                  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[
+                                                                  'Key81q_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
+                                                            },
+                                                            child:
+                                                                HorecagelegenheidoverzichtKaartWidget(
+                                                              key: Key(
+                                                                  'Key81q_${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: (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: Color(0xFFB1061E),
-                                              size: 80.0,
-                                            ),
+                                  );
+                                }
+                              },
+                            ),
+                            Builder(
+                              builder: (context) {
+                                if (_model.tabVerhuurcateringGeladen) {
+                                  return Column(
+                                    mainAxisSize: MainAxisSize.max,
+                                    children: [
+                                      Expanded(
+                                        child: FutureBuilder<ApiCallResponse>(
+                                          future: HorecagelegenheidoverzichtCall
+                                              .call(
+                                            horcat: '17968',
+                                            townid: widget!.plaats,
                                           ),
-                                        );
-                                      }
-                                      final staggeredViewHorecagelegenheidoverzichtResponse =
-                                          snapshot.data!;
-                                      _model.debugBackendQueries[
-                                              'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_n4zm8jsx'] =
-                                          debugSerializeParam(
-                                        staggeredViewHorecagelegenheidoverzichtResponse
-                                            .statusCode,
-                                        ParamType.int,
-                                        link:
-                                            'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzicht',
-                                        name: 'int',
-                                        nullable: false,
-                                      );
-                                      _model.debugBackendQueries[
-                                              'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_n4zm8jsx'] =
-                                          debugSerializeParam(
-                                        staggeredViewHorecagelegenheidoverzichtResponse
-                                            .bodyText,
-                                        ParamType.String,
-                                        link:
-                                            'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzicht',
-                                        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=HorecagelegenhedenOverzicht',
-                                            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[
-                                                            'Key81b_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
-                                                      },
-                                                      child:
-                                                          HorecagelegenheidoverzichtKaartWidget(
-                                                        key: Key(
-                                                            'Key81b_${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: '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: Color(0xFFB1061E),
-                                              size: 80.0,
-                                            ),
-                                          ),
-                                        );
-                                      }
-                                      final staggeredViewHorecagelegenheidoverzichtResponse =
-                                          snapshot.data!;
-                                      _model.debugBackendQueries[
-                                              'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_51qs4ew3'] =
-                                          debugSerializeParam(
-                                        staggeredViewHorecagelegenheidoverzichtResponse
-                                            .statusCode,
-                                        ParamType.int,
-                                        link:
-                                            'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzicht',
-                                        name: 'int',
-                                        nullable: false,
-                                      );
-                                      _model.debugBackendQueries[
-                                              'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_51qs4ew3'] =
-                                          debugSerializeParam(
-                                        staggeredViewHorecagelegenheidoverzichtResponse
-                                            .bodyText,
-                                        ParamType.String,
-                                        link:
-                                            'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzicht',
-                                        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=HorecagelegenhedenOverzicht',
-                                            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[
-                                                            'Keyqfe_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
-                                                      },
-                                                      child:
-                                                          HorecagelegenheidoverzichtKaartWidget(
-                                                        key: Key(
-                                                            'Keyqfe_${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: '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: Color(0xFFB1061E),
-                                              size: 80.0,
-                                            ),
-                                          ),
-                                        );
-                                      }
-                                      final staggeredViewHorecagelegenheidoverzichtResponse =
-                                          snapshot.data!;
-                                      _model.debugBackendQueries[
-                                              'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_2y8hmnf7'] =
-                                          debugSerializeParam(
-                                        staggeredViewHorecagelegenheidoverzichtResponse
-                                            .statusCode,
-                                        ParamType.int,
-                                        link:
-                                            'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzicht',
-                                        name: 'int',
-                                        nullable: false,
-                                      );
-                                      _model.debugBackendQueries[
-                                              'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_2y8hmnf7'] =
-                                          debugSerializeParam(
-                                        staggeredViewHorecagelegenheidoverzichtResponse
-                                            .bodyText,
-                                        ParamType.String,
-                                        link:
-                                            'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzicht',
-                                        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=HorecagelegenhedenOverzicht',
-                                            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[
-                                                            'Key81q_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
-                                                      },
-                                                      child:
-                                                          HorecagelegenheidoverzichtKaartWidget(
-                                                        key: Key(
-                                                            'Key81q_${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>(),
-                                                      ),
-                                                    );
-                                                  }),
+                                          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: Color(0xFFB1061E),
+                                                    size: 80.0,
+                                                  ),
                                                 ),
                                               );
-                                            },
-                                          );
-                                        },
-                                      );
-                                    },
-                                  ),
-                                ),
-                              ],
-                            ),
-                            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: Color(0xFFB1061E),
-                                              size: 80.0,
-                                            ),
-                                          ),
-                                        );
-                                      }
-                                      final staggeredViewHorecagelegenheidoverzichtResponse =
-                                          snapshot.data!;
-                                      _model.debugBackendQueries[
-                                              'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_9f73d118'] =
-                                          debugSerializeParam(
-                                        staggeredViewHorecagelegenheidoverzichtResponse
-                                            .statusCode,
-                                        ParamType.int,
-                                        link:
-                                            'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzicht',
-                                        name: 'int',
-                                        nullable: false,
-                                      );
-                                      _model.debugBackendQueries[
-                                              'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_9f73d118'] =
-                                          debugSerializeParam(
-                                        staggeredViewHorecagelegenheidoverzichtResponse
-                                            .bodyText,
-                                        ParamType.String,
-                                        link:
-                                            'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzicht',
-                                        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',
+                                            }
+                                            final staggeredViewHorecagelegenheidoverzichtResponse =
+                                                snapshot.data!;
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_9f73d118'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .statusCode,
+                                              ParamType.int,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzicht',
+                                              name: 'int',
+                                              nullable: false,
                                             );
-                                          }
-                                          _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=HorecagelegenhedenOverzicht',
-                                            name: 'dynamic',
-                                            nullable: false,
-                                          );
-                                          debugLogWidgetClass(_model);
+                                            _model.debugBackendQueries[
+                                                    'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_9f73d118'] =
+                                                debugSerializeParam(
+                                              staggeredViewHorecagelegenheidoverzichtResponse
+                                                  .bodyText,
+                                              ParamType.String,
+                                              link:
+                                                  'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzicht',
+                                              name: 'String',
+                                              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;
+                                            return Builder(
+                                              builder: (context) {
+                                                final horecagelegenheden =
+                                                    getJsonField(
+                                                  staggeredViewHorecagelegenheidoverzichtResponse
+                                                      .jsonBody,
+                                                  r'''$''',
+                                                ).toList().take(25).toList();
+                                                if (horecagelegenheden
+                                                    .isEmpty) {
+                                                  return Image.asset(
+                                                    'assets/images/logo800px.png',
+                                                  );
                                                 }
-                                              }(),
-                                            ),
-                                            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[
-                                                            'Keykrk_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
-                                                      },
-                                                      child:
-                                                          HorecagelegenheidoverzichtKaartWidget(
-                                                        key: Key(
-                                                            'Keykrk_${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>(),
+                                                _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=HorecagelegenhedenOverzicht',
+                                                  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[
+                                                                  'Keykrk_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
+                                                            },
+                                                            child:
+                                                                HorecagelegenheidoverzichtKaartWidget(
+                                                              key: Key(
+                                                                  'Keykrk_${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/horecagelegenhedenoverzicht/horecagelegenheden_overzicht_provincie_page/horecagelegenheden_overzicht_provincie_page_model.dart

@@ -0,0 +1,268 @@
+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 '/backend/schema/structs/index.dart';
+import '/index.dart';
+import 'horecagelegenheden_overzicht_provincie_page_widget.dart'
+    show HorecagelegenhedenOverzichtProvinciePageWidget;
+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 HorecagelegenhedenOverzichtProvinciePageModel
+    extends FlutterFlowModel<HorecagelegenhedenOverzichtProvinciePageWidget> {
+  ///  Local state fields for this page.
+
+  bool _tabCultuurGeladen = false;
+  set tabCultuurGeladen(bool value) {
+    _tabCultuurGeladen = value;
+    debugLogWidgetClass(this);
+  }
+
+  bool get tabCultuurGeladen => _tabCultuurGeladen;
+
+  bool _tabEetgelegenheden = false;
+  set tabEetgelegenheden(bool value) {
+    _tabEetgelegenheden = value;
+    debugLogWidgetClass(this);
+  }
+
+  bool get tabEetgelegenheden => _tabEetgelegenheden;
+
+  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;
+
+  ///  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 = {};
+  // 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();
+    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=HorecagelegenhedenOverzichtProvinciePage',
+            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=HorecagelegenhedenOverzichtProvinciePage',
+            searchReference:
+                'reference=QisKGgoRdGFiQ3VsdHV1ckdlbGFkZW4SBThiNDI5KgcSBWZhbHNlcgQIBSABUAFaEXRhYkN1bHR1dXJHZWxhZGVuYihIb3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRQcm92aW5jaWVQYWdl',
+            name: 'bool',
+            nullable: false,
+          ),
+          'tabEetgelegenheden': debugSerializeParam(
+            tabEetgelegenheden,
+            ParamType.bool,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtProvinciePage',
+            searchReference:
+                'reference=QiwKGwoSdGFiRWV0Z2VsZWdlbmhlZGVuEgVkdmJqbioHEgVmYWxzZXIECAUgAVABWhJ0YWJFZXRnZWxlZ2VuaGVkZW5iKEhvcmVjYWdlbGVnZW5oZWRlbk92ZXJ6aWNodFByb3ZpbmNpZVBhZ2U=',
+            name: 'bool',
+            nullable: false,
+          ),
+          'tabOvernachtenGeladen': debugSerializeParam(
+            tabOvernachtenGeladen,
+            ParamType.bool,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtProvinciePage',
+            searchReference:
+                'reference=Qi8KHgoVdGFiT3Zlcm5hY2h0ZW5HZWxhZGVuEgV5cG04MSoHEgVmYWxzZXIECAUgAVABWhV0YWJPdmVybmFjaHRlbkdlbGFkZW5iKEhvcmVjYWdlbGVnZW5oZWRlbk92ZXJ6aWNodFByb3ZpbmNpZVBhZ2U=',
+            name: 'bool',
+            nullable: false,
+          ),
+          'tabUitgaanGeladen': debugSerializeParam(
+            tabUitgaanGeladen,
+            ParamType.bool,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtProvinciePage',
+            searchReference:
+                'reference=QisKGgoRdGFiVWl0Z2FhbkdlbGFkZW4SBWlwNW5vKgcSBWZhbHNlcgQIBSABUAFaEXRhYlVpdGdhYW5HZWxhZGVuYihIb3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRQcm92aW5jaWVQYWdl',
+            name: 'bool',
+            nullable: false,
+          ),
+          'tabVerhuurcateringGeladen': debugSerializeParam(
+            tabVerhuurcateringGeladen,
+            ParamType.bool,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtProvinciePage',
+            searchReference:
+                'reference=QjMKIgoZdGFiVmVyaHV1cmNhdGVyaW5nR2VsYWRlbhIFNTJtNDcqBxIFZmFsc2VyBAgFIAFQAVoZdGFiVmVyaHV1cmNhdGVyaW5nR2VsYWRlbmIoSG9yZWNhZ2VsZWdlbmhlZGVuT3ZlcnppY2h0UHJvdmluY2llUGFnZQ==',
+            name: 'bool',
+            nullable: false,
+          )
+        }.entries,
+        widgetStates: {
+          'tabBarCurrentIndex': debugSerializeParam(
+            tabBarCurrentIndex,
+            ParamType.int,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtProvinciePage',
+            name: 'int',
+            nullable: true,
+          ),
+          'tabBarPreviousIndex': debugSerializeParam(
+            tabBarPreviousIndex,
+            ParamType.int,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtProvinciePage',
+            name: 'int',
+            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=HorecagelegenhedenOverzichtProvinciePage',
+        searchReference:
+            'reference=OihIb3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRQcm92aW5jaWVQYWdlUAFaKEhvcmVjYWdlbGVnZW5oZWRlbk92ZXJ6aWNodFByb3ZpbmNpZVBhZ2U=',
+        widgetClassName: 'HorecagelegenhedenOverzichtProvinciePage',
+      );
+}

lib/horecagelegenhedenoverzicht/horecagelegenheden_overzicht_provincie_page/horecagelegenheden_overzicht_provincie_page_widget.dart

@@ -0,0 +1,1538 @@
+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 '/backend/schema/structs/index.dart';
+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_provincie_page_model.dart';
+export 'horecagelegenheden_overzicht_provincie_page_model.dart';
+
+class HorecagelegenhedenOverzichtProvinciePageWidget extends StatefulWidget {
+  const HorecagelegenhedenOverzichtProvinciePageWidget({
+    super.key,
+    required this.plaats,
+  });
+
+  final String? plaats;
+
+  static String routeName = 'HorecagelegenhedenOverzichtProvinciePage';
+  static String routePath = '/horecagelegenhedenOverzichtProvinciePage';
+
+  @override
+  State<HorecagelegenhedenOverzichtProvinciePageWidget> createState() =>
+      _HorecagelegenhedenOverzichtProvinciePageWidgetState();
+}
+
+class _HorecagelegenhedenOverzichtProvinciePageWidgetState
+    extends State<HorecagelegenhedenOverzichtProvinciePageWidget>
+    with TickerProviderStateMixin, RouteAware {
+  late HorecagelegenhedenOverzichtProvinciePageModel _model;
+
+  final scaffoldKey = GlobalKey<ScaffoldState>();
+
+  @override
+  void initState() {
+    super.initState();
+    _model = createModel(
+        context, () => HorecagelegenhedenOverzichtProvinciePageModel());
+
+    _model.tabBarController = TabController(
+      vsync: this,
+      length: 6,
+      initialIndex: 0,
+    )
+      ..addListener(() => safeSetState(() {}))
+      ..addListener(() {
+        debugLogWidgetClass(_model);
+      });
+  }
+
+  @override
+  void dispose() {
+    routeObserver.unsubscribe(this);
+
+    _model.dispose();
+
+    super.dispose();
+  }
+
+  @override
+  void didUpdateWidget(
+      HorecagelegenhedenOverzichtProvinciePageWidget 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: 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.interTight(
+                                    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.interTight(
+                                    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(
+                              'mgbxk04v' /* Activiteiten */,
+                            ),
+                          ),
+                          Tab(
+                            text: FFLocalizations.of(context).getText(
+                              '7x2d53vo' /* Cultuur */,
+                            ),
+                          ),
+                          Tab(
+                            text: FFLocalizations.of(context).getText(
+                              '07bu84h3' /* Eetgelegenheden */,
+                            ),
+                          ),
+                          Tab(
+                            text: FFLocalizations.of(context).getText(
+                              'yyib9rhy' /* Overnachten */,
+                            ),
+                          ),
+                          Tab(
+                            text: FFLocalizations.of(context).getText(
+                              'ttz76cwu' /* Uitgaan */,
+                            ),
+                          ),
+                          Tab(
+                            text: FFLocalizations.of(context).getText(
+                              'mqz8ig8q' /* Verhuur, catering */,
+                            ),
+                          ),
+                        ],
+                        controller: _model.tabBarController,
+                        onTap: (i) async {
+                          [
+                            () async {},
+                            () async {
+                              _model.tabCultuurGeladen = true;
+                              safeSetState(() {});
+                            },
+                            () async {
+                              _model.tabEetgelegenheden = 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: [
+                              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: Color(0xFFB1061E),
+                                          size: 80.0,
+                                        ),
+                                      ),
+                                    );
+                                  }
+                                  final staggeredViewHorecagelegenheidoverzichtResponse =
+                                      snapshot.data!;
+                                  _model.debugBackendQueries[
+                                          'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_97hz4443'] =
+                                      debugSerializeParam(
+                                    staggeredViewHorecagelegenheidoverzichtResponse
+                                        .statusCode,
+                                    ParamType.int,
+                                    link:
+                                        'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtProvinciePage',
+                                    name: 'int',
+                                    nullable: false,
+                                  );
+                                  _model.debugBackendQueries[
+                                          'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_97hz4443'] =
+                                      debugSerializeParam(
+                                    staggeredViewHorecagelegenheidoverzichtResponse
+                                        .bodyText,
+                                    ParamType.String,
+                                    link:
+                                        'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtProvinciePage',
+                                    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=HorecagelegenhedenOverzichtProvinciePage',
+                                        name: 'dynamic',
+                                        nullable: false,
+                                      );
+                                      debugLogWidgetClass(_model);
+
+                                      return MasonryGridView.builder(
+                                        physics:
+                                            const NeverScrollableScrollPhysics(),
+                                        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,
+                                        shrinkWrap: true,
+                                        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[
+                                                        'Key67p_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
+                                                  },
+                                                  child:
+                                                      HorecagelegenheidoverzichtKaartWidget(
+                                                    key: Key(
+                                                        'Key67p_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'),
+                                                    titel: HorecagelegenheidStruct
+                                                            .maybeFromMap(
+                                                                horecagelegenhedenItem)
+                                                        ?.titel,
+                                                    logo: HorecagelegenheidStruct
+                                                            .maybeFromMap(
+                                                                horecagelegenhedenItem)
+                                                        ?.logo,
+                                                    nid: HorecagelegenheidStruct
+                                                            .maybeFromMap(
+                                                                horecagelegenhedenItem)
+                                                        ?.nid,
+                                                    adres: HorecagelegenheidStruct
+                                                            .maybeFromMap(
+                                                                horecagelegenhedenItem)
+                                                        ?.adres,
+                                                    plaats: HorecagelegenheidStruct
+                                                            .maybeFromMap(
+                                                                horecagelegenhedenItem)
+                                                        ?.plaats,
+                                                    categorie:
+                                                        HorecagelegenheidStruct
+                                                                .maybeFromMap(
+                                                                    horecagelegenhedenItem)
+                                                            ?.categorie,
+                                                  ),
+                                                );
+                                              }),
+                                            ),
+                                          );
+                                        },
+                                      );
+                                    },
+                                  );
+                                },
+                              ),
+                            ],
+                          ),
+                          Builder(
+                            builder: (context) {
+                              if (_model.tabCultuurGeladen) {
+                                return Column(
+                                  mainAxisSize: MainAxisSize.max,
+                                  children: [
+                                    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: Color(0xFFB1061E),
+                                                size: 80.0,
+                                              ),
+                                            ),
+                                          );
+                                        }
+                                        final staggeredViewHorecagelegenheidoverzichtResponse =
+                                            snapshot.data!;
+                                        _model.debugBackendQueries[
+                                                'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_6ptq7fb3'] =
+                                            debugSerializeParam(
+                                          staggeredViewHorecagelegenheidoverzichtResponse
+                                              .statusCode,
+                                          ParamType.int,
+                                          link:
+                                              'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtProvinciePage',
+                                          name: 'int',
+                                          nullable: false,
+                                        );
+                                        _model.debugBackendQueries[
+                                                'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_6ptq7fb3'] =
+                                            debugSerializeParam(
+                                          staggeredViewHorecagelegenheidoverzichtResponse
+                                              .bodyText,
+                                          ParamType.String,
+                                          link:
+                                              'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtProvinciePage',
+                                          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=HorecagelegenhedenOverzichtProvinciePage',
+                                              name: 'dynamic',
+                                              nullable: false,
+                                            );
+                                            debugLogWidgetClass(_model);
+
+                                            return MasonryGridView.builder(
+                                              physics:
+                                                  const NeverScrollableScrollPhysics(),
+                                              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,
+                                              shrinkWrap: true,
+                                              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[
+                                                              'Keysrl_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
+                                                        },
+                                                        child:
+                                                            HorecagelegenheidoverzichtKaartWidget(
+                                                          key: Key(
+                                                              'Keysrl_${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.tabEetgelegenheden) {
+                                return Column(
+                                  mainAxisSize: MainAxisSize.max,
+                                  children: [
+                                    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: Color(0xFFB1061E),
+                                                size: 80.0,
+                                              ),
+                                            ),
+                                          );
+                                        }
+                                        final staggeredViewHorecagelegenheidoverzichtResponse =
+                                            snapshot.data!;
+                                        _model.debugBackendQueries[
+                                                'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_8c3hpg20'] =
+                                            debugSerializeParam(
+                                          staggeredViewHorecagelegenheidoverzichtResponse
+                                              .statusCode,
+                                          ParamType.int,
+                                          link:
+                                              'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtProvinciePage',
+                                          name: 'int',
+                                          nullable: false,
+                                        );
+                                        _model.debugBackendQueries[
+                                                'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_8c3hpg20'] =
+                                            debugSerializeParam(
+                                          staggeredViewHorecagelegenheidoverzichtResponse
+                                              .bodyText,
+                                          ParamType.String,
+                                          link:
+                                              'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtProvinciePage',
+                                          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=HorecagelegenhedenOverzichtProvinciePage',
+                                              name: 'dynamic',
+                                              nullable: false,
+                                            );
+                                            debugLogWidgetClass(_model);
+
+                                            return MasonryGridView.builder(
+                                              physics:
+                                                  const NeverScrollableScrollPhysics(),
+                                              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,
+                                              shrinkWrap: true,
+                                              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[
+                                                              'Keya2l_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
+                                                        },
+                                                        child:
+                                                            HorecagelegenheidoverzichtKaartWidget(
+                                                          key: Key(
+                                                              'Keya2l_${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: [
+                                    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: Color(0xFFB1061E),
+                                                size: 80.0,
+                                              ),
+                                            ),
+                                          );
+                                        }
+                                        final staggeredViewHorecagelegenheidoverzichtResponse =
+                                            snapshot.data!;
+                                        _model.debugBackendQueries[
+                                                'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_e6xyp1fa'] =
+                                            debugSerializeParam(
+                                          staggeredViewHorecagelegenheidoverzichtResponse
+                                              .statusCode,
+                                          ParamType.int,
+                                          link:
+                                              'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtProvinciePage',
+                                          name: 'int',
+                                          nullable: false,
+                                        );
+                                        _model.debugBackendQueries[
+                                                'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_e6xyp1fa'] =
+                                            debugSerializeParam(
+                                          staggeredViewHorecagelegenheidoverzichtResponse
+                                              .bodyText,
+                                          ParamType.String,
+                                          link:
+                                              'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtProvinciePage',
+                                          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=HorecagelegenhedenOverzichtProvinciePage',
+                                              name: 'dynamic',
+                                              nullable: false,
+                                            );
+                                            debugLogWidgetClass(_model);
+
+                                            return MasonryGridView.builder(
+                                              physics:
+                                                  const NeverScrollableScrollPhysics(),
+                                              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,
+                                              shrinkWrap: true,
+                                              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[
+                                                              'Keyqrr_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
+                                                        },
+                                                        child:
+                                                            HorecagelegenheidoverzichtKaartWidget(
+                                                          key: Key(
+                                                              'Keyqrr_${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: [
+                                    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: Color(0xFFB1061E),
+                                                size: 80.0,
+                                              ),
+                                            ),
+                                          );
+                                        }
+                                        final staggeredViewHorecagelegenheidoverzichtResponse =
+                                            snapshot.data!;
+                                        _model.debugBackendQueries[
+                                                'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_0fj83eto'] =
+                                            debugSerializeParam(
+                                          staggeredViewHorecagelegenheidoverzichtResponse
+                                              .statusCode,
+                                          ParamType.int,
+                                          link:
+                                              'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtProvinciePage',
+                                          name: 'int',
+                                          nullable: false,
+                                        );
+                                        _model.debugBackendQueries[
+                                                'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_0fj83eto'] =
+                                            debugSerializeParam(
+                                          staggeredViewHorecagelegenheidoverzichtResponse
+                                              .bodyText,
+                                          ParamType.String,
+                                          link:
+                                              'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtProvinciePage',
+                                          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=HorecagelegenhedenOverzichtProvinciePage',
+                                              name: 'dynamic',
+                                              nullable: false,
+                                            );
+                                            debugLogWidgetClass(_model);
+
+                                            return MasonryGridView.builder(
+                                              physics:
+                                                  const NeverScrollableScrollPhysics(),
+                                              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,
+                                              shrinkWrap: true,
+                                              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[
+                                                              'Keypti_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
+                                                        },
+                                                        child:
+                                                            HorecagelegenheidoverzichtKaartWidget(
+                                                          key: Key(
+                                                              'Keypti_${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: [
+                                    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: Color(0xFFB1061E),
+                                                size: 80.0,
+                                              ),
+                                            ),
+                                          );
+                                        }
+                                        final staggeredViewHorecagelegenheidoverzichtResponse =
+                                            snapshot.data!;
+                                        _model.debugBackendQueries[
+                                                'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_ct0lm463'] =
+                                            debugSerializeParam(
+                                          staggeredViewHorecagelegenheidoverzichtResponse
+                                              .statusCode,
+                                          ParamType.int,
+                                          link:
+                                              'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtProvinciePage',
+                                          name: 'int',
+                                          nullable: false,
+                                        );
+                                        _model.debugBackendQueries[
+                                                'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_ct0lm463'] =
+                                            debugSerializeParam(
+                                          staggeredViewHorecagelegenheidoverzichtResponse
+                                              .bodyText,
+                                          ParamType.String,
+                                          link:
+                                              'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzichtProvinciePage',
+                                          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=HorecagelegenhedenOverzichtProvinciePage',
+                                              name: 'dynamic',
+                                              nullable: false,
+                                            );
+                                            debugLogWidgetClass(_model);
+
+                                            return MasonryGridView.builder(
+                                              physics:
+                                                  const NeverScrollableScrollPhysics(),
+                                              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,
+                                              shrinkWrap: true,
+                                              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[
+                                                              'Keygl2_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
+                                                        },
+                                                        child:
+                                                            HorecagelegenheidoverzichtKaartWidget(
+                                                          key: Key(
+                                                              'Keygl2_${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/index.dart

@@ -12,10 +12,10 @@ export '/horecagelegenhedenoverzicht/event_current/event_current_widget.dart'
     show EventCurrentWidget;
 export '/horecagelegenhedenoverzicht/horecagelegenheden_overzicht/horecagelegenheden_overzicht_widget.dart'
     show HorecagelegenhedenOverzichtWidget;
-export '/horecagelegenhedenoverzicht/horecagelegenheden_overzicht_page_data_type/horecagelegenheden_overzicht_page_data_type_widget.dart'
-    show HorecagelegenhedenOverzichtPageDataTypeWidget;
-export '/horecagelegenhedenoverzicht/horecagelegenheden_overzicht_sort_page/horecagelegenheden_overzicht_sort_page_widget.dart'
-    show HorecagelegenhedenOverzichtSortPageWidget;
+export '/horecagelegenhedenoverzicht/horecagelegenheden_overzicht_provincie_page/horecagelegenheden_overzicht_provincie_page_widget.dart'
+    show HorecagelegenhedenOverzichtProvinciePageWidget;
+export '/kanweg/kanweg_horecagelegenheden_overzicht_sort_page/kanweg_horecagelegenheden_overzicht_sort_page_widget.dart'
+    show KanwegHorecagelegenhedenOverzichtSortPageWidget;
 export '/wachtwoord_vergeten/wachtwoord_vergeten_widget.dart'
     show WachtwoordVergetenWidget;
 export '/favorieten/favorieten_widget.dart' show FavorietenWidget;

lib/kanweg/kanweg_horecagelegenheden_overzicht_sort_page/kanweg_horecagelegenheden_overzicht_sort_page_model.dart

@@ -0,0 +1,215 @@
+import '/backend/api_requests/api_calls.dart';
+import '/backend/api_requests/api_streaming.dart';
+import '/components/header_buttons_component_widget.dart';
+import '/flutter_flow/flutter_flow_drop_down.dart';
+import '/flutter_flow/flutter_flow_theme.dart';
+import '/flutter_flow/flutter_flow_util.dart';
+import '/flutter_flow/flutter_flow_widgets.dart';
+import '/flutter_flow/form_field_controller.dart';
+import '/horecagelegenhedenoverzicht/horecagelegenheidoverzicht_kaart/horecagelegenheidoverzicht_kaart_widget.dart';
+import '/shared/drawer_component/drawer_component_widget.dart';
+import 'dart:convert';
+import 'dart:ui';
+import '/backend/schema/structs/index.dart';
+import '/index.dart';
+import 'kanweg_horecagelegenheden_overzicht_sort_page_widget.dart'
+    show KanwegHorecagelegenhedenOverzichtSortPageWidget;
+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 KanwegHorecagelegenhedenOverzichtSortPageModel
+    extends FlutterFlowModel<KanwegHorecagelegenhedenOverzichtSortPageWidget> {
+  ///  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;
+
+  // Stores action output result for [Backend Call - API (Horecagelegenheidoverzicht)] action in TabBar widget.
+  ApiCallResponse? _apiResultz6n;
+  set apiResultz6n(ApiCallResponse? value) {
+    _apiResultz6n = value;
+    debugLogWidgetClass(this);
+  }
+
+  ApiCallResponse? get apiResultz6n => _apiResultz6n;
+
+  // State field(s) for DropDown widget.
+  String? _dropDownValue;
+  set dropDownValue(String? value) {
+    _dropDownValue = value;
+    debugLogWidgetClass(this);
+  }
+
+  String? get dropDownValue => _dropDownValue;
+
+  FormFieldController<String>? dropDownValueController;
+  // Models for HorecagelegenheidoverzichtKaart dynamic component.
+  Map<String, FlutterFlowModel> horecagelegenheidoverzichtKaartModels1 = {};
+  // 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();
+    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=kanwegHorecagelegenhedenOverzichtSortPage',
+            searchReference:
+                'reference=ShgKEAoGcGxhYXRzEgYzcXVrMXVyBAgDIAFQAVoGcGxhYXRz',
+            name: 'String',
+            nullable: true,
+          )
+        }.withoutNulls.entries,
+        widgetStates: {
+          'tabBarCurrentIndex': debugSerializeParam(
+            tabBarCurrentIndex,
+            ParamType.int,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=kanwegHorecagelegenhedenOverzichtSortPage',
+            name: 'int',
+            nullable: true,
+          ),
+          'tabBarPreviousIndex': debugSerializeParam(
+            tabBarPreviousIndex,
+            ParamType.int,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=kanwegHorecagelegenhedenOverzichtSortPage',
+            name: 'int',
+            nullable: true,
+          ),
+          'dropDownValue': debugSerializeParam(
+            dropDownValue,
+            ParamType.String,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=kanwegHorecagelegenhedenOverzichtSortPage',
+            name: 'String',
+            nullable: true,
+          )
+        }.entries,
+        actionOutputs: {
+          'apiResultz6n': debugSerializeParam(
+            apiResultz6n,
+            ParamType.ApiResponse,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=kanwegHorecagelegenhedenOverzichtSortPage',
+            name: 'ApiCallResponse',
+            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=kanwegHorecagelegenhedenOverzichtSortPage',
+        searchReference:
+            'reference=OilrYW53ZWdIb3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRTb3J0UGFnZVABWilrYW53ZWdIb3JlY2FnZWxlZ2VuaGVkZW5PdmVyemljaHRTb3J0UGFnZQ==',
+        widgetClassName: 'kanwegHorecagelegenhedenOverzichtSortPage',
+      );
+}

lib/kanweg/kanweg_horecagelegenheden_overzicht_sort_page/kanweg_horecagelegenheden_overzicht_sort_page_widget.dart

@@ -0,0 +1,1627 @@
+import '/backend/api_requests/api_calls.dart';
+import '/backend/api_requests/api_streaming.dart';
+import '/components/header_buttons_component_widget.dart';
+import '/flutter_flow/flutter_flow_drop_down.dart';
+import '/flutter_flow/flutter_flow_theme.dart';
+import '/flutter_flow/flutter_flow_util.dart';
+import '/flutter_flow/flutter_flow_widgets.dart';
+import '/flutter_flow/form_field_controller.dart';
+import '/horecagelegenhedenoverzicht/horecagelegenheidoverzicht_kaart/horecagelegenheidoverzicht_kaart_widget.dart';
+import '/shared/drawer_component/drawer_component_widget.dart';
+import 'dart:convert';
+import 'dart:ui';
+import '/backend/schema/structs/index.dart';
+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 'kanweg_horecagelegenheden_overzicht_sort_page_model.dart';
+export 'kanweg_horecagelegenheden_overzicht_sort_page_model.dart';
+
+class KanwegHorecagelegenhedenOverzichtSortPageWidget extends StatefulWidget {
+  const KanwegHorecagelegenhedenOverzichtSortPageWidget({
+    super.key,
+    required this.plaats,
+  });
+
+  final String? plaats;
+
+  static String routeName = 'kanwegHorecagelegenhedenOverzichtSortPage';
+  static String routePath = '/kanwegHorecagelegenhedenOverzichtSortPage';
+
+  @override
+  State<KanwegHorecagelegenhedenOverzichtSortPageWidget> createState() =>
+      _KanwegHorecagelegenhedenOverzichtSortPageWidgetState();
+}
+
+class _KanwegHorecagelegenhedenOverzichtSortPageWidgetState
+    extends State<KanwegHorecagelegenhedenOverzichtSortPageWidget>
+    with TickerProviderStateMixin, RouteAware {
+  late KanwegHorecagelegenhedenOverzichtSortPageModel _model;
+
+  final scaffoldKey = GlobalKey<ScaffoldState>();
+
+  @override
+  void initState() {
+    super.initState();
+    _model = createModel(
+        context, () => KanwegHorecagelegenhedenOverzichtSortPageModel());
+
+    _model.tabBarController = TabController(
+      vsync: this,
+      length: 6,
+      initialIndex: 0,
+    )
+      ..addListener(() => safeSetState(() {}))
+      ..addListener(() {
+        debugLogWidgetClass(_model);
+      })
+      ..addListener(() async {
+        if (_model.tabBarController!.indexIsChanging) {
+          return;
+        }
+
+        FFAppState().currentHorcat = () {
+          if (_model.tabBarCurrentIndex == 0) {
+            return '17967';
+          } else if (_model.tabBarCurrentIndex == 1) {
+            return '17963';
+          } else if (_model.tabBarCurrentIndex == 2) {
+            return '34';
+          } else if (_model.tabBarCurrentIndex == 3) {
+            return '17965';
+          } else if (_model.tabBarCurrentIndex == 4) {
+            return '17969';
+          } else if (_model.tabBarCurrentIndex == 5) {
+            return '17968';
+          } else {
+            return '17967';
+          }
+        }();
+        FFAppState().currentSelectedCategorie = '';
+        FFAppState().isLoading = true;
+        safeSetState(() {});
+        _model.apiResultz6n = await HorecagelegenheidoverzichtCall.call(
+          horcat: FFAppState().currentHorcat,
+          townid: widget!.plaats,
+          displayId: '1',
+        );
+
+        if ((_model.apiResultz6n?.succeeded ?? true)) {
+          ScaffoldMessenger.of(context).showSnackBar(
+            SnackBar(
+              content: Text(
+                '',
+                style: TextStyle(
+                  color: FlutterFlowTheme.of(context).primaryText,
+                ),
+              ),
+              duration: Duration(milliseconds: 4000),
+              backgroundColor: FlutterFlowTheme.of(context).secondary,
+            ),
+          );
+        } else {
+          ScaffoldMessenger.of(context).showSnackBar(
+            SnackBar(
+              content: Text(
+                '',
+                style: TextStyle(
+                  color: FlutterFlowTheme.of(context).primaryText,
+                ),
+              ),
+              duration: Duration(milliseconds: 4000),
+              backgroundColor: FlutterFlowTheme.of(context).secondary,
+            ),
+          );
+        }
+
+        safeSetState(() {});
+      });
+  }
+
+  @override
+  void dispose() {
+    routeObserver.unsubscribe(this);
+
+    _model.dispose();
+
+    super.dispose();
+  }
+
+  @override
+  void didUpdateWidget(
+      KanwegHorecagelegenhedenOverzichtSortPageWidget 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 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 Scaffold(
+            backgroundColor: FlutterFlowTheme.of(context).primaryBackground,
+            body: Center(
+              child: SizedBox(
+                width: 80.0,
+                height: 80.0,
+                child: SpinKitFadingCircle(
+                  color: Color(0xFFB1061E),
+                  size: 80.0,
+                ),
+              ),
+            ),
+          );
+        }
+        final kanwegHorecagelegenhedenOverzichtSortPageHorecagelegenheidoverzichtResponse =
+            snapshot.data!;
+        _model.debugBackendQueries[
+                'HorecagelegenheidoverzichtCall_statusCode_Scaffold_9gcoxhin'] =
+            debugSerializeParam(
+          kanwegHorecagelegenhedenOverzichtSortPageHorecagelegenheidoverzichtResponse
+              .statusCode,
+          ParamType.int,
+          link:
+              'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=kanwegHorecagelegenhedenOverzichtSortPage',
+          name: 'int',
+          nullable: false,
+        );
+        _model.debugBackendQueries[
+                'HorecagelegenheidoverzichtCall_responseBody_Scaffold_9gcoxhin'] =
+            debugSerializeParam(
+          kanwegHorecagelegenhedenOverzichtSortPageHorecagelegenheidoverzichtResponse
+              .bodyText,
+          ParamType.String,
+          link:
+              'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=kanwegHorecagelegenhedenOverzichtSortPage',
+          name: 'String',
+          nullable: false,
+        );
+        debugLogWidgetClass(_model);
+
+        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: 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.interTight(
+                                    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.interTight(
+                                    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(
+                                  't070hi8b' /* Uitgaan */,
+                                ),
+                              ),
+                              Tab(
+                                text: FFLocalizations.of(context).getText(
+                                  'goypqo1h' /* Cultuur */,
+                                ),
+                              ),
+                              Tab(
+                                text: FFLocalizations.of(context).getText(
+                                  'eorww74c' /* Eetgelegenheden */,
+                                ),
+                              ),
+                              Tab(
+                                text: FFLocalizations.of(context).getText(
+                                  'vikrjk5s' /* Overnachten */,
+                                ),
+                              ),
+                              Tab(
+                                text: FFLocalizations.of(context).getText(
+                                  '48955ibf' /* Activiteiten */,
+                                ),
+                              ),
+                              Tab(
+                                text: FFLocalizations.of(context).getText(
+                                  'onrokcg9' /* Verhuur, catering */,
+                                ),
+                              ),
+                            ],
+                            controller: _model.tabBarController,
+                            onTap: (i) async {
+                              [
+                                () async {},
+                                () async {},
+                                () async {},
+                                () async {},
+                                () async {},
+                                () async {}
+                              ][i]();
+                            },
+                          ),
+                        ),
+                        Expanded(
+                          child: TabBarView(
+                            controller: _model.tabBarController,
+                            children: [
+                              Column(
+                                mainAxisSize: MainAxisSize.max,
+                                children: [
+                                  Column(
+                                    mainAxisSize: MainAxisSize.max,
+                                    children: [
+                                      FlutterFlowDropDown<String>(
+                                        controller: _model
+                                                .dropDownValueController ??=
+                                            FormFieldController<String>(null),
+                                        options: [
+                                          FFLocalizations.of(context).getText(
+                                            'ghh8wctj' /* Option 1 */,
+                                          ),
+                                          FFLocalizations.of(context).getText(
+                                            '4wn3tgt9' /* Option 2 */,
+                                          ),
+                                          FFLocalizations.of(context).getText(
+                                            'df6v152s' /* Option 3 */,
+                                          )
+                                        ],
+                                        onChanged: (val) => safeSetState(
+                                            () => _model.dropDownValue = val),
+                                        width: 200.0,
+                                        height: 40.0,
+                                        textStyle: FlutterFlowTheme.of(context)
+                                            .bodyMedium
+                                            .override(
+                                              font: GoogleFonts.inter(
+                                                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,
+                                            ),
+                                        hintText:
+                                            FFLocalizations.of(context).getText(
+                                          '8hepgmal' /* Select... */,
+                                        ),
+                                        icon: Icon(
+                                          Icons.keyboard_arrow_down_rounded,
+                                          color: FlutterFlowTheme.of(context)
+                                              .secondaryText,
+                                          size: 24.0,
+                                        ),
+                                        fillColor: FlutterFlowTheme.of(context)
+                                            .secondaryBackground,
+                                        elevation: 2.0,
+                                        borderColor: Colors.transparent,
+                                        borderWidth: 0.0,
+                                        borderRadius: 8.0,
+                                        margin: EdgeInsetsDirectional.fromSTEB(
+                                            12.0, 0.0, 12.0, 0.0),
+                                        hidesUnderline: true,
+                                        isOverButton: false,
+                                        isSearchable: false,
+                                        isMultiSelect: false,
+                                      ),
+                                      FutureBuilder<ApiCallResponse>(
+                                        future:
+                                            HorecagelegenheidoverzichtCall.call(
+                                          horcat: '17967',
+                                          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: Color(0xFFB1061E),
+                                                  size: 80.0,
+                                                ),
+                                              ),
+                                            );
+                                          }
+                                          final staggeredViewHorecagelegenheidoverzichtResponse =
+                                              snapshot.data!;
+                                          _model.debugBackendQueries[
+                                                  'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_w9n4v2yg'] =
+                                              debugSerializeParam(
+                                            staggeredViewHorecagelegenheidoverzichtResponse
+                                                .statusCode,
+                                            ParamType.int,
+                                            link:
+                                                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=kanwegHorecagelegenhedenOverzichtSortPage',
+                                            name: 'int',
+                                            nullable: false,
+                                          );
+                                          _model.debugBackendQueries[
+                                                  'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_w9n4v2yg'] =
+                                              debugSerializeParam(
+                                            staggeredViewHorecagelegenheidoverzichtResponse
+                                                .bodyText,
+                                            ParamType.String,
+                                            link:
+                                                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=kanwegHorecagelegenhedenOverzichtSortPage',
+                                            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=kanwegHorecagelegenhedenOverzichtSortPage',
+                                                name: 'dynamic',
+                                                nullable: false,
+                                              );
+                                              debugLogWidgetClass(_model);
+
+                                              return MasonryGridView.builder(
+                                                physics:
+                                                    const NeverScrollableScrollPhysics(),
+                                                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,
+                                                shrinkWrap: true,
+                                                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[
+                                                                'Keytsq_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
+                                                          },
+                                                          child:
+                                                              HorecagelegenheidoverzichtKaartWidget(
+                                                            key: Key(
+                                                                'Keytsq_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'),
+                                                            titel: HorecagelegenheidStruct
+                                                                    .maybeFromMap(
+                                                                        horecagelegenhedenItem)
+                                                                ?.titel,
+                                                            logo: HorecagelegenheidStruct
+                                                                    .maybeFromMap(
+                                                                        horecagelegenhedenItem)
+                                                                ?.logo,
+                                                            nid: HorecagelegenheidStruct
+                                                                    .maybeFromMap(
+                                                                        horecagelegenhedenItem)
+                                                                ?.nid,
+                                                            adres: HorecagelegenheidStruct
+                                                                    .maybeFromMap(
+                                                                        horecagelegenhedenItem)
+                                                                ?.adres,
+                                                            plaats: HorecagelegenheidStruct
+                                                                    .maybeFromMap(
+                                                                        horecagelegenhedenItem)
+                                                                ?.plaats,
+                                                            categorie: HorecagelegenheidStruct
+                                                                    .maybeFromMap(
+                                                                        horecagelegenhedenItem)
+                                                                ?.categorie,
+                                                          ),
+                                                        );
+                                                      }),
+                                                    ),
+                                                  );
+                                                },
+                                              );
+                                            },
+                                          );
+                                        },
+                                      ),
+                                    ],
+                                  ),
+                                ],
+                              ),
+                              Column(
+                                mainAxisSize: MainAxisSize.max,
+                                children: [
+                                  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: Color(0xFFB1061E),
+                                              size: 80.0,
+                                            ),
+                                          ),
+                                        );
+                                      }
+                                      final staggeredViewHorecagelegenheidoverzichtResponse =
+                                          snapshot.data!;
+                                      _model.debugBackendQueries[
+                                              'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_gdzjudxh'] =
+                                          debugSerializeParam(
+                                        staggeredViewHorecagelegenheidoverzichtResponse
+                                            .statusCode,
+                                        ParamType.int,
+                                        link:
+                                            'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=kanwegHorecagelegenhedenOverzichtSortPage',
+                                        name: 'int',
+                                        nullable: false,
+                                      );
+                                      _model.debugBackendQueries[
+                                              'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_gdzjudxh'] =
+                                          debugSerializeParam(
+                                        staggeredViewHorecagelegenheidoverzichtResponse
+                                            .bodyText,
+                                        ParamType.String,
+                                        link:
+                                            'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=kanwegHorecagelegenhedenOverzichtSortPage',
+                                        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=kanwegHorecagelegenhedenOverzichtSortPage',
+                                            name: 'dynamic',
+                                            nullable: false,
+                                          );
+                                          debugLogWidgetClass(_model);
+
+                                          return MasonryGridView.builder(
+                                            physics:
+                                                const NeverScrollableScrollPhysics(),
+                                            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,
+                                            shrinkWrap: true,
+                                            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[
+                                                            'Key2pe_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
+                                                      },
+                                                      child:
+                                                          HorecagelegenheidoverzichtKaartWidget(
+                                                        key: Key(
+                                                            'Key2pe_${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: [
+                                  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: Color(0xFFB1061E),
+                                              size: 80.0,
+                                            ),
+                                          ),
+                                        );
+                                      }
+                                      final staggeredViewHorecagelegenheidoverzichtResponse =
+                                          snapshot.data!;
+                                      _model.debugBackendQueries[
+                                              'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_ugisugbz'] =
+                                          debugSerializeParam(
+                                        staggeredViewHorecagelegenheidoverzichtResponse
+                                            .statusCode,
+                                        ParamType.int,
+                                        link:
+                                            'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=kanwegHorecagelegenhedenOverzichtSortPage',
+                                        name: 'int',
+                                        nullable: false,
+                                      );
+                                      _model.debugBackendQueries[
+                                              'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_ugisugbz'] =
+                                          debugSerializeParam(
+                                        staggeredViewHorecagelegenheidoverzichtResponse
+                                            .bodyText,
+                                        ParamType.String,
+                                        link:
+                                            'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=kanwegHorecagelegenhedenOverzichtSortPage',
+                                        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=kanwegHorecagelegenhedenOverzichtSortPage',
+                                            name: 'dynamic',
+                                            nullable: false,
+                                          );
+                                          debugLogWidgetClass(_model);
+
+                                          return MasonryGridView.builder(
+                                            physics:
+                                                const NeverScrollableScrollPhysics(),
+                                            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,
+                                            shrinkWrap: true,
+                                            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[
+                                                            'Keywf7_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
+                                                      },
+                                                      child:
+                                                          HorecagelegenheidoverzichtKaartWidget(
+                                                        key: Key(
+                                                            'Keywf7_${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: [
+                                  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: Color(0xFFB1061E),
+                                              size: 80.0,
+                                            ),
+                                          ),
+                                        );
+                                      }
+                                      final staggeredViewHorecagelegenheidoverzichtResponse =
+                                          snapshot.data!;
+                                      _model.debugBackendQueries[
+                                              'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_p1t2kthx'] =
+                                          debugSerializeParam(
+                                        staggeredViewHorecagelegenheidoverzichtResponse
+                                            .statusCode,
+                                        ParamType.int,
+                                        link:
+                                            'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=kanwegHorecagelegenhedenOverzichtSortPage',
+                                        name: 'int',
+                                        nullable: false,
+                                      );
+                                      _model.debugBackendQueries[
+                                              'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_p1t2kthx'] =
+                                          debugSerializeParam(
+                                        staggeredViewHorecagelegenheidoverzichtResponse
+                                            .bodyText,
+                                        ParamType.String,
+                                        link:
+                                            'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=kanwegHorecagelegenhedenOverzichtSortPage',
+                                        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=kanwegHorecagelegenhedenOverzichtSortPage',
+                                            name: 'dynamic',
+                                            nullable: false,
+                                          );
+                                          debugLogWidgetClass(_model);
+
+                                          return MasonryGridView.builder(
+                                            physics:
+                                                const NeverScrollableScrollPhysics(),
+                                            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,
+                                            shrinkWrap: true,
+                                            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[
+                                                            'Keyr0j_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
+                                                      },
+                                                      child:
+                                                          HorecagelegenheidoverzichtKaartWidget(
+                                                        key: Key(
+                                                            'Keyr0j_${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: [
+                                  FutureBuilder<ApiCallResponse>(
+                                    future: HorecagelegenheidoverzichtCall.call(
+                                      horcat: '17969',
+                                      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: Color(0xFFB1061E),
+                                              size: 80.0,
+                                            ),
+                                          ),
+                                        );
+                                      }
+                                      final staggeredViewHorecagelegenheidoverzichtResponse =
+                                          snapshot.data!;
+                                      _model.debugBackendQueries[
+                                              'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_8u23jpf8'] =
+                                          debugSerializeParam(
+                                        staggeredViewHorecagelegenheidoverzichtResponse
+                                            .statusCode,
+                                        ParamType.int,
+                                        link:
+                                            'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=kanwegHorecagelegenhedenOverzichtSortPage',
+                                        name: 'int',
+                                        nullable: false,
+                                      );
+                                      _model.debugBackendQueries[
+                                              'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_8u23jpf8'] =
+                                          debugSerializeParam(
+                                        staggeredViewHorecagelegenheidoverzichtResponse
+                                            .bodyText,
+                                        ParamType.String,
+                                        link:
+                                            'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=kanwegHorecagelegenhedenOverzichtSortPage',
+                                        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=kanwegHorecagelegenhedenOverzichtSortPage',
+                                            name: 'dynamic',
+                                            nullable: false,
+                                          );
+                                          debugLogWidgetClass(_model);
+
+                                          return MasonryGridView.builder(
+                                            physics:
+                                                const NeverScrollableScrollPhysics(),
+                                            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,
+                                            shrinkWrap: true,
+                                            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[
+                                                            'Keyd3h_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
+                                                      },
+                                                      child:
+                                                          HorecagelegenheidoverzichtKaartWidget(
+                                                        key: Key(
+                                                            'Keyd3h_${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: [
+                                  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: Color(0xFFB1061E),
+                                              size: 80.0,
+                                            ),
+                                          ),
+                                        );
+                                      }
+                                      final staggeredViewHorecagelegenheidoverzichtResponse =
+                                          snapshot.data!;
+                                      _model.debugBackendQueries[
+                                              'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_b9f4g8j8'] =
+                                          debugSerializeParam(
+                                        staggeredViewHorecagelegenheidoverzichtResponse
+                                            .statusCode,
+                                        ParamType.int,
+                                        link:
+                                            'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=kanwegHorecagelegenhedenOverzichtSortPage',
+                                        name: 'int',
+                                        nullable: false,
+                                      );
+                                      _model.debugBackendQueries[
+                                              'HorecagelegenheidoverzichtCall_responseBody_StaggeredView_b9f4g8j8'] =
+                                          debugSerializeParam(
+                                        staggeredViewHorecagelegenheidoverzichtResponse
+                                            .bodyText,
+                                        ParamType.String,
+                                        link:
+                                            'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=kanwegHorecagelegenhedenOverzichtSortPage',
+                                        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=kanwegHorecagelegenhedenOverzichtSortPage',
+                                            name: 'dynamic',
+                                            nullable: false,
+                                          );
+                                          debugLogWidgetClass(_model);
+
+                                          return MasonryGridView.builder(
+                                            physics:
+                                                const NeverScrollableScrollPhysics(),
+                                            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,
+                                            shrinkWrap: true,
+                                            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[
+                                                            'Key2tc_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
+                                                      },
+                                                      child:
+                                                          HorecagelegenheidoverzichtKaartWidget(
+                                                        key: Key(
+                                                            'Key2tc_${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>(),
+                                                      ),
+                                                    );
+                                                  }),
+                                                ),
+                                              );
+                                            },
+                                          );
+                                        },
+                                      );
+                                    },
+                                  ),
+                                ],
+                              ),
+                            ],
+                          ),
+                        ),
+                      ],
+                    ),
+                  ),
+                ],
+              ),
+            ),
+          ),
+        );
+      },
+    );
+  }
+}

lib/selecteer_plaats/select_state_drop_down_component/select_state_drop_down_component_widget.dart

@@ -49,7 +49,7 @@ class _SelectStateDropDownComponentWidgetState
       if (!(FFAppState().provincieSelectId != null &&
           FFAppState().provincieSelectId != '')) {
         FFAppState().provincieSelectId = '28666';
-        FFAppState().provincieSelectNaam = 'Noord-Holland';
+        FFAppState().provincieSelectName = 'Noord-Holland';
         safeSetState(() {});
       }
       if (!(FFAppState().gemeenteSelectId != null &&

lib/shared/drawer_component/drawer_component_widget.dart

@@ -705,7 +705,7 @@ class _DrawerComponentWidgetState extends State<DrawerComponentWidget>
                       highlightColor: Colors.transparent,
                       onTap: () async {
                         context.pushNamed(
-                          HorecagelegenhedenOverzichtPageDataTypeWidget
+                          HorecagelegenhedenOverzichtProvinciePageWidget
                               .routeName,
                           queryParameters: {
                             'plaats': serializeParam(

lib/uitgaanspaginas/home/home_model.dart

@@ -14,6 +14,40 @@ import 'package:google_fonts/google_fonts.dart';
 import 'package:provider/provider.dart';
 
 class HomeModel extends FlutterFlowModel<HomeWidget> {
+  ///  Local state fields for this page.
+
+  bool _tabActiviteitenGeladen = false;
+  set tabActiviteitenGeladen(bool value) {
+    _tabActiviteitenGeladen = value;
+    debugLogWidgetClass(this);
+  }
+
+  bool get tabActiviteitenGeladen => _tabActiviteitenGeladen;
+
+  bool _tabCultuurGeladen = false;
+  set tabCultuurGeladen(bool value) {
+    _tabCultuurGeladen = value;
+    debugLogWidgetClass(this);
+  }
+
+  bool get tabCultuurGeladen => _tabCultuurGeladen;
+
+  bool _tabFilmsGeladen = false;
+  set tabFilmsGeladen(bool value) {
+    _tabFilmsGeladen = value;
+    debugLogWidgetClass(this);
+  }
+
+  bool get tabFilmsGeladen => _tabFilmsGeladen;
+
+  bool _tabJeugdGeladen = false;
+  set tabJeugdGeladen(bool value) {
+    _tabJeugdGeladen = value;
+    debugLogWidgetClass(this);
+  }
+
+  bool get tabJeugdGeladen => _tabJeugdGeladen;
+
   ///  State fields for stateful widgets in this page.
 
   // Model for HomeUitgaanSliderComponent component.
@@ -79,6 +113,48 @@ class HomeModel extends FlutterFlowModel<HomeWidget> {
 
   @override
   WidgetClassDebugData toWidgetClassDebugData() => WidgetClassDebugData(
+        localStates: {
+          'tabActiviteitenGeladen': debugSerializeParam(
+            tabActiviteitenGeladen,
+            ParamType.bool,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=home',
+            searchReference:
+                'reference=QjAKHwoWdGFiQWN0aXZpdGVpdGVuR2VsYWRlbhIFeXYzOXEqBxIFZmFsc2VyBAgFIAFQAVoWdGFiQWN0aXZpdGVpdGVuR2VsYWRlbmIEaG9tZQ==',
+            name: 'bool',
+            nullable: false,
+          ),
+          'tabCultuurGeladen': debugSerializeParam(
+            tabCultuurGeladen,
+            ParamType.bool,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=home',
+            searchReference:
+                'reference=QisKGgoRdGFiQ3VsdHV1ckdlbGFkZW4SBW1rdnZxKgcSBWZhbHNlcgQIBSABUAFaEXRhYkN1bHR1dXJHZWxhZGVuYgRob21l',
+            name: 'bool',
+            nullable: false,
+          ),
+          'tabFilmsGeladen': debugSerializeParam(
+            tabFilmsGeladen,
+            ParamType.bool,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=home',
+            searchReference:
+                'reference=QikKGAoPdGFiRmlsbXNHZWxhZGVuEgVuN2JnZSoHEgVmYWxzZXIECAUgAVABWg90YWJGaWxtc0dlbGFkZW5iBGhvbWU=',
+            name: 'bool',
+            nullable: false,
+          ),
+          'tabJeugdGeladen': debugSerializeParam(
+            tabJeugdGeladen,
+            ParamType.bool,
+            link:
+                'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=home',
+            searchReference:
+                'reference=QikKGAoPdGFiSmV1Z2RHZWxhZGVuEgVwMTcxNSoHEgVmYWxzZXIECAUgAVABWg90YWJKZXVnZEdlbGFkZW5iBGhvbWU=',
+            name: 'bool',
+            nullable: false,
+          )
+        }.entries,
         widgetStates: {
           'tabBarCurrentIndex': debugSerializeParam(
             tabBarCurrentIndex,

lib/uitgaanspaginas/home/home_widget.dart

@@ -286,10 +286,22 @@ class _HomeWidgetState extends State<HomeWidget>
                         onTap: (i) async {
                           [
                             () async {},
-                            () async {},
-                            () async {},
-                            () async {},
-                            () async {}
+                            () async {
+                              _model.tabActiviteitenGeladen = true;
+                              safeSetState(() {});
+                            },
+                            () async {
+                              _model.tabCultuurGeladen = true;
+                              safeSetState(() {});
+                            },
+                            () async {
+                              _model.tabFilmsGeladen = true;
+                              safeSetState(() {});
+                            },
+                            () async {
+                              _model.tabJeugdGeladen = true;
+                              safeSetState(() {});
+                            }
                           ][i]();
                         },
                       ),
@@ -319,89 +331,153 @@ class _HomeWidgetState extends State<HomeWidget>
                               ],
                             ),
                           ),
-                          SingleChildScrollView(
-                            child: Column(
-                              mainAxisSize: MainAxisSize.max,
-                              children: [
-                                wrapWithModel(
-                                  model: _model
-                                      .homeUitgaantabelKaartComponentModel2,
-                                  updateCallback: () => safeSetState(() {}),
-                                  child: Builder(builder: (_) {
-                                    return DebugFlutterFlowModelContext(
-                                      rootModel: _model.rootModel,
-                                      child:
-                                          HomeUitgaantabelKaartComponentWidget(
-                                        displayid: 'services_4',
+                          Builder(
+                            builder: (context) {
+                              if (_model.tabActiviteitenGeladen) {
+                                return SingleChildScrollView(
+                                  child: Column(
+                                    mainAxisSize: MainAxisSize.max,
+                                    children: [
+                                      wrapWithModel(
+                                        model: _model
+                                            .homeUitgaantabelKaartComponentModel2,
+                                        updateCallback: () =>
+                                            safeSetState(() {}),
+                                        child: Builder(builder: (_) {
+                                          return DebugFlutterFlowModelContext(
+                                            rootModel: _model.rootModel,
+                                            child:
+                                                HomeUitgaantabelKaartComponentWidget(
+                                              displayid: 'services_4',
+                                            ),
+                                          );
+                                        }),
                                       ),
-                                    );
-                                  }),
-                                ),
-                              ],
-                            ),
+                                    ],
+                                  ),
+                                );
+                              } else {
+                                return Container(
+                                  width: 100.0,
+                                  height: 100.0,
+                                  decoration: BoxDecoration(
+                                    color: FlutterFlowTheme.of(context)
+                                        .secondaryBackground,
+                                  ),
+                                );
+                              }
+                            },
                           ),
-                          SingleChildScrollView(
-                            child: Column(
-                              mainAxisSize: MainAxisSize.max,
-                              children: [
-                                wrapWithModel(
-                                  model: _model
-                                      .homeUitgaantabelKaartComponentModel3,
-                                  updateCallback: () => safeSetState(() {}),
-                                  child: Builder(builder: (_) {
-                                    return DebugFlutterFlowModelContext(
-                                      rootModel: _model.rootModel,
-                                      child:
-                                          HomeUitgaantabelKaartComponentWidget(
-                                        displayid: 'services_5',
+                          Builder(
+                            builder: (context) {
+                              if (_model.tabCultuurGeladen) {
+                                return SingleChildScrollView(
+                                  child: Column(
+                                    mainAxisSize: MainAxisSize.max,
+                                    children: [
+                                      wrapWithModel(
+                                        model: _model
+                                            .homeUitgaantabelKaartComponentModel3,
+                                        updateCallback: () =>
+                                            safeSetState(() {}),
+                                        child: Builder(builder: (_) {
+                                          return DebugFlutterFlowModelContext(
+                                            rootModel: _model.rootModel,
+                                            child:
+                                                HomeUitgaantabelKaartComponentWidget(
+                                              displayid: 'services_5',
+                                            ),
+                                          );
+                                        }),
                                       ),
-                                    );
-                                  }),
-                                ),
-                              ],
-                            ),
+                                    ],
+                                  ),
+                                );
+                              } else {
+                                return Container(
+                                  width: 100.0,
+                                  height: 100.0,
+                                  decoration: BoxDecoration(
+                                    color: FlutterFlowTheme.of(context)
+                                        .secondaryBackground,
+                                  ),
+                                );
+                              }
+                            },
                           ),
-                          SingleChildScrollView(
-                            child: Column(
-                              mainAxisSize: MainAxisSize.max,
-                              children: [
-                                wrapWithModel(
-                                  model: _model
-                                      .homeUitgaantabelKaartComponentModel4,
-                                  updateCallback: () => safeSetState(() {}),
-                                  child: Builder(builder: (_) {
-                                    return DebugFlutterFlowModelContext(
-                                      rootModel: _model.rootModel,
-                                      child:
-                                          HomeUitgaantabelKaartComponentWidget(
-                                        displayid: 'services_6',
+                          Builder(
+                            builder: (context) {
+                              if (_model.tabFilmsGeladen) {
+                                return SingleChildScrollView(
+                                  child: Column(
+                                    mainAxisSize: MainAxisSize.max,
+                                    children: [
+                                      wrapWithModel(
+                                        model: _model
+                                            .homeUitgaantabelKaartComponentModel4,
+                                        updateCallback: () =>
+                                            safeSetState(() {}),
+                                        child: Builder(builder: (_) {
+                                          return DebugFlutterFlowModelContext(
+                                            rootModel: _model.rootModel,
+                                            child:
+                                                HomeUitgaantabelKaartComponentWidget(
+                                              displayid: 'services_6',
+                                            ),
+                                          );
+                                        }),
                                       ),
-                                    );
-                                  }),
-                                ),
-                              ],
-                            ),
+                                    ],
+                                  ),
+                                );
+                              } else {
+                                return Container(
+                                  width: 100.0,
+                                  height: 100.0,
+                                  decoration: BoxDecoration(
+                                    color: FlutterFlowTheme.of(context)
+                                        .secondaryBackground,
+                                  ),
+                                );
+                              }
+                            },
                           ),
-                          SingleChildScrollView(
-                            child: Column(
-                              mainAxisSize: MainAxisSize.max,
-                              children: [
-                                wrapWithModel(
-                                  model: _model
-                                      .homeUitgaantabelKaartComponentModel5,
-                                  updateCallback: () => safeSetState(() {}),
-                                  child: Builder(builder: (_) {
-                                    return DebugFlutterFlowModelContext(
-                                      rootModel: _model.rootModel,
-                                      child:
-                                          HomeUitgaantabelKaartComponentWidget(
-                                        displayid: 'services_7',
+                          Builder(
+                            builder: (context) {
+                              if (_model.tabJeugdGeladen) {
+                                return SingleChildScrollView(
+                                  child: Column(
+                                    mainAxisSize: MainAxisSize.max,
+                                    children: [
+                                      wrapWithModel(
+                                        model: _model
+                                            .homeUitgaantabelKaartComponentModel5,
+                                        updateCallback: () =>
+                                            safeSetState(() {}),
+                                        child: Builder(builder: (_) {
+                                          return DebugFlutterFlowModelContext(
+                                            rootModel: _model.rootModel,
+                                            child:
+                                                HomeUitgaantabelKaartComponentWidget(
+                                              displayid: 'services_7',
+                                            ),
+                                          );
+                                        }),
                                       ),
-                                    );
-                                  }),
-                                ),
-                              ],
-                            ),
+                                    ],
+                                  ),
+                                );
+                              } else {
+                                return Container(
+                                  width: 100.0,
+                                  height: 100.0,
+                                  decoration: BoxDecoration(
+                                    color: FlutterFlowTheme.of(context)
+                                        .secondaryBackground,
+                                  ),
+                                );
+                              }
+                            },
                           ),
                         ],
                       ),

pubspec.lock

@@ -1346,10 +1346,10 @@ packages:
     dependency: transitive
     description:
       name: vm_service
-      sha256: "0016aef94fc66495ac78af5859181e3f3bf2026bd8eecc72b9565601e19ab360"
+      sha256: "5f37239c4851efcef929cea7824e76df7f2f0970aef85d66bbc430afa40e72f0"
       url: "https://pub.dev"
     source: hosted
-    version: "15.2.0"
+    version: "15.3.0"
   wakelock_plus:
     dependency: transitive
     description: