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

void main() => 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> {
  var navIndex = 1;

  final List<Widget> _pages = <Widget>[
    const HomePage(),
    const LibraryPage(
      key: PageStorageKey('LibraryPage'),
    ),
    const SettingsPage(
      key: PageStorageKey('SettingsPage'),
    ),
  ];

  @override
  void didChangeDependencies() {
    final MusicDataStore _musicStore = Provider.of<MusicDataStore>(context);
    _musicStore.init();

    final AudioStore _audioStore = Provider.of<AudioStore>(context);
    _audioStore.init();

    super.didChangeDependencies();
  }

  @override
  void dispose() {
    final AudioStore _audioStore = Provider.of<AudioStore>(context);
    _audioStore.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    print('RootPage.build');
    return Scaffold(
      body: IndexedStack(
        index: navIndex,
        children: _pages,
      ),
      bottomNavigationBar: NavBar(
        onTap: (int index) {
          setState(() {
            navIndex = index;
          });
        },
        currentIndex: navIndex,
      ),
    );
  }
}