import 'package:fikoyt_ui/services/fikoyt_event_system.dart';
import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';

class FikoytOvalResim extends StatelessWidget {
  final String resimUrl;

  const FikoytOvalResim({super.key, required this.resimUrl});

  @override
  Widget build(BuildContext context) {
    return Center(
      child: Stack(
        alignment: Alignment.center,
        children: [
          CircleAvatar(
            backgroundColor: Colors.green.shade700,
            radius: (54) + 10.0, //CircleAvatar
          ),
          CircleAvatar(
            backgroundColor: Theme.of(context).extension<FikoTheme>()?.backgroundColor,
            radius: 54,
            child: ClipOval(
              child: Stack(
                alignment: Alignment.center,
                children: [
                  Positioned(
                    top: -3,
                    left: -3,
                    right: -3,
                    bottom: -3,
                    child: Image.network(
                      "https://fikoyt.com:3000/fapiv1/fikoyt.com.FikoYT.sistem.kullanici.${FikoYTEvent('FikoYT.uyar.nfc.kullanici').$value.value?["_id"]}.profilResmi?boyut=480x?&t=${FikoYTEvent<String?>('FikoYT.uyar.resim.cache.value').$value.value}",
                      fit: BoxFit.cover,
                      loadingBuilder: (context, child, loadingProgress) {
                        if (loadingProgress == null) return child;
                        return Center(
                          child: CircularProgressIndicator(
                            value: loadingProgress.expectedTotalBytes != null ? loadingProgress.cumulativeBytesLoaded / (loadingProgress.expectedTotalBytes ?? 0).toDouble() : null,
                          ),
                        );
                      },
                    ),
                  ),
                ],
              ),
            ),
          ),
        ],
      ), //CircleAvatar
    );
  }
}