import 'package:audio_session/audio_session.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_mobx/flutter_mobx.dart';
import 'package:logging/logging.dart';
import 'package:provider/provider.dart';

import 'injection_container.dart';
import 'presentation/pages/currently_playing.dart';
import 'presentation/pages/home_page.dart';
import 'presentation/pages/library_page.dart';
import 'presentation/pages/settings_page.dart';
import 'presentation/state/navigation_store.dart';
import 'presentation/theming.dart';
import 'presentation/widgets/injection_widget.dart';
import 'presentation/widgets/navbar.dart';

Future<void> main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await setupGetIt();

  final session = await AudioSession.instance;
  await session.configure(const AudioSessionConfiguration.music());

  Logger.root.onRecord.listen((record) {
    print(
        '${record.time} [${record.level.name}] ${record.loggerName}: ${record.message}');
  });

  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    SystemChrome.setPreferredOrientations([
      DeviceOrientation.portraitUp,
    ]);

    return InjectionWidget(
      child: MaterialApp(
        title: 'mucke',
        theme: theme(),
        initialRoute: '/',
        routes: {
          '/': (context) => const RootPage(),
          '/playing': (context) => const CurrentlyPlayingPage(),
        },
      ),
    );
  }
}

class RootPage extends StatefulWidget {
  const RootPage({Key key}) : super(key: key);

  @override
  _RootPageState createState() => _RootPageState();
}

class _RootPageState extends State<RootPage> {
  final List<Widget> _pages = <Widget>[
    const HomePage(),
    const LibraryPage(
      key: PageStorageKey('LibraryPage'),
    ),
    const SettingsPage(
      key: PageStorageKey('SettingsPage'),
    ),
  ];

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

  @override
  Widget build(BuildContext context) {
    final NavigationStore navStore = Provider.of<NavigationStore>(context);

    print('RootPage.build');
    return Observer(
      builder: (BuildContext context) => Scaffold(
        body: IndexedStack(
          index: navStore.navIndex,
          children: _pages,
        ),
        bottomNavigationBar: NavBar(
          onTap: (int index) => navStore.setNavIndex(index),
          currentIndex: navStore.navIndex,
        ),
      ),
    );
  }
}