import 'package:circle_flags/circle_flags.dart';
import 'package:flutter/material.dart';
import 'package:hiddify/core/localization/translations.dart';
import 'package:hiddify/core/utils/ip_utils.dart';
import 'package:hiddify/utils/riverpod_utils.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';

final _showIp = StateProvider.autoDispose((ref) {
  ref.disposeDelay(const Duration(seconds: 20));
  return false;
});

class IPText extends HookConsumerWidget {
  const IPText({
    required String this.ip,
    required VoidCallback this.onLongPress,
    this.constrained = false,
    super.key,
  });

  const IPText.unknown({
    this.onLongPress,
    this.constrained = false,
    super.key,
  }) : ip = null;

  final String? ip;
  final VoidCallback? onLongPress;
  final bool constrained;

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final t = ref.watch(translationsProvider);
    final isVisible = ref.watch(_showIp);
    final textTheme = Theme.of(context).textTheme;
    final ipStyle = constrained ? textTheme.labelMedium : textTheme.labelLarge;

    return Semantics(
      label: t.proxies.ipInfoSemantics.address,
      child: InkWell(
        onTap: ip == null
            ? null
            : () {
                ref.read(_showIp.notifier).state = !isVisible;
              },
        onLongPress: onLongPress,
        borderRadius: BorderRadius.circular(12),
        child: Padding(
          padding: const EdgeInsets.symmetric(horizontal: 2),
          child: switch (ip) {
            final ip? => AnimatedCrossFade(
                firstChild: Text(
                  ip,
                  style: ipStyle,
                  textDirection: TextDirection.ltr,
                  overflow: TextOverflow.ellipsis,
                ),
                secondChild: Padding(
                  padding: constrained
                      ? EdgeInsets.zero
                      : const EdgeInsetsDirectional.only(end: 48),
                  child: Text(
                    obscureIp(ip),
                    semanticsLabel: t.general.hidden,
                    style: ipStyle,
                    textDirection: TextDirection.ltr,
                    overflow: TextOverflow.ellipsis,
                  ),
                ),
                crossFadeState: isVisible
                    ? CrossFadeState.showFirst
                    : CrossFadeState.showSecond,
                duration: const Duration(milliseconds: 200),
              ),
            _ => Text(
                t.general.unknown,
                style: constrained ? textTheme.bodySmall : ipStyle,
                overflow: TextOverflow.ellipsis,
              ),
          },
        ),
      ),
    );
  }
}

class IPCountryFlag extends HookConsumerWidget {
  const IPCountryFlag({required this.countryCode, this.size = 24, super.key});

  final String countryCode;
  final double size;

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final t = ref.watch(translationsProvider);

    return Semantics(
      label: t.proxies.ipInfoSemantics.country,
      child: Container(
        width: size,
        height: size,
        padding: const EdgeInsets.all(2),
        child: Center(child: CircleFlag(countryCode)),
      ),
    );
  }
}