xtremflow/lib/core/widgets/glass_container.dart

import 'package:flutter/material.dart';
import '../theme/app_colors.dart';

/// Conteneur de surface « Warm Cinema » — 3 niveaux de profondeur.
///
/// Level 0 : socle brut (#0B0908), aucune ombre.
/// Level 1 : plaque opaque légèrement éclaircie, liseré crème 8 %, ombre douce.
/// Level 2 : bloc flottant, liseré ember sur l'arête haute, ombre profonde.
///
/// PERF : cette version n'utilise **aucun** `BackdropFilter`. Le flou de fond
/// forçait Flutter Web à relire le framebuffer à chaque frame pour chaque
/// carte à l'écran (33 sites d'appel ici) — cause principale du jank au
/// scroll. La profondeur est désormais rendue par des surfaces opaques
/// pré-teintées et des ombres, ce qui coûte quasiment rien au GPU.
///
/// L'API publique est inchangée : aucun site d'appel n'a besoin d'être modifié.
enum GlassLevel { level0, level1, level2 }

class GlassContainer extends StatelessWidget {
  final Widget child;
  final double? width;
  final double? height;
  final EdgeInsetsGeometry padding;
  final EdgeInsetsGeometry? margin;
  final double borderRadius;
  final GlassLevel level;
  final Color? borderColor;
  final bool border;
  final List<BoxShadow>? boxShadow;

  /// Alias de [border] (nom utilisé par les widgets de navigation TV).
  /// Prioritaire sur [border] lorsqu'il est fourni.
  final bool? hasBorder;

  /// Passer `false` supprime toute ombre portée — utile pour les barres
  /// collées à un bord, où l'ombre créerait une couture visible.
  final bool showShadow;

  const GlassContainer({
    super.key,
    required this.child,
    this.width,
    this.height,
    this.padding = const EdgeInsets.all(16),
    this.margin,
    this.borderRadius = 14.0,
    this.level = GlassLevel.level1,
    this.borderColor,
    this.border = true,
    this.boxShadow,
    this.hasBorder,
    this.showShadow = true,
  });

  bool get _showBorder => hasBorder ?? border;

  /// Niveau 0 — socle brut.
  const GlassContainer.base({
    super.key,
    required this.child,
    this.width,
    this.height,
    this.padding = const EdgeInsets.all(16),
    this.margin,
    this.borderRadius = 14.0,
    this.borderColor,
    this.border = false,
    this.boxShadow,
    this.hasBorder,
    this.showShadow = true,
  }) : level = GlassLevel.level0;

  /// Niveau 1 — plaque standard.
  const GlassContainer.glass({
    super.key,
    required this.child,
    this.width,
    this.height,
    this.padding = const EdgeInsets.all(16),
    this.margin,
    this.borderRadius = 14.0,
    this.borderColor,
    this.border = true,
    this.boxShadow,
    this.hasBorder,
    this.showShadow = true,
  }) : level = GlassLevel.level1;

  /// Niveau 2 — bloc flottant (modales, panneaux, overlays).
  const GlassContainer.floating({
    super.key,
    required this.child,
    this.width,
    this.height,
    this.padding = const EdgeInsets.all(16),
    this.margin,
    this.borderRadius = 20.0,
    this.borderColor,
    this.border = true,
    this.boxShadow,
    this.hasBorder,
    this.showShadow = true,
  }) : level = GlassLevel.level2;

  @override
  Widget build(BuildContext context) {
    switch (level) {
      case GlassLevel.level0:
        return _buildLevel0();
      case GlassLevel.level1:
        return _buildLevel1();
      case GlassLevel.level2:
        return _buildLevel2();
    }
  }

  Widget _buildLevel0() {
    return Container(
      width: width,
      height: height,
      margin: margin,
      padding: padding,
      decoration: BoxDecoration(
        color: AppColors.baseLevel0,
        borderRadius: BorderRadius.circular(borderRadius),
        border: _showBorder
            ? Border.all(
                color: borderColor ?? Colors.transparent,
                width: 1,
              )
            : null,
        boxShadow: showShadow ? boxShadow : null,
      ),
      child: child,
    );
  }

  Widget _buildLevel1() {
    return Container(
      width: width,
      height: height,
      margin: margin,
      padding: padding,
      decoration: BoxDecoration(
        color: AppColors.glassLevel1Bg,
        borderRadius: BorderRadius.circular(borderRadius),
        border: _showBorder
            ? Border.all(
                color: borderColor ?? AppColors.glassLevel1Border,
                width: 1,
              )
            : null,
        boxShadow: !showShadow
            ? null
            : boxShadow ??
            const [
              BoxShadow(
                color: Color(0x59000000), // noir 35 %
                blurRadius: 18,
                spreadRadius: -6,
                offset: Offset(0, 8),
              ),
            ],
      ),
      child: child,
    );
  }

  Widget _buildLevel2() {
    return Container(
      width: width,
      height: height,
      margin: margin,
      padding: padding,
      decoration: BoxDecoration(
        // Dégradé très court : arête haute captant la « lumière du projecteur ».
        gradient: const LinearGradient(
          colors: [Color(0xFF262019), Color(0xFF1F1815)],
          stops: [0.0, 0.45],
          begin: Alignment.topCenter,
          end: Alignment.bottomCenter,
        ),
        borderRadius: BorderRadius.circular(borderRadius),
        border: _showBorder
            ? Border(
                top: BorderSide(
                  color: borderColor ?? AppColors.glassLevel2InnerGlow,
                  width: 1,
                ),
                left: BorderSide(
                  color: borderColor ?? AppColors.glassLevel2Border,
                  width: 1,
                ),
                right: BorderSide(
                  color: borderColor ?? AppColors.glassLevel2Border,
                  width: 1,
                ),
                bottom: BorderSide(
                  color: borderColor ?? AppColors.glassLevel2Border,
                  width: 1,
                ),
              )
            : null,
        boxShadow: !showShadow
            ? null
            : boxShadow ??
            const [
              BoxShadow(
                color: Color(0xA6000000), // noir 65 %
                blurRadius: 40,
                spreadRadius: -12,
                offset: Offset(0, 20),
              ),
              BoxShadow(
                color: Color(0x1FD9541F), // halo ember 12 %
                blurRadius: 48,
                spreadRadius: -18,
              ),
            ],
      ),
      child: child,
    );
  }
}