import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_mobx/flutter_mobx.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/audio_store.dart';
import 'presentation/state/navigation_store.dart';
import 'presentation/theming.dart';
import 'presentation/widgets/audio_service_widget.dart';
import 'presentation/widgets/injection_widget.dart';
import 'presentation/widgets/navbar.dart';

Future<void> main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await setupGetIt();
  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: AudioServiceWidget(
        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() {
    final AudioStore _audioStore = Provider.of<AudioStore>(context);
    _audioStore.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,
        ),
      ),
    );
  }
}