import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart' hide ConnectionState;

import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:window_manager/window_manager.dart';

import 'package:fladder/providers/arguments_provider.dart';
import 'package:fladder/providers/connectivity_provider.dart';
import 'package:fladder/util/adaptive_layout/adaptive_layout.dart';
import 'package:fladder/widgets/full_screen_helpers/full_screen_wrapper.dart';
import 'package:fladder/widgets/shared/offline_banner.dart';

class DefaultTitleBar extends ConsumerStatefulWidget {
  final String? label;
  final double? height;
  final Brightness? brightness;
  const DefaultTitleBar({this.height = defaultTitleBarHeight, this.label, this.brightness, super.key});

  @override
  ConsumerState<ConsumerStatefulWidget> createState() => _DefaultTitleBarState();
}

class _DefaultTitleBarState extends ConsumerState<DefaultTitleBar> with WindowListener {
  bool hovering = false;

  @override
  void initState() {
    windowManager.addListener(this);
    super.initState();
  }

  @override
  void dispose() {
    windowManager.removeListener(this);
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    if (ref.watch(argumentsStateProvider.select((value) => value.htpcMode))) return const SizedBox.shrink();
    final theme = Theme.of(context);
    final brightness = widget.brightness ?? theme.brightness;
    final iconColor = theme.colorScheme.onSurface.withValues(alpha: 0.65);
    final isOffline = ref.watch(connectivityStatusProvider.select((value) => value == ConnectionState.offline));
    final surfaceColor = theme.colorScheme.surface;

    return ExcludeFocus(
      child: MouseRegion(
        onEnter: (event) => setState(() => hovering = true),
        onExit: (event) => setState(() => hovering = false),
        child: AnimatedContainer(
          duration: const Duration(milliseconds: 250),
          decoration: BoxDecoration(
              gradient: LinearGradient(
            colors: isOffline
                ? [
                    theme.colorScheme.errorContainer.withValues(alpha: 0.8),
                    theme.colorScheme.errorContainer.withValues(alpha: 0.25),
                  ]
                : [
                    surfaceColor.withValues(alpha: hovering ? 0.7 : 0),
                    surfaceColor.withValues(alpha: 0),
                  ],
            begin: Alignment.topCenter,
            end: Alignment.bottomCenter,
          )),
          height: widget.height,
          child: kIsWeb
              ? const SizedBox.shrink()
              : Stack(
                  fit: StackFit.expand,
                  children: [
                    switch (AdaptiveLayout.of(context).platform) {
                      TargetPlatform.android ||
                      TargetPlatform.iOS =>
                        SizedBox(height: MediaQuery.paddingOf(context).top),
                      TargetPlatform.windows || TargetPlatform.linux => Container(
                          child: Row(
                            children: [
                              Expanded(
                                child: Container(
                                  color: Colors.black.withValues(alpha: 0),
                                  child: DragToMoveArea(
                                    child: Row(
                                      crossAxisAlignment: CrossAxisAlignment.stretch,
                                      mainAxisSize: MainAxisSize.max,
                                      children: [
                                        Container(
                                          padding: const EdgeInsets.only(left: 16),
                                          child: DefaultTextStyle(
                                            style: TextStyle(
                                              color: iconColor,
                                              fontSize: 14,
                                            ),
                                            child: Text(widget.label ?? ""),
                                          ),
                                        ),
                                      ],
                                    ),
                                  ),
                                ),
                              ),
                              Container(
                                decoration: BoxDecoration(boxShadow: [
                                  BoxShadow(
                                    color: surfaceColor.withValues(alpha: isOffline ? 0 : 0.5),
                                    blurRadius: 32,
                                    spreadRadius: 10,
                                    offset: const Offset(8, -6),
                                  ),
                                ]),
                                child: Row(
                                  children: [
                                    FutureBuilder<List<bool>>(future: Future.microtask(() async {
                                      final isMinimized = await windowManager.isMinimized();
                                      return [isMinimized];
                                    }), builder: (context, snapshot) {
                                      final isMinimized = snapshot.data?.firstOrNull ?? false;
                                      return IconButton(
                                        style: IconButton.styleFrom(
                                            hoverColor: brightness == Brightness.light
                                                ? Colors.black.withValues(alpha: 0.1)
                                                : Colors.white.withValues(alpha: 0.2),
                                            shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(2))),
                                        onPressed: () async {
                                          fullScreenHelper.closeFullScreen(ref);
                                          if (isMinimized) {
                                            windowManager.restore();
                                          } else {
                                            windowManager.minimize();
                                          }
                                        },
                                        icon: Transform.translate(
                                          offset: const Offset(0, -2),
                                          child: Icon(
                                            Icons.minimize_rounded,
                                            color: iconColor,
                                            size: 20,
                                          ),
                                        ),
                                      );
                                    }),
                                    FutureBuilder<List<bool>>(
                                      future: Future.microtask(() async {
                                        final isMaximized = await windowManager.isMaximized();
                                        return [isMaximized];
                                      }),
                                      builder: (BuildContext context, AsyncSnapshot<List<bool>> snapshot) {
                                        final maximized = snapshot.data?.firstOrNull ?? false;
                                        return IconButton(
                                          style: IconButton.styleFrom(
                                            hoverColor: brightness == Brightness.light
                                                ? Colors.black.withValues(alpha: 0.1)
                                                : Colors.white.withValues(alpha: 0.2),
                                            shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(2)),
                                          ),
                                          onPressed: () async {
                                            fullScreenHelper.closeFullScreen(ref);
                                            if (maximized) {
                                              await windowManager.unmaximize();
                                              return;
                                            }
                                            if (!maximized) {
                                              await windowManager.maximize();
                                            } else {
                                              await windowManager.unmaximize();
                                            }
                                          },
                                          icon: Transform.translate(
                                            offset: const Offset(0, 0),
                                            child: Icon(
                                              maximized ? Icons.maximize_rounded : Icons.crop_square_rounded,
                                              color: iconColor,
                                              size: 19,
                                            ),
                                          ),
                                        );
                                      },
                                    ),
                                    IconButton(
                                      style: IconButton.styleFrom(
                                        hoverColor: Colors.red,
                                        shape: RoundedRectangleBorder(
                                          borderRadius: BorderRadius.circular(2),
                                        ),
                                      ),
                                      onPressed: () async {
                                        windowManager.close();
                                      },
                                      icon: Transform.translate(
                                        offset: const Offset(0, -2),
                                        child: Icon(
                                          Icons.close_rounded,
                                          color: iconColor,
                                          size: 23,
                                        ),
                                      ),
                                    ),
                                  ],
                                ),
                              ),
                            ],
                          ),
                        ),
                      TargetPlatform.macOS => const SizedBox.shrink(),
                      _ => Text(widget.label ?? "Fladder"),
                    },
                    const OfflineBanner()
                  ],
                ),
        ),
      ),
    );
  }
}