import 'package:flutter/material.dart';
import 'package:flutter_redux/flutter_redux.dart';
import 'package:invoiceninja_flutter/ui/app/app_scaffold.dart';
import 'package:invoiceninja_flutter/redux/dashboard/dashboard_actions.dart';
import 'package:invoiceninja_flutter/ui/app/list_filter.dart';
import 'package:invoiceninja_flutter/ui/app/list_filter_button.dart';
import 'package:invoiceninja_flutter/utils/localization.dart';
import 'package:invoiceninja_flutter/redux/app/app_state.dart';
import 'package:invoiceninja_flutter/data/models/models.dart';
import 'package:invoiceninja_flutter/ui/stub/stub_list_vm.dart';
import 'package:invoiceninja_flutter/redux/stub/stub_actions.dart';
import 'package:invoiceninja_flutter/ui/app/app_drawer_vm.dart';
import 'package:invoiceninja_flutter/ui/app/app_bottom_bar.dart';

class StubScreen extends StatelessWidget {
  static const String route = '/stub';

  @override
  Widget build(BuildContext context) {
    final store = StoreProvider.of<AppState>(context);
    final state = store.state;
    final company = state.selectedCompany;
    final user = company.user;
    final localization = AppLocalization.of(context);

    return AppScaffold(
                     appBarTitle: ListFilter(
                       key: ValueKey(state.stubListState.filterClearedAt),
                       entityType: EntityType.stub,
                       onFilterChanged: (value) {
                         store.dispatch(FilterStubs(value));
                       },
                     ),
                     appBarActions: [
                       ListFilterButton(
                         entityType: EntityType.stub,
                         onFilterPressed: (String value) {
                           store.dispatch(FilterStubs(value));
                         },
                       ),
                     ],
                   body: StubListBuilder(),
                   bottomNavigationBar: AppBottomBar(
                     entityType: EntityType.stub,
                     onSelectedSortField: (value) => store.dispatch(SortStubs(value)),
                     customValues1: company.getCustomFieldValues(CustomFieldType.stub1,
                         excludeBlank: true),
                     customValues2: company.getCustomFieldValues(CustomFieldType.stub2,
                         excludeBlank: true),
                     onSelectedCustom1: (value) =>
                         store.dispatch(FilterStubsByCustom1(value)),
                     onSelectedCustom2: (value) =>
                         store.dispatch(FilterStubsByCustom2(value)),
                     sortFields: [
                       StubFields.updatedAt,
                     ],
                     onSelectedState: (EntityState state, value) {
                       store.dispatch(FilterStubsByState(state));
                     },
                   ),
                   floatingActionButton: user.canCreate(EntityType.stub)
                       ? FloatingActionButton(
                           heroTag: 'stub_fab',
                           backgroundColor: Theme.of(context).primaryColorDark,
                           onPressed: () {
                             store.dispatch(
                                 EditStub(stub: StubEntity(), context: context));
                           },
                           child: Icon(
                             Icons.add,
                             color: Colors.white,
                           ),
                           tooltip: localization.newStub,
                         )
                       : null,
                 );
  }
}