import 'dart:convert';

import 'package:flutter/material.dart';
import 'package:flutter_animate/flutter_animate.dart';
import 'package:http/http.dart';
import 'package:provider/provider.dart';
import 'package:solian/models/post.dart';
import 'package:solian/providers/auth.dart';
import 'package:solian/router.dart';
import 'package:solian/utils/service_url.dart';
import 'package:flutter_gen/gen_l10n/app_localizations.dart';
import 'package:solian/widgets/account/avatar.dart';
import 'package:solian/widgets/exts.dart';
import 'package:solian/widgets/indent_wrapper.dart';
import 'package:solian/widgets/posts/attachment_editor.dart';

class CommentPostArguments {
  final Post? related;
  final Post? editing;

  CommentPostArguments({this.related, this.editing});
}

class CommentEditorScreen extends StatefulWidget {
  final Post? related;
  final Post? editing;

  const CommentEditorScreen({super.key, required this.related, this.editing});

  @override
  State<CommentEditorScreen> createState() => _CommentEditorScreenState();
}

class _CommentEditorScreenState extends State<CommentEditorScreen> {
  final _textController = TextEditingController();

  String? _alias;
  bool _isSubmitting = false;

  List<Attachment> _attachments = List.empty(growable: true);

  void viewAttachments(BuildContext context) {
    showModalBottomSheet(
      context: context,
      builder: (context) => AttachmentEditor(
        provider: 'interactive',
        current: _attachments,
        onUpdate: (value) => _attachments = value,
      ),
    );
  }

  Future<void> applyPost(BuildContext context) async {
    setState(() => _isSubmitting = true);

    final auth = context.read<AuthProvider>();
    if (!await auth.isAuthorized()) {
      setState(() => _isSubmitting = false);
      return;
    }

    final alias = widget.related?.alias ?? 'not-found';
    final relatedDataset = '${widget.related?.modelType ?? 'comment'}s';
    final uri = widget.editing == null
        ? getRequestUri('interactive', '/api/p/$relatedDataset/$alias/comments')
        : getRequestUri('interactive', '/api/p/comments/${widget.editing!.id}');

    final req = Request(widget.editing == null ? "POST" : "PUT", uri);
    req.headers['Content-Type'] = 'application/json';
    req.body = jsonEncode(<String, dynamic>{
      'alias': _alias,
      'content': _textController.value.text,
      'attachments': _attachments,
    });

    var res = await Response.fromStream(await auth.client!.send(req));
    if (res.statusCode != 200) {
      var message = utf8.decode(res.bodyBytes);
      context.showErrorDialog(message);
    } else {
      if (router.canPop()) {
        router.pop(true);
      }
    }
    setState(() => _isSubmitting = false);
  }

  void cancelEditing() {
    if (router.canPop()) {
      router.pop(false);
    }
  }

  @override
  void initState() {
    if (widget.editing != null) {
      _alias = widget.editing!.alias;
      _textController.text = widget.editing!.content;
      _attachments = widget.editing!.attachments ?? List.empty(growable: true);
    }

    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    final auth = context.read<AuthProvider>();

    final editingBanner = MaterialBanner(
      padding: const EdgeInsets.symmetric(vertical: 8, horizontal: 20),
      leading: const Icon(Icons.edit_note),
      backgroundColor: Theme.of(context).colorScheme.surfaceVariant.withOpacity(0.9),
      dividerColor: const Color.fromARGB(1, 0, 0, 0),
      content: Text(AppLocalizations.of(context)!.postEditNotify),
      actions: [
        TextButton(
          child: Text(AppLocalizations.of(context)!.cancel),
          onPressed: () => cancelEditing(),
        ),
      ],
    );

    return IndentWrapper(
      hideDrawer: true,
      title: AppLocalizations.of(context)!.newComment,
      appBarActions: <Widget>[
        TextButton(
          onPressed: !_isSubmitting ? () => applyPost(context) : null,
          child: Text(AppLocalizations.of(context)!.postVerb.toUpperCase()),
        ),
      ],
      child: Column(
        children: [
          _isSubmitting
              ? const LinearProgressIndicator().animate().scaleX()
              : Container(),
          FutureBuilder(
            future: auth.getProfiles(),
            builder: (context, snapshot) {
              if (snapshot.hasData) {
                var userinfo = snapshot.data;
                return ListTile(
                  title: Text(userinfo["nick"]),
                  subtitle: Text(
                    AppLocalizations.of(context)!.postIdentityNotify,
                  ),
                  leading: AccountAvatar(
                    source: userinfo["picture"],
                    direct: true,
                  ),
                );
              } else {
                return Container();
              }
            },
          ),
          const Divider(thickness: 0.3),
          Expanded(
            child: Container(
              padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
              child: TextField(
                maxLines: null,
                autofocus: true,
                autocorrect: true,
                keyboardType: TextInputType.multiline,
                controller: _textController,
                decoration: InputDecoration.collapsed(
                  hintText:
                      AppLocalizations.of(context)!.postContentPlaceholder,
                ),
                onTapOutside: (_) =>
                    FocusManager.instance.primaryFocus?.unfocus(),
              ),
            ),
          ),
          widget.editing != null ? editingBanner : Container(),
          Container(
            decoration: const BoxDecoration(
              border: Border(
                top: BorderSide(width: 0.3, color: Color(0xffdedede)),
              ),
            ),
            child: Row(
              children: [
                TextButton(
                  style: TextButton.styleFrom(shape: const CircleBorder()),
                  child: const Icon(Icons.camera_alt),
                  onPressed: () => viewAttachments(context),
                )
              ],
            ),
          ),
        ],
      ),
    );
  }
}