import 'dart:io';

import 'package:app_flowy/startup/startup.dart';
import 'package:app_flowy/workspace/application/doc/doc_edit_bloc.dart';
import 'package:app_flowy/workspace/domain/i_doc.dart';
import 'package:flowy_editor/flowy_editor.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';

// ignore: must_be_immutable
class DocPage extends StatelessWidget {
  final FocusNode _focusNode = FocusNode();
  late EditorController controller;
  final FlowyDoc doc;

  DocPage({Key? key, required this.doc}) : super(key: key) {
    // getIt<EditorChangesetSender>(param1: doc.id))

    controller = EditorController(
        document: doc.data,
        selection: const TextSelection.collapsed(offset: 0),
        persistence: getIt<EditorPersistence>(param1: doc.id));
  }

  @override
  Widget build(BuildContext context) {
    return BlocProvider(
      create: (context) => getIt<DocEditBloc>(param1: doc.id),
      child: BlocBuilder<DocEditBloc, DocEditState>(
        builder: (ctx, state) {
          return Column(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              _renderEditor(controller),
              _renderToolbar(controller),
            ],
          );
        },
      ),
    );
  }

  Widget _renderEditor(EditorController controller) {
    final editor = FlowyEditor(
      controller: controller,
      focusNode: _focusNode,
      scrollable: true,
      autoFocus: false,
      expands: false,
      padding: const EdgeInsets.symmetric(horizontal: 8.0),
      readOnly: false,
      scrollBottomInset: 0,
      scrollController: ScrollController(),
    );
    return Expanded(
      child: Padding(padding: const EdgeInsets.all(10), child: editor),
    );
  }

  Widget _renderToolbar(EditorController controller) {
    return FlowyToolbar.basic(
      controller: controller,
      onImageSelectCallback: _onImageSelection,
    );
  }

  Future<String> _onImageSelection(File file) {
    throw UnimplementedError();
  }
}