import 'package:flutter/material.dart';
import 'package:isar/isar.dart';
import 'package:mqtt_client/mqtt_client.dart';
import 'package:stadtbote/content_views/accepted_jobs_page.dart';
import 'package:stadtbote/content_views/approach_area_page.dart';
import 'package:stadtbote/content_views/assigned_jobs_page.dart';
import 'package:stadtbote/content_views/finished_jobs_page.dart';
import 'package:stadtbote/content_views/messages_page.dart';
import 'package:stadtbote/content_views/utils/content_view_widget.dart';
import 'package:stadtbote/content_views/utils/header_info.dart';
import 'package:stadtbote/model/job.dart';
import 'package:stadtbote/model/message.dart';
import 'package:stadtbote/model/session_status.dart';
import 'package:stadtbote/model/status.dart';
import 'package:stadtbote/popups/accept_jobs_popup.dart';
import 'package:stadtbote/popups/infos_popup.dart';
import 'package:stadtbote/tools/message_service.dart';
import 'package:stadtbote/tools/messages/job_deleted_message.dart';
import 'package:stadtbote/tools/messages/job_received_message.dart';
import 'package:stadtbote/tools/messages/message_message.dart';
import 'package:stadtbote/tools/messages/session_info_update.dart';
import 'package:badges/badges.dart' as badges;
import 'package:stadtbote/tools/messages/status_info_update.dart';

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

class MainPage extends ContentViewWidget {
  final ValueNotifier<String> _zipValueNotifier = ValueNotifier("----");
  final ValueNotifier<String> sidValueNotifier = ValueNotifier("----");

  MainPage({super.key});

  @override
  State<MainPage> createState() => _MainPageState();

  @override
  Future<HeaderInfo> getHeaderInfo(BuildContext context) async {
    return HeaderInfo(
        titleWidget: Container(
          height: 100,
          padding: const EdgeInsets.symmetric(horizontal: 5, vertical: 0),
          child: Column(children: [
            ValueListenableBuilder<String>(
              valueListenable: _zipValueNotifier,
              builder: (context, value, child) {
                return Text(
                  value,
                  style: const TextStyle(
                    color: Colors.white,
                    fontSize: 25.0,
                  ),
                );
              },
            ),
            const SizedBox(height: 5),
            ValueListenableBuilder<String>(
              valueListenable: sidValueNotifier,
              builder: (context, value, child) {
                return Text(
                  value,
                  style: const TextStyle(
                    color: Colors.white,
                    fontSize: 25.0,
                  ),
                );
              },
            ),
          ]),
        ),
        rightButtonEnabled: true,
        rightButtonVisible: true,
        rightButtonImage: Util.fetchFutureIcon(const Icon(Icons.info_outline, size: 20.0, color: Colors.white)),
        rightButtonOnPressed: () async {
          showInfosPopup(context, await MyApp.isarInstance.sessionStatus.where().findFirst());
        });
  }
}

class _MainPageState extends State<MainPage> {
  final ValueNotifier<int> _assignedJobsValueNotifier = ValueNotifier<int>(0);
  final ValueNotifier<int> _acceptedJobsValueNotifier = ValueNotifier<int>(0);
  final ValueNotifier<int> _messagesValueNotifier = ValueNotifier<int>(0);

  @override
  void initState() {
    super.initState();

    _updateHeader();

    _refreshBadges();

    _initMessages();
  }

  @override
  void dispose() {
    super.dispose();

    _exitMessages();
  }

