import '/components/header_buttons_component_widget.dart';
import '/flutter_flow/flutter_flow_ad_banner.dart';
import '/flutter_flow/flutter_flow_theme.dart';
import '/flutter_flow/flutter_flow_util.dart';
import '/flutter_flow/flutter_flow_widgets.dart';
import '/shared/drawer_component/drawer_component_widget.dart';
import '/uitgaanspaginas/p_uitgaan_slider_component/p_uitgaan_slider_component_widget.dart';
import '/uitgaanspaginas/p_uitgaantabel_kaart_component/p_uitgaantabel_kaart_component_widget.dart';
import 'dart:ui';
import 'package:flutter/material.dart';
import 'package:flutter_spinkit/flutter_spinkit.dart';
import 'package:google_fonts/google_fonts.dart';
import 'package:provider/provider.dart';
import 'p_uitgaan_page_model.dart';
export 'p_uitgaan_page_model.dart';

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

  final String? plaats;
  final String? services;

  static String routeName = 'PUitgaanPage';
  static String routePath = '/pUitgaanPage';

  @override
  State<PUitgaanPageWidget> createState() => _PUitgaanPageWidgetState();
}

class _PUitgaanPageWidgetState extends State<PUitgaanPageWidget>
    with RouteAware {
  late PUitgaanPageModel _model;

  final scaffoldKey = GlobalKey<ScaffoldState>();

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

  @override
  void dispose() {
    routeObserver.unsubscribe(this);

    _model.dispose();

    super.dispose();
  }

  @override
  void didUpdateWidget(PUitgaanPageWidget 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);

    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(50.0),
          child: AppBar(
            backgroundColor: Color(0xFF3E454C),
            iconTheme:
                IconThemeData(color: FlutterFlowTheme.of(context).secondary),
            automaticallyImplyLeading: false,
            actions: [],
            flexibleSpace: FlexibleSpaceBar(
              title: Align(
                alignment: AlignmentDirectional(0.0, 0.0),
                child: wrapWithModel(
                  model: _model.headerButtonsComponentModel,
                  updateCallback: () => safeSetState(() {}),
                  child: Builder(builder: (_) {
                    return DebugFlutterFlowModelContext(
                      rootModel: _model.rootModel,
                      child: HeaderButtonsComponentWidget(),
                    );
                  }),
                ),
              ),
              background: Container(),
              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: SingleChildScrollView(
          child: Column(
            mainAxisSize: MainAxisSize.max,
            children: [
              wrapWithModel(
                model: _model.pUitgaanSliderComponentModel,
                updateCallback: () => safeSetState(() {}),
                child: Builder(builder: (_) {
                  return DebugFlutterFlowModelContext(
                    rootModel: _model.rootModel,
                    child: PUitgaanSliderComponentWidget(
                      townid: widget!.plaats,
                      displayid: widget!.services,
                    ),
                  );
                }),
              ),
              Padding(
                padding: EdgeInsetsDirectional.fromSTEB(0.0, 15.0, 0.0, 0.0),
                child: FlutterFlowAdBanner(
                  showsTestAd: true,
                  iOSAdUnitID: 'ca-app-pub-2431417692812232/5511582981',
                  androidAdUnitID: 'ca-app-pub-2431417692812232/6657143691',
                ),
              ),
              Padding(
                padding: EdgeInsets.all(10.0),
                child: Container(
                  decoration: BoxDecoration(),
                  child: wrapWithModel(
                    model: _model.pUitgaantabelKaartComponentModel,
                    updateCallback: () => safeSetState(() {}),
                    child: Builder(builder: (_) {
                      return DebugFlutterFlowModelContext(
                        rootModel: _model.rootModel,
                        child: PUitgaantabelKaartComponentWidget(
                          towndid: widget!.plaats!,
                          displayid: widget!.services!,
                        ),
                      );
                    }),
                  ),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}