import 'package:flutter/material.dart';

import 'package:flutter_svg/flutter_svg.dart';
import 'package:get_storage/get_storage.dart';
import 'package:http/http.dart' as http;

class CustomizedSvg extends StatelessWidget {
  final String svgUrl;
  final String cacheKey;
  final Map<String, String> colorReplacements;
  final IconData? errorIcon;

  const CustomizedSvg({
    super.key,
    required this.svgUrl,
    required this.cacheKey,
    required this.colorReplacements,
    this.errorIcon = Icons.error_outline,
  });

  static final GetStorage _svgStorage = GetStorage('svg_cache');

  Future<String> _fetchSvg() async {
    final cachedSvg = _svgStorage.read(cacheKey);
    if (cachedSvg != null) {
      return cachedSvg;
    }

    final response = await http.get(Uri.parse(svgUrl));
    if (response.statusCode != 200) {
      throw Exception('Failed to load SVG: ${response.statusCode}');
    }

    final String svgContent = response.body;
    await _svgStorage.write(cacheKey, svgContent);

    return svgContent;
  }

  Future<String> _getModifiedSvg() async {
    final svgContent = await _fetchSvg();
    String modifiedSvg = svgContent;
    modifiedSvg = modifiedSvg.replaceAll("fill=\"none\"", '');
    for (final entry in colorReplacements.entries) {
      modifiedSvg = modifiedSvg.replaceAll(entry.key, entry.value);
    }
    return modifiedSvg;
  }

  @override
  Widget build(BuildContext context) {
    return FutureBuilder<String>(
      future: _getModifiedSvg(),
      builder: (context, snapshot) {
        if (snapshot.connectionState == ConnectionState.waiting) {
          return const CircularProgressIndicator();
        } else if (snapshot.hasError) {
          return Icon(errorIcon);
        } else if (snapshot.hasData) {
          return SvgPicture.string(snapshot.data!);
        } else {
          return const SizedBox.shrink();
        }
      },
    );
  }
}