import "package:flutter/material.dart";
import "package:flutter_tabler_icons/flutter_tabler_icons.dart";
import "package:inventree/inventree/model.dart";
import "package:inventree/widget/refreshable_state.dart";
import "package:flutter_markdown/flutter_markdown.dart";
import "package:inventree/l10.dart";

/*
 * A widget for displaying the notes associated with a given model.
 * We need to pass in the following parameters:
 * 
 * - Model instance
 * - Title for the app bar
 */
class NotesWidget extends StatefulWidget {
  const NotesWidget(this.model, {Key? key}) : super(key: key);

  final InvenTreeModel model;

  @override
  _NotesState createState() => _NotesState();
}

/*
 * Class representing the state of the NotesWidget
 */
class _NotesState extends RefreshableState<NotesWidget> {
  _NotesState();

  @override
  Future<void> request(BuildContext context) async {
    await widget.model.reload();
  }

  @override
  String getAppBarTitle() => L10().editNotes;

  @override
  List<Widget> appBarActions(BuildContext context) {
    List<Widget> actions = [];

    if (widget.model.canEdit) {
      actions.add(IconButton(
          icon: Icon(TablerIcons.edit),
          tooltip: L10().edit,
          onPressed: () {
            widget.model.editForm(context, L10().editNotes, fields: {
              "notes": {
                "multiline": true,
              }
            }, onSuccess: (data) async {
              refresh(context);
            });
          }));
    }

    return actions;
  }

  @override
  Widget getBody(BuildContext context) {
    return Markdown(
      selectable: false,
      data: widget.model.notes,
    );
  }
}