import 'package:expandable/expandable.dart';
import 'package:flutter/material.dart';
import 'package:isar/isar.dart';
import 'package:stadtbote/content_views/utils/content_view_widget.dart';
import 'package:stadtbote/content_views/utils/header_info.dart';
import 'package:intl/intl.dart';
import 'package:badges/badges.dart' as badges;
import 'package:stadtbote/protocoll_messages/accept_job_message.dart';
import 'package:stadtbote/protocoll_messages/fin_task_message.dart';
import 'package:stadtbote/tools/message_service.dart';
import 'package:stadtbote/tools/messages/job_deleted_message.dart';
import 'package:stadtbote/tools/mqtt_core.dart';

import '../main.dart';
import '../model/job.dart';
import '../tools/constants.dart';
import '../tools/util.dart';

class AssignedJobsPage extends ContentViewWidget {
  const AssignedJobsPage({super.key});

  @override
  State<AssignedJobsPage> createState() => _AssignedJobsPageState();

  @override
  Future<HeaderInfo> getHeaderInfo(BuildContext context) async {
    return HeaderInfo(
        titleWidget: const Text(
          'Zugewiesene Aufträge',
          style: TextStyle(
            color: Colors.white,
            fontSize: 20.0,
          ),
        ),
        rightButtonEnabled: false,
        rightButtonVisible: false,
        rightButtonImage: null,
        rightButtonOnPressed: () async {
          //BroadcastReceiver().publish<ContentViewWidget>(Constants.messageTopicPushContentView, arguments: EmployeeEditProfileWidget());
        });
  }
}

class _AssignedJobsPageState extends State<AssignedJobsPage> {
  late bool _initCompleted = false;

  List<Widget> _entries = [];

  @override
  void initState() {
    Future.delayed(const Duration(seconds: 0), () async {
      _entries = await _createListEntries();

      _initMessages();

      _initCompleted = true;

      setState(() {});
    });

    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    if (!_initCompleted) {
      return Util.getWaitWidget(context);
    }

    return Container(
      height: 100,
      decoration: BoxDecoration(
        borderRadius: BorderRadius.circular(10),
        color: Colors.white,
        border: Border.all(
          color: Colors.grey,
          width: 0.5,
        ),
      ),
      child: SingleChildScrollView(child: Column(children: _entries)),
    );
  }

  Future<List<Widget>> _createListEntries() async {
    List<Widget> entries = [];

    var jobs = await MyApp.isarInstance.jobs.filter().stateEqualTo(Constants.stateAssigned).findAll();
    for (var job in jobs) {
      String remarkString = '';
      for (var remark in job.rem) {
        remarkString += '$remark\n';
      }
      remarkString = remarkString.trim();

      entries.add(ExpandableNotifier(
        child: ListTile(
          contentPadding: const EdgeInsets.symmetric(horizontal: 8, vertical: 8),
          title: Container(
            decoration: BoxDecoration(
              borderRadius: BorderRadius.circular(10),
              border: Border.all(
                color: Constants.colorPrimary,
                width: 1,
              ),
            ),
            child: badges.Badge(
              position: badges.BadgePosition.topEnd(top: -13, end: -5),
              showBadge: true,
              badgeContent: const Text(
                'Neu',
                style: TextStyle(
                  color: Colors.white,
                  fontSize: 18.0,
                ),
              ),
              badgeStyle: badges.BadgeStyle(
                shape: badges.BadgeShape.square,
                badgeColor: Constants.colorPrimary,
                padding: const EdgeInsets.all(5),
                borderRadius: BorderRadius.circular(5),
                borderSide: const BorderSide(color: Constants.colorPrimary, width: 0),
              ),
              child: Padding(
                padding: const EdgeInsets.all(12.0),
                child: Column(
                  children: [
                    Text(
                      DateFormat('dd.MM.yyyy HH:mm').format(DateTime.parse(job.ordertime).toLocal()).toString(),
                      textAlign: TextAlign.left,
                      style: TextStyle(backgroundColor: isJobInFuture(job) ? Colors.yellow : Colors.white),
                    ),
                    Text('Auftragsnummer: ${job.id}'),
                    Text(job.tours[0].comp),
                    Text(job.tours[0].street),
                    Text(job.tours[0].city),
                    const SizedBox(height: 20),
                    ScrollOnExpand(
                      scrollOnExpand: true,
                      scrollOnCollapse: false,
                      child: ExpandablePanel(
                        theme: const ExpandableThemeData(
                          headerAlignment: ExpandablePanelHeaderAlignment.center,
                          tapBodyToCollapse: true,
                        ),
                        header: const Padding(
                            padding: EdgeInsets.all(0),
                            child: Text(
                              "Weitere Infos....",
                              style: TextStyle(fontSize: 15, color: Colors.black, fontWeight: FontWeight.bold),
                            )),
                        collapsed: const SizedBox(),
                        expanded: Column(
                          crossAxisAlignment: CrossAxisAlignment.stretch,
                          children: <Widget>[
                            Container(
                              height: 200,
                              decoration: BoxDecoration(
                                borderRadius: BorderRadius.circular(10),
                                color: const Color(0xfffff4e4),
                                border: Border.all(
                                  color: Colors.grey,
                                  width: 0.5,
                                ),
                              ),
                              child: Text(remarkString),
                            ),
                          ],
                        ),
                      ),
                    ),
                    const SizedBox(height: 20),
                    Row(children: [
                      Expanded(
                        child: getDefaultButton(!job.global ? 'Ablehnen' : 'Ignorieren', () => {_sendAnswer(job, !job.global ? 2 : 3)}),
                      ),
                      const SizedBox(width: 20),
                      Expanded(
                        child: getDefaultButton('Annehmen', () => {_sendAnswer(job, 1)}),
                      )
                    ])
                  ],
                ),
              ),
            ),
          ),
        ),
      ));
    }

    return entries;
  }

  _sendAnswer(Job job, int item) async {
    var currentPosition = MyApp.currentPosition;

    var message = AcceptJobMessage();
    message.reaction = Reaction();
    message.reaction.id = job.id.toString();
    message.reaction.ver = job.ver.toString();
    message.reaction.item = item;
    message.reaction.track = Track();
    message.reaction.track.time = DateTime.now().toUtc().toIso8601String();
    if (currentPosition != null) {
      message.reaction.track.pos = FinTaskPos();
      message.reaction.track.pos!.lat = 0;
      message.reaction.track.pos!.long = 0;
      message.reaction.track.pos!.acc = 1;
    }

    MqttCore.instance.publishPayloadMessage("job", message.toJson());

    job.state = 9;
    MyApp.isarInstance.writeTxnSync(() => {MyApp.isarInstance.jobs.putSync(job)});

    _entries = await _createListEntries();

    setState(() {});
  }

  _initMessages() {
    MessageService().subscribe<JobDeletedMessage>(Constants.messageTopicJobDeleted, this, (jobDeletedMessage) async {
      _entries = await _createListEntries();

      setState(() {});
    });
  }
}