  @override
  Widget build(BuildContext context) {
    return Stack(
      children: [
        Padding(
          padding: const EdgeInsets.all(16.0),
          child: Column(
            mainAxisSize: MainAxisSize.max,
            mainAxisAlignment: MainAxisAlignment.start,
            crossAxisAlignment: CrossAxisAlignment.stretch,
            children: [
              ValueListenableBuilder<int>(
                valueListenable: _assignedJobsValueNotifier,
                builder: (context, value, child) {
                  return badges.Badge(
                    showBadge: value > 0,
                    position: badges.BadgePosition.topEnd(top: -12, end: -5),
                    badgeContent: Text(
                      value.toString(),
                      style: const TextStyle(
                        color: Colors.white,
                        fontSize: 13.0,
                      ),
                    ),
                    badgeStyle: badges.BadgeStyle(
                      badgeColor: Colors.red,
                      padding: const EdgeInsets.all(10),
                      borderRadius: BorderRadius.circular(4),
                      borderSide: const BorderSide(color: Colors.white, width: 0),
                      elevation: 0,
                    ),
                    child: getDefaultButton(
                        'Zugewiesene Aufträge',
                        image: Image.asset('assets/zugewiesene_auftraege.png', width: 30, height: 30),
                        () => {
                              MessageService().publish<ContentViewWidget>(Constants.messageTopicPushContentView, arguments: const AssignedJobsPage())
                            }),
                  );
                },
              ),
              const SizedBox(height: 20),
              ValueListenableBuilder<int>(
                valueListenable: _acceptedJobsValueNotifier,
                builder: (context, value, child) {
                  return badges.Badge(
                      showBadge: value > 0,
                      position: badges.BadgePosition.topEnd(top: -12, end: -5),
                      badgeContent: Text(
                        value.toString(),
                        style: const TextStyle(
                          color: Colors.white,
                          fontSize: 13.0,
                        ),
                      ),
                      badgeStyle: badges.BadgeStyle(
                        badgeColor: Colors.red,
                        padding: const EdgeInsets.all(10),
                        borderRadius: BorderRadius.circular(4),
                        borderSide: const BorderSide(color: Colors.white, width: 0),
                        elevation: 0,
                      ),
                      child: getDefaultButton(
                          'Angenommene Aufträge',
                          image: Image.asset('assets/angenommene_auftraege.png', width: 30, height: 30),
                          () => {
                                MessageService()
                                    .publish<ContentViewWidget>(Constants.messageTopicPushContentView, arguments: const AcceptedJobsPage())
                              }));
                },
              ),
              const SizedBox(height: 20),
              getDefaultButton(
                  'Erledigte Aufträge',
                  image: Image.asset('assets/erledigte_auftraege.png', width: 30, height: 30),
                  () => {MessageService().publish<ContentViewWidget>(Constants.messageTopicPushContentView, arguments: const FinishedJobsPage())}),
              const SizedBox(height: 20),
              ValueListenableBuilder<int>(
                valueListenable: _messagesValueNotifier,
                builder: (context, value, child) {
                  return badges.Badge(
                      showBadge: value > 0,
                      position: badges.BadgePosition.topEnd(top: -12, end: -5),
                      badgeContent: Text(
                        value.toString(),
                        style: const TextStyle(
                          color: Colors.white,
                          fontSize: 13.0,
                        ),
                      ),
                      badgeStyle: badges.BadgeStyle(
                        badgeColor: Colors.red,
                        padding: const EdgeInsets.all(10),
                        borderRadius: BorderRadius.circular(4),
                        borderSide: const BorderSide(color: Colors.white, width: 0),
                        elevation: 0,
                      ),
                      child: getDefaultButton(
                          'Nachrichten',
                          image: Image.asset('assets/nachrichten.png', width: 30, height: 30),
                          () =>
                              {MessageService().publish<ContentViewWidget>(Constants.messageTopicPushContentView, arguments: const MessagesPage())}));
                },
              ),
              const SizedBox(height: 20),
              getDefaultButton(
                  'Anfahrtsbereich',
                  image: Image.asset('assets/anfahrtsbereich.png', width: 30, height: 30),
                  () => {MessageService().publish<ContentViewWidget>(Constants.messageTopicPushContentView, arguments: const ApproachAreaPage())}),
              const SizedBox(height: 20),
              getDefaultButton(
                  'Abmelden',
                  image: Image.asset('assets/abmelden.png', width: 30, height: 30),
                  () async => {showAcceptJobsPopup(context, await MyApp.isarInstance.jobs.filter().stateEqualTo(0).findAll())}),
              Expanded(
                child: Container(
                  decoration: BoxDecoration(
                    color: Colors.transparent,
                    border: Border.all(
                      color: Colors.transparent,
                      width: 2.0,
                    ),
                  ),
                ),
              ),
              Image.asset(
                'assets/sb_logo.png',
                width: 100,
                height: 100,
              ),
            ],
          ),
        ),
      ],
    );
  }

  _initMessages() {
    MessageService().subscribe<SessionStatusInfoUpdate>(Constants.messageTopicSessionStatusInfoUpdate, this, (sessionStatusInfoUpdateMessage) {
      widget.sidValueNotifier.value = sessionStatusInfoUpdateMessage.status.sid;
    });

    MessageService().subscribe<StatusInfoUpdate>(Constants.messageTopicStatusInfoUpdate, this, (statusInfoUpdateMessage) {
      _updateHeader();
    });

    MessageService().subscribe<JobReceivedMessage>(Constants.messageTopicJobReceived, this, (JobReceivedMessage jobReceivedMessage) {
      _jobReceived(jobReceivedMessage.job);
    });

    MessageService().subscribe<MessageReceivedMessage>(Constants.messageTopicMessageReceived, this, (MessageReceivedMessage mesage) {
      _refreshBadges();
    });

    MessageService().subscribe<JobDeletedMessage>(Constants.messageTopicJobDeleted, this, (JobDeletedMessage job) {
      _refreshBadges();
    });
  }

  void _exitMessages() {
    MessageService().unsubscribe<SessionStatusInfoUpdate>(Constants.messageTopicSessionStatusInfoUpdate, this);

    MessageService().unsubscribe<SessionStatusInfoUpdate>(Constants.messageTopicJobReceived, this);
  }

  void _refreshBadges() async {
    _assignedJobsValueNotifier.value = await MyApp.isarInstance.jobs.filter().stateEqualTo(0).count();
    _acceptedJobsValueNotifier.value = await MyApp.isarInstance.jobs.filter().stateEqualTo(1).count();
    _messagesValueNotifier.value = await MyApp.isarInstance.messages.filter().readEqualTo(false).count();
  }

  void _jobReceived(Job job) {
    _refreshBadges();
  }

  void _updateHeader() async {
    var status = await MyApp.isarInstance.status.where().findFirst();
    var sessionStatus = await MyApp.isarInstance.sessionStatus.where().findFirst();

    if (status != null) {
      widget._zipValueNotifier.value = '${status.pos.zip} (${status.pos.zipReal})';
    } else if (sessionStatus != null) {
      widget._zipValueNotifier.value = sessionStatus.sid;
    } else {
      widget._zipValueNotifier.value = "---";
    }
  }
}