import 'package:flutter/material.dart';

import '../config/app_config.dart';
import '../theme/app_colors.dart';

/// 封面图统一入口：后端给的是相对路径，这里补服务地址并处理加载失败。
class RemoteImage extends StatelessWidget {
  const RemoteImage(
    this.path, {
    super.key,
    this.width,
    this.height,
    this.fit = BoxFit.cover,
    this.showFallbackIcon = false,
    this.fallbackIconKey,
  });

  final String path;
  final double? width;
  final double? height;
  final BoxFit fit;
  final bool showFallbackIcon;
  final Key? fallbackIconKey;

  @override
  Widget build(BuildContext context) {
    final url = AppConfig.mediaUrl(path);
    if (url.isEmpty) return _fallback();
    return Image.network(
      url,
      width: width,
      height: height,
      fit: fit,
      errorBuilder: (_, _, _) => _fallback(),
      frameBuilder: (context, child, frame, wasSynchronouslyLoaded) {
        if (wasSynchronouslyLoaded || frame != null) return child;
        return _fallback();
      },
    );
  }

  Widget _fallback() {
    return Container(
      width: width,
      height: height,
      color: AppColors.bar,
      alignment: Alignment.center,
      child: showFallbackIcon
          ? Icon(
              Icons.image_not_supported_outlined,
              key: fallbackIconKey,
              color: AppColors.muted,
              size: 32,
            )
          : null,
    );
  }
}