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: Container(
                  decoration: BoxDecoration(
                    boxShadow: [
                      BoxShadow(
                        blurRadius: 4.0,
                        color: Color(0x33000000),
                        offset: Offset(
                          0.0,
                          2.0,
                        ),
                      )
                    ],
                  ),
                  child: Column(
                    children: [
                      Align(
                        alignment: Alignment(-1.0, 0),
                        child: TabBar(
                          isScrollable: true,
                          tabAlignment: TabAlignment.start,
                          labelColor: FlutterFlowTheme.of(context).primaryText,
                          unselectedLabelColor:
                              FlutterFlowTheme.of(context).secondaryText,
                          labelStyle:
                              FlutterFlowTheme.of(context).titleMedium.override(
                                    font: GoogleFonts.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: [
                                Expanded(
                                  child: FutureBuilder<ApiCallResponse>(
                                    future: HorecagelegenheidoverzichtCall.call(
                                      horcat: '17969',
                                      townid: widget!.plaats,
                                    ),
                                    builder: (context, snapshot) {
                                      // Customize what your widget looks like when it's loading.
                                      if (!snapshot.hasData) {
                                        return Center(
                                          child: SizedBox(
                                            width: 80.0,
                                            height: 80.0,
                                            child: SpinKitFadingCircle(
                                              color: Color(0xFFB1061E),
                                              size: 80.0,
                                            ),
                                          ),
                                        );
                                      }
                                      final staggeredViewHorecagelegenheidoverzichtResponse =
                                          snapshot.data!;
                                      _model.debugBackendQueries[
                                              'HorecagelegenheidoverzichtCall_statusCode_StaggeredView_ezq3lq60'] =
                                          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_ezq3lq60'] =
                                          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();
                                          _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.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: [
                                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,
                                            ),
                                          ),
                                        );
                                      }
                                      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',
                                            );
                                          }
                                          _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>(),
                                                      ),
                                                    );
                                                  }),
                                                ),
                                              );
                                            },
                                          );
                                        },
                                      );
                                    },
                                  ),
                                ),
                              ],
                            ),
                            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>(),
                                                      ),
                                                    );
                                                  }),
                                                ),
                                              );
                                            },
                                          );
                                        },
                                      );
                                    },
                                  ),
                                ),
                              ],
                            ),
                            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>(),
                                                      ),
                                                    );
                                                  }),
                                                ),
                                              );
                                            },
                                          );
                                        },
                                      );
                                    },
                                  ),
                                ),
                              ],
                            ),
                            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',
                                            );
                                          }
                                          _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>(),
                                                      ),
                                                    );
                                                  }),
                                                ),
                                              );
                                            },
                                          );
                                        },
                                      );
                                    },
                                  ),
                                ),
                              ],
                            ),
                          ],
                        ),
                      ),
                    ],
                  ),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}