import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

/// Flutter code sample for [showCupertinoSheet].

void main() {
  runApp(const CupertinoSheetApp());
}

class CupertinoSheetApp extends StatelessWidget {
  const CupertinoSheetApp({super.key});

  @override
  Widget build(BuildContext context) {
    return const CupertinoApp(title: 'Cupertino Sheet', home: HomePage());
  }
}

class HomePage extends StatelessWidget {
  const HomePage({super.key});

  @override
  Widget build(BuildContext context) {
    return CupertinoPageScaffold(
      navigationBar: const CupertinoNavigationBar(
        middle: Text('Sheet Example'),
        automaticBackgroundVisibility: false,
      ),
      child: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            CupertinoButton.filled(
              onPressed: () {
                showCupertinoSheet<void>(
                  context: context,
                  useNestedNavigation: true,
                  pageBuilder: (BuildContext context) => const _SheetScaffold(),
                );
              },
              child: const Text('Open Sheet'),
            ),
            const SizedBox(height: 20),
            CupertinoButton.filled(
              onPressed: () {
                showCupertinoSheet<void>(
                  context: context,
                  useNestedNavigation: true,
                  pageBuilder:
                      (BuildContext context) => const _CupertinoStyleSheet(),
                );
              },
              child: const Text('Open Cupertino Style Sheet'),
            ),
          ],
        ),
      ),
    );
  }
}

class _SheetScaffold extends StatelessWidget {
  const _SheetScaffold();

  @override
  Widget build(BuildContext context) {
    return const CupertinoPageScaffold(
      child: _SheetBody(title: 'CupertinoSheetRoute'),
    );
  }
}

class _SheetBody extends StatelessWidget {
  const _SheetBody({required this.title});

  final String title;

  @override
  Widget build(BuildContext context) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.start,
      crossAxisAlignment: CrossAxisAlignment.start,
      children: <Widget>[
        CupertinoButton.filled(
          onPressed: () {
            CupertinoSheetRoute.popSheet(context);
          },
          child: const Text('Pop Whole Sheet1(Can not click)'),
        ),
        CupertinoButton.filled(
          onPressed: () {
            CupertinoSheetRoute.popSheet(context);
          },
          child: const Text('Pop Whole Sheet2(Can click)'),
        ),
        CupertinoButton.filled(
          onPressed: () {
            CupertinoSheetRoute.popSheet(context);
          },
          child: const Text('Pop Whole Sheet3(Can click)'),
        ),
      ],
    );
  }
}

class _CupertinoStyleSheet extends StatelessWidget {
  const _CupertinoStyleSheet();

  @override
  Widget build(BuildContext context) {
    return CupertinoPageScaffold(
      child: Material(child: _CupertinoSheetContent()),
    );
  }
}

class _CupertinoSheetContent extends StatefulWidget {
  @override
  State<_CupertinoSheetContent> createState() => _CupertinoSheetContentState();
}

class _CupertinoSheetContentState extends State<_CupertinoSheetContent> {
  final _textController = TextEditingController();
  bool _isLoading = false;

  @override
  void dispose() {
    _textController.dispose();
    super.dispose();
  }

  void _save() {
    setState(() {
      _isLoading = true;
    });
    Future.delayed(const Duration(seconds: 1), () {
      if (mounted) {
        setState(() {
          _isLoading = false;
        });
        CupertinoSheetRoute.popSheet(context);
      }
    });
  }

  @override
  Widget build(BuildContext context) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Padding(
          padding: const EdgeInsets.symmetric(horizontal: 16.0, vertical: 8.0),
          child: Column(
            children: [
              Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: [
                  CupertinoButton(
                    padding: EdgeInsets.zero,
                    onPressed: () {
                      CupertinoSheetRoute.popSheet(context);
                    },
                    child: const Text(
                      'Cancel (x)',
                      style: TextStyle(
                        fontSize: 17,
                        fontWeight: FontWeight.w400,
                      ),
                    ),
                  ),
                  CupertinoButton(
                    padding: EdgeInsets.zero,
                    onPressed: _isLoading ? null : _save,
                    child:
                        _isLoading
                            ? const CupertinoActivityIndicator()
                            : const Text(
                              'Save(x)',
                              style: TextStyle(
                                fontSize: 17,
                                fontWeight: FontWeight.w600,
                                color: CupertinoColors.activeBlue,
                              ),
                            ),
                  ),
                ],
              ),
              Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: [
                  CupertinoButton(
                    padding: EdgeInsets.zero,
                    onPressed: () {
                      CupertinoSheetRoute.popSheet(context);
                    },
                    child: const Text(
                      'Cancel (v)',
                      style: TextStyle(
                        fontSize: 17,
                        fontWeight: FontWeight.w400,
                      ),
                    ),
                  ),
                  CupertinoButton(
                    padding: EdgeInsets.zero,
                    onPressed: _isLoading ? null : _save,
                    child:
                        _isLoading
                            ? const CupertinoActivityIndicator()
                            : const Text(
                              'Save(v)',
                              style: TextStyle(
                                fontSize: 17,
                                fontWeight: FontWeight.w600,
                                color: CupertinoColors.activeBlue,
                              ),
                            ),
                  ),
                ],
              ),
            ],
          ),
        ),
        const Padding(
          padding: EdgeInsets.fromLTRB(16, 0, 16, 8),
          child: Text(
            'New Note',
            style: TextStyle(fontSize: 30, fontWeight: FontWeight.bold),
          ),
        ),

        const Divider(height: 1),

        Expanded(
          child: CupertinoTextField(
            controller: _textController,
            placeholder: 'Type something...',
            style: const TextStyle(fontSize: 17),
            maxLines: null,
            keyboardType: TextInputType.multiline,
          ),
        ),
      ],
    );
  }
}