import 'package:flutter/material.dart';
import 'package:flutter_redux/flutter_redux.dart';
import 'package:redux/redux.dart';
import 'package:redux_logging/redux_logging.dart';
import 'package:invoiceninja/routes.dart';
import 'package:invoiceninja/ui/auth/login.dart';
import 'package:invoiceninja/ui/dashboard/dashboard.dart';
import 'package:invoiceninja/ui/client/clients.dart';
import 'package:invoiceninja/ui/product/products.dart';
import 'package:invoiceninja/redux/app/app_reducer.dart';
import 'package:invoiceninja/redux/app/app_state.dart';
import 'package:invoiceninja/redux/auth/auth_middleware.dart';
import 'package:invoiceninja/redux/dashboard/dashboard_actions.dart';
import 'package:invoiceninja/redux/dashboard/dashboard_middleware.dart';
import 'package:invoiceninja/redux/product/product_actions.dart';
import 'package:invoiceninja/redux/product/product_middleware.dart';


void main() {

  // Create your store as a final variable in a base Widget. This works better
  // with Hot Reload than creating it directly in the `build` function.
  final store = new Store<AppState>(null);

  runApp(new InvoiceNinjaApp());
}

class InvoiceNinjaApp extends StatelessWidget {

  final store = Store<AppState>(
    appReducer,
    initialState: AppState.loading(),
      middleware: []
        ..addAll(createStoreAuthMiddleware())
        ..addAll(createStoreDashboardMiddleware())
        ..addAll(createStoreProductsMiddleware())
        ..addAll([
          LoggingMiddleware.printer(),
        ])
  );

  @override
  Widget build(BuildContext context) {
    // The StoreProvider should wrap your MaterialApp or WidgetsApp. This will
    // ensure all routes have access to the store.
    return new StoreProvider<AppState>(
      // Pass the store to the StoreProvider. Any ancestor `StoreConnector`
      // Widgets will find and use this value as the `Store`.
      store: store,
      child: new MaterialApp(
        theme: ThemeData(
            brightness: Brightness.dark,
            accentColor: Colors.lightBlueAccent,
        ),
        title: 'Invoice Ninja',
        routes: {
          AppRoutes.login: (context) {
            return StoreBuilder<AppState>(
              builder: (context, store) {
                return LoginScreen();
              },
            );
          },
          AppRoutes.dashboard: (context) {
            return StoreBuilder<AppState>(
              onInit: (store) => store.dispatch(LoadDashboardAction()),
              builder: (context, store) {
                return Dashboard();
              },
            );
          },
          AppRoutes.clients: (context) {
            return StoreBuilder<AppState>(
              builder: (context, store) {
                return ClientList();
              },
            );
          },
          AppRoutes.products: (context) {
            return StoreBuilder<AppState>(
              onInit: (store) => store.dispatch(LoadProductsAction()),
              builder: (context, store) {
                return ProductScreen();
              },
            );
          },
        },
      ),
    );
  }
}