import 'dart:ui';

import 'package:flutter/material.dart';

import '../../app/theme.dart';

/// A bounded, translucent surface used for Ground Suite's data panels.
///
/// The blur is applied only inside the clipped panel, keeping the effect local
/// to the UI rather than turning the whole desktop window into a filter.
class GlassPanel extends StatelessWidget {
  const GlassPanel({
    required this.child,
    super.key,
    this.borderRadius = const BorderRadius.all(Radius.circular(16)),
  });

  final Widget child;
  final BorderRadius borderRadius;

  @override
  Widget build(BuildContext context) {
    return ClipRRect(
      borderRadius: borderRadius,
      child: BackdropFilter(
        filter: ImageFilter.blur(sigmaX: 18, sigmaY: 18),
        child: _GlassSurface(borderRadius: borderRadius, child: child),
      ),
    );
  }
}

/// A scroll-friendly translucent panel without a backdrop filter.
///
/// Timeline rows use this surface so diagnostic volume does not turn into a
/// growing set of expensive compositing layers.
class GlassListItem extends StatelessWidget {
  const GlassListItem({
    required this.child,
    super.key,
    this.borderRadius = const BorderRadius.all(Radius.circular(16)),
  });

  final Widget child;
  final BorderRadius borderRadius;

  @override
  Widget build(BuildContext context) =>
      _GlassSurface(borderRadius: borderRadius, child: child);
}

class _GlassSurface extends StatelessWidget {
  const _GlassSurface({required this.child, required this.borderRadius});

  final Widget child;
  final BorderRadius borderRadius;

  @override
  Widget build(BuildContext context) {
    final scheme = Theme.of(context).colorScheme;
    final isDark = scheme.brightness == Brightness.dark;
    final fill = isDark ? const Color(0xb30a0a0a) : const Color(0xc9ffffff);
    final border = isDark
        ? scheme.primary.withValues(alpha: 0.24)
        : scheme.outline.withValues(alpha: 0.7);

    return DecoratedBox(
      decoration: BoxDecoration(
        color: fill,
        border: Border.all(color: border),
        borderRadius: borderRadius,
        boxShadow: [
          BoxShadow(
            color: Colors.black.withValues(alpha: isDark ? 0.24 : 0.08),
            blurRadius: 24,
            offset: const Offset(0, 10),
          ),
        ],
      ),
      child: child,
    );
  }
}

class GroundSuiteBackdrop extends StatelessWidget {
  const GroundSuiteBackdrop({required this.child, super.key});

  final Widget child;

  @override
  Widget build(BuildContext context) {
    final isDark = Theme.of(context).brightness == Brightness.dark;
    final base = isDark ? const Color(0xff050505) : const Color(0xffeef3ee);
    final haze = isDark
        ? accentGreen.withValues(alpha: 0.1)
        : const Color(0xff007a2e).withValues(alpha: 0.07);

    return ColoredBox(
      color: base,
      child: Stack(
        children: [
          Positioned(
            top: -260,
            right: -220,
            child: IgnorePointer(
              child: Container(
                width: 620,
                height: 620,
                decoration: BoxDecoration(
                  shape: BoxShape.circle,
                  gradient: RadialGradient(colors: [haze, Colors.transparent]),
                ),
              ),
            ),
          ),
          Positioned.fill(child: child),
        ],
      ),
    );
  }
}