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

void main() {
  runApp(const MaterialApp(
    title: 'Navigation Basics',
    home: FirstRoute(),
  ));
}

class FirstRoute extends StatefulWidget {
  const FirstRoute({super.key});

  @override
  State<FirstRoute> createState() => _FirstRouteState();
}

class _FirstRouteState extends State<FirstRoute> {

  @override
  void initState() {
    super.initState();
    SystemChrome.setPreferredOrientations([
      DeviceOrientation.portraitUp,
      DeviceOrientation.portraitDown,
    ]);
  }

  @override
  Widget build(BuildContext context) {
    print('${DateTime.now().millisecondsSinceEpoch}: Building first route');
    var widget = Scaffold(
        appBar: AppBar(
          title: const Text('First Route'),
        ),
        body: Center(
            child: ElevatedButton(
              child: const Text('Open route'),
              onPressed: () {
                _navigateToSecondPage(context);
                // _navigateToSecondPageAsync(context);
              }
            )
        )
    );
    print('${DateTime.now().millisecondsSinceEpoch}: Done building first route');
    return widget;
  }

  _navigateToSecondPage(BuildContext context) {
    print('${DateTime.now().millisecondsSinceEpoch}: Pushing second route');
    // Navigator.push returns a Future that completes after calling
    // Navigator.pop on the Selection Screen.
    // See: https://docs.flutter.dev/cookbook/navigation/returning-data#2-add-a-button-that-launches-the-selection-screen
    Navigator.push(
      context,
      // Create the SelectionScreen in the next step.
      MaterialPageRoute(builder: (context) => const SecondRoute()),
    );
    print('${DateTime.now().millisecondsSinceEpoch}: Done pushing second route');
  }

  Future<void> _navigateToSecondPageAsync(BuildContext context) async {
    print('${DateTime.now().millisecondsSinceEpoch}: Pushing second route async');
    // Navigator.push returns a Future that completes after calling
    // Navigator.pop on the Selection Screen.
    // See: https://docs.flutter.dev/cookbook/navigation/returning-data#2-add-a-button-that-launches-the-selection-screen
    await Navigator.push(
      context,
      // Create the SelectionScreen in the next step.
      MaterialPageRoute(builder: (context) => const SecondRoute()),
    );
    print('${DateTime.now().millisecondsSinceEpoch}: Done pushing second route async');
  }
}

class SecondRoute extends StatefulWidget {
  const SecondRoute({super.key});

  @override
  State<SecondRoute> createState() => _SecondRouteState();
}

class _SecondRouteState extends State<SecondRoute> {

  var _orientation = 0;

  @override
  void initState() {
    super.initState();
    print('${DateTime.now().millisecondsSinceEpoch}: Setting landscape orientation');
    SystemChrome.setPreferredOrientations([
      DeviceOrientation.landscapeLeft,
      DeviceOrientation.landscapeRight,
    ]);
    print('${DateTime.now().millisecondsSinceEpoch}: Done setting landscape orientation');
  }

  @override
  void dispose() {
    super.dispose();
    print('${DateTime.now().millisecondsSinceEpoch}: Setting portrait orientation');
    SystemChrome.setPreferredOrientations([
      DeviceOrientation.portraitUp,
      DeviceOrientation.portraitDown,
    ]);
    print('${DateTime.now().millisecondsSinceEpoch}: Done setting portrait orientation');
  }

  @override
  Widget build(BuildContext context) {
    _toggleOrientation();
    print('${DateTime.now().millisecondsSinceEpoch}: Building second route');
    var widget = Scaffold(
        appBar: AppBar(
          title: const Text('Second Route'),
        ),
        body: Container(
          margin: const EdgeInsets.all(16.0),
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            crossAxisAlignment: CrossAxisAlignment.stretch,
            children: [
              ElevatedButton(
                child: const Text('Go back!'),
                onPressed: () {
                  print('${DateTime.now().millisecondsSinceEpoch}: Popping second route');
                  Navigator.pop(context);
                  print('${DateTime.now().millisecondsSinceEpoch}: Done popping second route');
                }
              ),
              ElevatedButton(
                child: const Text('Just rotate!'),
                onPressed: () {
                  setState(() {
                    if (_orientation == 0) {
                      _orientation = 1;
                    } else {
                      _orientation = 0;
                    }
                  });
                }
              )
            ]
          )
        )
    );
    print('${DateTime.now().millisecondsSinceEpoch}: Done building second route');
    return widget;
  }

  _toggleOrientation() {
    print('${DateTime.now().millisecondsSinceEpoch}: Togging orientation ${_orientation == 1 ? "portrait" : "landscape"}');
    if (_orientation == 1) {
      SystemChrome.setPreferredOrientations([
        DeviceOrientation.portraitUp,
        DeviceOrientation.portraitDown,
      ]);
    } else {
      SystemChrome.setPreferredOrientations([
        DeviceOrientation.landscapeRight,
        DeviceOrientation.landscapeLeft,
      ]);
    }
    print('${DateTime.now().millisecondsSinceEpoch}: Done toggling orientation');
  }
}