flutterflow/lib/horecagelegenhedenoverzicht/horecagelegenheden_overzicht/horecagelegenheden_overzicht_widget.dart

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 '/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_model.dart';
export 'horecagelegenheden_overzicht_model.dart';

class HorecagelegenhedenOverzichtWidget extends StatefulWidget {
  const HorecagelegenhedenOverzichtWidget({
    super.key,
    required this.plaats,
  });

  final String? plaats;

  static String routeName = 'HorecagelegenhedenOverzicht';
  static String routePath = '/horecagelegenhedenOverzicht';

  @override
  State<HorecagelegenhedenOverzichtWidget> createState() =>
      _HorecagelegenhedenOverzichtWidgetState();
}

class _HorecagelegenhedenOverzichtWidgetState
    extends State<HorecagelegenhedenOverzichtWidget>
    with TickerProviderStateMixin, RouteAware {
  late HorecagelegenhedenOverzichtModel _model;

  final scaffoldKey = GlobalKey<ScaffoldState>();

  @override
  void initState() {
    super.initState();
    _model = createModel(context, () => HorecagelegenhedenOverzichtModel());

    _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(HorecagelegenhedenOverzichtWidget 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(
                              'cfmj0g86' /* Activiteiten */,
                            ),
                          ),
                          Tab(
                            text: FFLocalizations.of(context).getText(
                              'od4c0ph1' /* Cultuur */,
                            ),
                          ),
                          Tab(
                            text: FFLocalizations.of(context).getText(
                              'i9cdclh1' /* Eetgelegenheden */,
                            ),
                          ),
                          Tab(
                            text: FFLocalizations.of(context).getText(
                              '9s07bzb1' /* Overnachten */,
                            ),
                          ),
                          Tab(
                            text: FFLocalizations.of(context).getText(
                              'egcnfi7k' /* Uitgaan */,
                            ),
                          ),
                          Tab(
                            text: FFLocalizations.of(context).getText(
                              '3i8p2r6z' /* 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: [
                              FutureBuilder<ApiCallResponse>(
                                future: EstablishmentsCall.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 staggeredViewEstablishmentsResponse =
                                      snapshot.data!;
                                  _model.debugBackendQueries[
                                          'EstablishmentsCall_statusCode_StaggeredView_ezq3lq60'] =
                                      debugSerializeParam(
                                    staggeredViewEstablishmentsResponse
                                        .statusCode,
                                    ParamType.int,
                                    link:
                                        'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzicht',
                                    name: 'int',
                                    nullable: false,
                                  );
                                  _model.debugBackendQueries[
                                          'EstablishmentsCall_responseBody_StaggeredView_ezq3lq60'] =
                                      debugSerializeParam(
                                    staggeredViewEstablishmentsResponse
                                        .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(
                                        staggeredViewEstablishmentsResponse
                                            .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=HorecagelegenhedenOverzicht',
                                        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[
                                                        'Keyxu9_${horecagelegenhedenIndex}_of_${horecagelegenheden.length}'] = m;
                                                  },
                                                  child:
                                                      HorecagelegenheidoverzichtKaartWidget(
                                                    key: Key(
                                                        'Keyxu9_${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: EstablishmentsCall.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 staggeredViewEstablishmentsResponse =
                                      snapshot.data!;
                                  _model.debugBackendQueries[
                                          'EstablishmentsCall_statusCode_StaggeredView_p4qa6f0b'] =
                                      debugSerializeParam(
                                    staggeredViewEstablishmentsResponse
                                        .statusCode,
                                    ParamType.int,
                                    link:
                                        'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzicht',
                                    name: 'int',
                                    nullable: false,
                                  );
                                  _model.debugBackendQueries[
                                          'EstablishmentsCall_responseBody_StaggeredView_p4qa6f0b'] =
                                      debugSerializeParam(
                                    staggeredViewEstablishmentsResponse
                                        .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(
                                        staggeredViewEstablishmentsResponse
                                            .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=HorecagelegenhedenOverzicht',
                                        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[
                                                        '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>(),
                                                  ),
                                                );
                                              }),
                                            ),
                                          );
                                        },
                                      );
                                    },
                                  );
                                },
                              ),
                            ],
                          ),
                          Column(
                            mainAxisSize: MainAxisSize.max,
                            children: [
                              FutureBuilder<ApiCallResponse>(
                                future: EstablishmentsCall.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 staggeredViewEstablishmentsResponse =
                                      snapshot.data!;
                                  _model.debugBackendQueries[
                                          'EstablishmentsCall_statusCode_StaggeredView_n4zm8jsx'] =
                                      debugSerializeParam(
                                    staggeredViewEstablishmentsResponse
                                        .statusCode,
                                    ParamType.int,
                                    link:
                                        'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzicht',
                                    name: 'int',
                                    nullable: false,
                                  );
                                  _model.debugBackendQueries[
                                          'EstablishmentsCall_responseBody_StaggeredView_n4zm8jsx'] =
                                      debugSerializeParam(
                                    staggeredViewEstablishmentsResponse
                                        .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(
                                        staggeredViewEstablishmentsResponse
                                            .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=HorecagelegenhedenOverzicht',
                                        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[
                                                        '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: [
                              FutureBuilder<ApiCallResponse>(
                                future: EstablishmentsCall.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 staggeredViewEstablishmentsResponse =
                                      snapshot.data!;
                                  _model.debugBackendQueries[
                                          'EstablishmentsCall_statusCode_StaggeredView_51qs4ew3'] =
                                      debugSerializeParam(
                                    staggeredViewEstablishmentsResponse
                                        .statusCode,
                                    ParamType.int,
                                    link:
                                        'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzicht',
                                    name: 'int',
                                    nullable: false,
                                  );
                                  _model.debugBackendQueries[
                                          'EstablishmentsCall_responseBody_StaggeredView_51qs4ew3'] =
                                      debugSerializeParam(
                                    staggeredViewEstablishmentsResponse
                                        .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(
                                        staggeredViewEstablishmentsResponse
                                            .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=HorecagelegenhedenOverzicht',
                                        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[
                                                        '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: [
                              FutureBuilder<ApiCallResponse>(
                                future: EstablishmentsCall.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 staggeredViewEstablishmentsResponse =
                                      snapshot.data!;
                                  _model.debugBackendQueries[
                                          'EstablishmentsCall_statusCode_StaggeredView_2y8hmnf7'] =
                                      debugSerializeParam(
                                    staggeredViewEstablishmentsResponse
                                        .statusCode,
                                    ParamType.int,
                                    link:
                                        'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzicht',
                                    name: 'int',
                                    nullable: false,
                                  );
                                  _model.debugBackendQueries[
                                          'EstablishmentsCall_responseBody_StaggeredView_2y8hmnf7'] =
                                      debugSerializeParam(
                                    staggeredViewEstablishmentsResponse
                                        .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(
                                        staggeredViewEstablishmentsResponse
                                            .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=HorecagelegenhedenOverzicht',
                                        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[
                                                        '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>(),
                                                  ),
                                                );
                                              }),
                                            ),
                                          );
                                        },
                                      );
                                    },
                                  );
                                },
                              ),
                            ],
                          ),
                          Column(
                            mainAxisSize: MainAxisSize.max,
                            children: [
                              FutureBuilder<ApiCallResponse>(
                                future: EstablishmentsCall.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 staggeredViewEstablishmentsResponse =
                                      snapshot.data!;
                                  _model.debugBackendQueries[
                                          'EstablishmentsCall_statusCode_StaggeredView_9f73d118'] =
                                      debugSerializeParam(
                                    staggeredViewEstablishmentsResponse
                                        .statusCode,
                                    ParamType.int,
                                    link:
                                        'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=HorecagelegenhedenOverzicht',
                                    name: 'int',
                                    nullable: false,
                                  );
                                  _model.debugBackendQueries[
                                          'EstablishmentsCall_responseBody_StaggeredView_9f73d118'] =
                                      debugSerializeParam(
                                    staggeredViewEstablishmentsResponse
                                        .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(
                                        staggeredViewEstablishmentsResponse
                                            .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=HorecagelegenhedenOverzicht',
                                        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[
                                                        '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>(),
                                                  ),
                                                );
                                              }),
                                            ),
                                          );
                                        },
                                      );
                                    },
                                  );
                                },
                              ),
                            ],
                          ),
                        ],
                      ),
                    ),
                  ],
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}