import 'dart:io';

import 'package:device_info_plus/device_info_plus.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:image_puzzle/app_lifecycle/app_lifecycle.dart';
import 'package:image_puzzle/play/board_play.dart';
import 'package:logging/logging.dart';
import 'dart:developer' as dev;

import 'package:path_provider/path_provider.dart';
import 'package:provider/provider.dart';

import 'config/config.dart';
import 'config/device.dart';

Logger _log = Logger('main.dart');

final RouteObserver<PageRoute> routeObserver = RouteObserver<PageRoute>();

void main() async {
  // Subscribe to log messages.
  Logger.root.onRecord.listen((record) {
    dev.log(
      record.message,
      time: record.time,
      level: record.level.value,
      name: record.loggerName,
      zone: record.zone,
      error: record.error,
      stackTrace: record.stackTrace,
    );
  });

  WidgetsFlutterBinding.ensureInitialized();

  // 强制竖屏
  SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp, DeviceOrientation.portraitDown]);

  // 进入全屏沉浸式， 隐藏底部导航以及状态栏
  if (Platform.isAndroid) {
    SystemChrome.setEnabledSystemUIMode(SystemUiMode.immersiveSticky);
  }

  SystemChrome.setSystemUIOverlayStyle(
    const SystemUiOverlayStyle(
      statusBarColor: Colors.transparent, // <-- SEE HERE
      statusBarIconBrightness: Brightness.dark, //<-- For Android SEE HERE (dark icons)
      statusBarBrightness: Brightness.light, //<-- For iOS SEE HERE (dark icons)
    ),
  );

  Directory baseDir = await getApplicationDocumentsDirectory();

  runApp(MyApp(baseDir: baseDir));
}

class MyApp extends StatelessWidget {
  final Directory baseDir;
  const MyApp({super.key, required this.baseDir});

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    Config config = Config(context, baseDir);
    return AppLifecycleObserver(
      child: MultiProvider(
        providers: [
          Provider<Config>(lazy: false, create: (context) => config),
          Provider<Device>(lazy: false, create: (context) => config.device),
        ],
        child: Prepare(
          child: MaterialApp(
            key: GlobalKey(),
            title: 'Image Puzzle',
            initialRoute: '/play',
            navigatorObservers: [routeObserver],
            routes: {
              '/': (context) => const MyHomePage(title: "Image Puzzle"),
              '/play': (context) => BoardPlay(cols: 4, rows: 4),
            },
            theme: ThemeData(brightness: Brightness.light, primaryColor: Colors.green, primarySwatch: Colors.blue),
          ),
        ),
      ),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});

  // This widget is the home page of your application. It is stateful, meaning
  // that it has a State object (defined below) that contains fields that affect
  // how it looks.

  // This class is the configuration for the state. It holds the values (in this
  // case the title) provided by the parent (in this case the App widget) and
  // used by the build method of the State. Fields in a Widget subclass are
  // always marked "final".

  final String title;

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;

  void _incrementCounter() {
    setState(() {
      // This call to setState tells the Flutter framework that something has
      // changed in this State, which causes it to rerun the build method below
      // so that the display can reflect the updated values. If we changed
      // _counter without calling setState(), then the build method would not be
      // called again, and so nothing would appear to happen.
      _counter++;
    });
  }

  @override
  Widget build(BuildContext context) {
    // This method is rerun every time setState is called, for instance as done
    // by the _incrementCounter method above.
    //
    // The Flutter framework has been optimized to make rerunning build methods
    // fast, so that you can just rebuild anything that needs updating rather
    // than having to individually change instances of widgets.
    return Scaffold(
      appBar: AppBar(
        // TRY THIS: Try changing the color here to a specific color (to
        // Colors.amber, perhaps?) and trigger a hot reload to see the AppBar
        // change color while the other colors stay the same.
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        // Here we take the value from the MyHomePage object that was created by
        // the App.build method, and use it to set our appbar title.
        title: Text(widget.title),
      ),
      body: Center(
        // Center is a layout widget. It takes a single child and positions it
        // in the middle of the parent.
        child: Column(
          // Column is also a layout widget. It takes a list of children and
          // arranges them vertically. By default, it sizes itself to fit its
          // children horizontally, and tries to be as tall as its parent.
          //
          // Column has various properties to control how it sizes itself and
          // how it positions its children. Here we use mainAxisAlignment to
          // center the children vertically; the main axis here is the vertical
          // axis because Columns are vertical (the cross axis would be
          // horizontal).
          //
          // TRY THIS: Invoke "debug painting" (choose the "Toggle Debug Paint"
          // action in the IDE, or press "p" in the console), to see the
          // wireframe for each widget.
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            const Text('You have pushed the button this many times:'),
            Text('$_counter', style: Theme.of(context).textTheme.headlineMedium),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: const Icon(Icons.add),
      ), // This trailing comma makes auto-formatting nicer for build methods.
    );
  }
}

class Prepare extends StatefulWidget {
  final Widget child;
  const Prepare({super.key, required this.child});

  @override
  State<Prepare> createState() => _PrepareState();
}

class _PrepareState extends State<Prepare> {
  @override
  void initState() {
    super.initState();
    loadDeviceInfo();
  }

  /// 获取android平台信息，用户判断是否低端机
  loadDeviceInfo() async {
    DeviceInfoPlugin deviceInfoPlugin = DeviceInfoPlugin();
    if (Platform.isAndroid) {
      try {
        context.read<Device>().androidDeviceInfo = await deviceInfoPlugin.androidInfo;
      } catch (e) {}
    }
  }

  @override
  Widget build(BuildContext context) {
    //Update ad banner size
    // AdSize.getCurrentOrientationAnchoredAdaptiveBannerAdSize(
    //   MediaQuery.of(context).size.width.truncate(),
    // ).then((value) {
    //   if (value != null) {
    //     context.read<Device>().bannerHeight = value.height.toDouble();
    //   }
    // }).catchError((err) {
    //   //todo
    // });
    context.read<Device>().bannerHeight = 50;
    return widget.child;
  }
}