import 'package:flutter/material.dart';
import 'package:flutter_redux/flutter_redux.dart';
import 'package:invoiceninja_flutter/data/models/entities.dart';
import 'package:invoiceninja_flutter/redux/app/app_actions.dart';
import 'package:invoiceninja_flutter/redux/app/app_state.dart';
import 'package:invoiceninja_flutter/redux/ui/ui_actions.dart';
import 'package:invoiceninja_flutter/ui/app/actions_menu_button.dart';
import 'package:invoiceninja_flutter/utils/icons.dart';
import 'package:invoiceninja_flutter/utils/platforms.dart';
import 'buttons/edit_icon_button.dart';
import 'entities/entity_state_title.dart';

class ViewScaffold extends StatelessWidget {
  const ViewScaffold({
    @required this.body,
    @required this.entity,
    this.title,
    this.floatingActionButton,
    this.appBarBottom,
    this.isFilter = false,
    this.onBackPressed,
  });

  final bool isFilter;
  final BaseEntity entity;
  final String title;
  final Widget body;
  final Function onBackPressed;
  final Widget floatingActionButton;
  final Widget appBarBottom;

  @override
  Widget build(BuildContext context) {
    final store = StoreProvider.of<AppState>(context);
    final state = store.state;
    final userCompany = state.userCompany;
    final isSettings = entity.entityType.isSetting;

    Widget leading;
    if (!isMobile(context)) {
      if (isFilter && entity.entityType == state.uiState.filterEntityType) {
        leading = IconButton(
          icon: Icon(Icons.clear),
          onPressed: () => store.dispatch(ClearEntityFilter()),
        );
      } else if (isSettings) {
        leading = IconButton(
          icon: Icon(Icons.arrow_back),
          onPressed: () => onBackPressed != null
              ? onBackPressed()
              : store.dispatch(UpdateCurrentRoute(state.uiState.previousRoute)),
        );
      } else if (isNotMobile(context)) {
        leading = Icon(getEntityIcon(entity.entityType));
      }
    }

    return WillPopScope(
      onWillPop: () async {
        return true;
      },
      child: Scaffold(
        backgroundColor: Theme.of(context).cardColor,
        appBar: AppBar(
          leading: leading,
          automaticallyImplyLeading: isMobile(context) || isSettings,
          title: EntityStateTitle(
            entity: entity,
            title: title,
            showStatus: false,
          ),
          bottom: appBarBottom,
          actions: entity.isNew
              ? []
              : [
                  userCompany.canEditEntity(entity)
                      ? Builder(builder: (context) {
                          return EditIconButton(
                            isVisible: !(entity.isDeleted ?? false),
                            onPressed: () =>
                                editEntity(context: context, entity: entity),
                          );
                        })
                      : Container(),
                  ActionMenuButton(
                    isSaving: state.isSaving && isMobile(context),
                    entity: entity,
                    onSelected: (context, action) =>
                        handleEntityAction(context, entity, action),
                    entityActions: entity.getActions(
                      userCompany: userCompany,
                      client: entity is BelongsToClient
                          ? state.clientState
                              .map[(entity as BelongsToClient).clientId]
                          : null,
                    ),
                  ),
                ],
        ),
        body: body,
      ),
    );
  }
}