WebSockets et Communication en Temps Réel avec Flutter

class Alert {
  final String id;
  final String symbol;
  final String type; // 'above' ou 'below'
  final double price;
  bool triggered;

  Alert({
    required this.id,
    required this.symbol,
    required this.type,
    required this.price,
    this.triggered = false,
  });
}

import 'price_point.dart';

class CryptoData {
  double price;
  double change;
  List history;

  CryptoData({
    required this.price,
    required this.change,
    required this.history,
  });
}

class PortfolioItem {
  final String id;
  final String symbol;
  final double amount;
  final double buyPrice;

  PortfolioItem({
    required this.id,
    required this.symbol,
    required this.amount,
    required this.buyPrice,
  });
}

class PricePoint {
  final DateTime time;
  final double price;

  PricePoint(this.time, this.price);
}

import 'package:flutter/material.dart';
import '../models/alert.dart';
import '../models/portfolio_item.dart';
import '../services/crypto_service.dart';
import '../widgets/summary_card.dart';
import '../widgets/crypto_grid.dart';
import '../widgets/chart_widget.dart';
import '../widgets/alerts_section.dart';
import '../widgets/portfolio_section.dart';

class CryptoDashboard extends StatefulWidget {
  const CryptoDashboard({Key? key}) : super(key: key);

  @override
  State createState() => _CryptoDashboardState();
}

class _CryptoDashboardState extends State {
  final CryptoService _cryptoService = CryptoService();
  List alerts = [];
  List portfolio = [];
  String selectedCrypto = 'BTC';
  bool isConnected = false;

  @override
  void initState() {
    super.initState();
    _startPriceUpdates();
  }

  @override
  void dispose() {
    _cryptoService.dispose();
    super.dispose();
  }

  void _startPriceUpdates() {
    setState(() => isConnected = true);
    
    _cryptoService.onAlertTriggered = (symbol, price) {
      _showAlertNotification(symbol, price);
    };
    
    _cryptoService.startPriceUpdates(() {
      setState(() {});
    }, alerts);
  }

  void _showAlertNotification(String symbol, double price) {
    ScaffoldMessenger.of(context).showSnackBar(
      SnackBar(
        content: Text('🔔 $symbol a atteint ${price.toStringAsFixed(2)} USD'),
        backgroundColor: Colors.green,
        duration: const Duration(seconds: 4),
      ),
    );
  }

  double _calculatePortfolioValue() {
    return portfolio.fold(0.0, (sum, item) {
      final currentPrice = _cryptoService.getCryptoPrice(item.symbol);
      return sum + (item.amount * currentPrice);
    });
  }

  double _calculatePortfolioPnL() {
    return portfolio.fold(0.0, (sum, item) {
      final currentPrice = _cryptoService.getCryptoPrice(item.symbol);
      return sum + ((currentPrice - item.buyPrice) * item.amount);
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        decoration: const BoxDecoration(
          gradient: LinearGradient(
            begin: Alignment.topLeft,
            end: Alignment.bottomRight,
            colors: [Color(0xFF0F172A), Color(0xFF581C87), Color(0xFF0F172A)],
          ),
        ),
        child: SafeArea(
          child: SingleChildScrollView(
            padding: const EdgeInsets.all(16),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                // En-tête
                Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                    const Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: [
                        Text(
                          '💎 Crypto Dashboard',
                          style: TextStyle(
                            fontSize: 28,
                            fontWeight: FontWeight.bold,
                            color: Colors.white,
                          ),
                        ),
                        Text(
                          'Suivi en temps réel',
                          style: TextStyle(color: Color(0xFFC4B5FD)),
                        ),
                      ],
                    ),
                    Row(
                      children: [
                        Container(
                          width: 12,
                          height: 12,
                          decoration: BoxDecoration(
                            color: isConnected ? Colors.green : Colors.red,
                            shape: BoxShape.circle,
                          ),
                        ),
                        const SizedBox(width: 8),
                        Text(
                          isConnected ? 'Connecté' : 'Déconnecté',
                          style: const TextStyle(color: Colors.white, fontSize: 12),
                        ),
                      ],
                    ),
                  ],
                ),
                const SizedBox(height: 24),

                // Portfolio Summary
                if (portfolio.isNotEmpty) ...[
                  Row(
                    children: [
                      Expanded(
                        child: SummaryCard(
                          title: 'Valeur Portfolio',
                          value: '\$${_calculatePortfolioValue().toStringAsFixed(2)}',
                          icon: Icons.account_balance_wallet,
                          color: Colors.blue,
                        ),
                      ),
                      const SizedBox(width: 12),
                      Expanded(
                        child: SummaryCard(
                          title: 'P&L Total',
                          value: '\$${_calculatePortfolioPnL().toStringAsFixed(2)}',
                          icon: _calculatePortfolioPnL() >= 0 
                              ? Icons.trending_up 
                              : Icons.trending_down,
                          color: _calculatePortfolioPnL() >= 0 
                              ? Colors.green 
                              : Colors.red,
                        ),
                      ),
                    ],
                  ),
                  const SizedBox(height: 24),
                ],

                // Grille des cryptos
                CryptoGrid(
                  cryptos: _cryptoService.cryptos,
                  selectedCrypto: selectedCrypto,
                  onCryptoSelected: (symbol) {
                    setState(() => selectedCrypto = symbol);
                  },
                ),
                const SizedBox(height: 24),

                // Graphique
                ChartWidget(
                  data: _cryptoService.cryptos[selectedCrypto]!.history,
                  symbol: selectedCrypto,
                ),
                const SizedBox(height: 24),

                // Alertes et Portfolio
                Row(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Expanded(
                      child: AlertsSection(
                        alerts: alerts,
                        cryptoSymbols: _cryptoService.cryptos.keys.toList(),
                        onAddAlert: (alert) {
                          setState(() => alerts.add(alert));
                        },
                        onRemoveAlert: (alert) {
                          setState(() => alerts.remove(alert));
                        },
                      ),
                    ),
                    const SizedBox(width: 12),
                    Expanded(
                      child: PortfolioSection(
                        portfolio: portfolio,
                        cryptoSymbols: _cryptoService.cryptos.keys.toList(),
                        getCryptoPrice: _cryptoService.getCryptoPrice,
                        onAddItem: (item) {
                          setState(() => portfolio.add(item));
                        },
                        onRemoveItem: (item) {
                          setState(() => portfolio.remove(item));
                        },
                      ),
                    ),
                  ],
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}

// Importation des bibliothèques nécessaires
import 'dart:async'; // Pour utiliser Timer, qui permet de répéter des actions périodiquement
import 'dart:math';  // Pour générer des nombres aléatoires

import 'dart:convert';
import 'package:http/http.dart' as http;
import '../models/crypto_data.dart';
import '../models/price_point.dart';
import '../models/alert.dart';

class CryptoService {
  final Map cryptos = {
    'BTC': CryptoData(price: 0, change: 0, history: []),
    'ETH': CryptoData(price: 0, change: 0, history: []),
    'BNB': CryptoData(price: 0, change: 0, history: []),
    'SOL': CryptoData(price: 0, change: 0, history: []),
  };

  Timer? _timer;
  Function(String, double)? onAlertTriggered;

  /// Récupère les prix réels depuis CoinGecko
  Future fetchRealPrices() async {
    final url = Uri.parse(
      'https://api.coingecko.com/api/v3/simple/price?ids=bitcoin,ethereum,binancecoin,solana&vs_currencies=usd'
    );

    final response = await http.get(url);
    if (response.statusCode == 200) {
      final data = jsonDecode(response.body);
      cryptos['BTC']!.price = (data['bitcoin']['usd'] as num).toDouble();
      cryptos['ETH']!.price = (data['ethereum']['usd'] as num).toDouble();
      cryptos['BNB']!.price = (data['binancecoin']['usd'] as num).toDouble();
      cryptos['SOL']!.price = (data['solana']['usd'] as num).toDouble();
    }
  }

  void startPriceUpdates(Function onUpdate, List alerts) {
    // D'abord, récupérer les prix réels
    fetchRealPrices().then((_) {
      // Puis démarrer les mises à jour aléatoires comme avant
      _timer = Timer.periodic(const Duration(seconds: 2), (timer) {
        cryptos.forEach((symbol, data) {
          final randomChange = (Random().nextDouble() - 0.5) * 0.02;
          final oldPrice = data.price;
          final newPrice = oldPrice * (1 + randomChange);
          final change = ((newPrice - oldPrice) / oldPrice) * 100;

          data.price = newPrice;
          data.change = change.isNaN ? (Random().nextDouble() - 0.5) * 5 : change;
          data.history.add(PricePoint(DateTime.now(), newPrice));

          if (data.history.length > 20) data.history.removeAt(0);

          _checkAlerts(symbol, newPrice, alerts);
        });

        onUpdate();
      });
    });
  }

  /// Vérifie les alertes pour une crypto donnée
  void _checkAlerts(String symbol, double price, List alerts) {
    for (var alert in alerts) {
      if (alert.symbol == symbol && !alert.triggered) { // Si l'alerte correspond à la crypto et n'est pas déjà déclenchée
        if ((alert.type == 'above' && price >= alert.price) ||
            (alert.type == 'below' && price <= alert.price)) {
          alert.triggered = true; // Marque l'alerte comme déclenchée
          onAlertTriggered?.call(symbol, alert.price); // Appel du callback pour notifier
        }
      }
    }
  }

  /// Arrête la mise à jour automatique des prix
  void stopPriceUpdates() {
    _timer?.cancel();
  }

  /// Retourne le prix actuel d'une crypto
  double getCryptoPrice(String symbol) {
    return cryptos[symbol]?.price ?? 0; // Retourne 0 si la crypto n'existe pas
  }

  /// Libère les ressources en annulant le timer
  void dispose() {
    _timer?.cancel();
  }
}

import 'package:flutter/material.dart';
import '../models/alert.dart';

class AlertsSection extends StatefulWidget {
  final List alerts;
  final List cryptoSymbols;
  final Function(Alert) onAddAlert;
  final Function(Alert) onRemoveAlert;

  const AlertsSection({
    Key? key,
    required this.alerts,
    required this.cryptoSymbols,
    required this.onAddAlert,
    required this.onRemoveAlert,
  }) : super(key: key);

  @override
  State createState() => _AlertsSectionState();
}

class _AlertsSectionState extends State {
  void _showAddAlertDialog() {
    String selectedSymbol = widget.cryptoSymbols.first;
    String alertType = 'above';
    final priceController = TextEditingController();

    showDialog(
      context: context,
      builder: (context) => StatefulBuilder(
        builder: (context, setDialogState) => AlertDialog(
          backgroundColor: const Color(0xFF1E293B),
          title: const Text('Nouvelle Alerte', style: TextStyle(color: Colors.white)),
          content: Column(
            mainAxisSize: MainAxisSize.min,
            children: [
              DropdownButtonFormField(
                value: selectedSymbol,
                dropdownColor: const Color(0xFF334155),
                style: const TextStyle(color: Colors.white),
                decoration: const InputDecoration(
                  labelText: 'Crypto',
                  labelStyle: TextStyle(color: Colors.purple),
                ),
                items: widget.cryptoSymbols.map((symbol) {
                  return DropdownMenuItem(value: symbol, child: Text(symbol));
                }).toList(),
                onChanged: (value) {
                  setDialogState(() => selectedSymbol = value!);
                },
              ),
              const SizedBox(height: 16),
              DropdownButtonFormField(
                value: alertType,
                dropdownColor: const Color(0xFF334155),
                style: const TextStyle(color: Colors.white),
                decoration: const InputDecoration(
                  labelText: 'Type',
                  labelStyle: TextStyle(color: Colors.purple),
                ),
                items: const [
                  DropdownMenuItem(value: 'above', child: Text('Au-dessus de')),
                  DropdownMenuItem(value: 'below', child: Text('En-dessous de')),
                ],
                onChanged: (value) {
                  setDialogState(() => alertType = value!);
                },
              ),
              const SizedBox(height: 16),
              TextField(
                controller: priceController,
                keyboardType: TextInputType.number,
                style: const TextStyle(color: Colors.white),
                decoration: const InputDecoration(
                  labelText: 'Prix cible',
                  labelStyle: TextStyle(color: Colors.purple),
                ),
              ),
            ],
          ),
          actions: [
            TextButton(
              onPressed: () => Navigator.pop(context),
              child: const Text('Annuler'),
            ),
            ElevatedButton(
              style: ElevatedButton.styleFrom(backgroundColor: Colors.green),
              onPressed: () {
                final price = double.tryParse(priceController.text);
                if (price != null) {
                  widget.onAddAlert(Alert(
                    id: DateTime.now().toString(),
                    symbol: selectedSymbol,
                    type: alertType,
                    price: price,
                  ));
                  Navigator.pop(context);
                }
              },
              child: const Text('Créer'),
            ),
          ],
        ),
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return Container(
      padding: const EdgeInsets.all(16),
      decoration: BoxDecoration(
        color: Colors.white.withOpacity(0.1),
        borderRadius: BorderRadius.circular(16),
        border: Border.all(color: Colors.white.withOpacity(0.2)),
      ),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              const Row(
                children: [
                  Icon(Icons.notifications, color: Colors.white, size: 20),
                  SizedBox(width: 8),
                  Text(
                    'Alertes',
                    style: TextStyle(
                      fontSize: 18,
                      fontWeight: FontWeight.bold,
                      color: Colors.white,
                    ),
                  ),
                ],
              ),
              IconButton(
                icon: const Icon(Icons.add, color: Color(0xFFA78BFA)),
                onPressed: _showAddAlertDialog,
              ),
            ],
          ),
          const SizedBox(height: 12),
          ...widget.alerts.map((alert) => Padding(
            padding: const EdgeInsets.only(bottom: 8),
            child: Container(
              padding: const EdgeInsets.all(12),
              decoration: BoxDecoration(
                color: Colors.white.withOpacity(0.05),
                borderRadius: BorderRadius.circular(8),
              ),
              child: Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: [
                  Expanded(
                    child: Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: [
                        Text(
                          '${alert.symbol} ${alert.type == 'above' ? '≥' : '≤'} \$${alert.price.toStringAsFixed(2)}',
                          style: const TextStyle(color: Colors.white, fontSize: 14),
                        ),
                        if (alert.triggered)
                          const Text(
                            '✓ Déclenchée',
                            style: TextStyle(color: Colors.green, fontSize: 12),
                          ),
                      ],
                    ),
                  ),
                  IconButton(
                    icon: const Icon(Icons.close, color: Colors.red, size: 18),
                    onPressed: () => widget.onRemoveAlert(alert),
                  ),
                ],
              ),
            ),
          )),
          if (widget.alerts.isEmpty)
            const Padding(
              padding: EdgeInsets.symmetric(vertical: 20),
              child: Center(
                child: Text(
                  'Aucune alerte',
                  style: TextStyle(color: Color(0xFFC4B5FD)),
                ),
              ),
            ),
        ],
      ),
    );
  }
}

import 'package:flutter/material.dart';
import 'package:fl_chart/fl_chart.dart';
import '../models/price_point.dart';

class ChartWidget extends StatelessWidget {
  final List data;
  final String symbol;

  const ChartWidget({
    Key? key,
    required this.data,
    required this.symbol,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
      padding: const EdgeInsets.all(16),
      decoration: BoxDecoration(
        color: Colors.white.withOpacity(0.1),
        borderRadius: BorderRadius.circular(16),
        border: Border.all(color: Colors.white.withOpacity(0.2)),
      ),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Text(
            'Évolution $symbol',
            style: const TextStyle(
              fontSize: 20,
              fontWeight: FontWeight.bold,
              color: Colors.white,
            ),
          ),
          const SizedBox(height: 16),
          SizedBox(
            height: 200,
            child: _buildChart(),
          ),
        ],
      ),
    );
  }

  Widget _buildChart() {
    if (data.isEmpty) {
      return const Center(
        child: Text(
          'Pas de données',
          style: TextStyle(color: Colors.white),
        ),
      );
    }

    return LineChart(
      LineChartData(
        gridData: FlGridData(
          show: true,
          drawVerticalLine: false,
          getDrawingHorizontalLine: (value) => FlLine(
            color: Colors.white.withOpacity(0.1),
            strokeWidth: 1,
          ),
        ),
        titlesData: FlTitlesData(show: false),
        borderData: FlBorderData(show: false),
        lineBarsData: [
          LineChartBarData(
            spots: data.asMap().entries.map((e) {
              return FlSpot(e.key.toDouble(), e.value.price);
            }).toList(),
            isCurved: true,
            color: const Color(0xFFA78BFA),
            barWidth: 3,
            dotData: FlDotData(show: false),
            belowBarData: BarAreaData(
              show: true,
              color: const Color(0xFFA78BFA).withOpacity(0.1),
            ),
          ),
        ],
      ),
    );
  }
}

import 'package:flutter/material.dart';
import '../models/crypto_data.dart';

class CryptoGrid extends StatelessWidget {
  final Map cryptos;
  final String selectedCrypto;
  final Function(String) onCryptoSelected;

  const CryptoGrid({
    Key? key,
    required this.cryptos,
    required this.selectedCrypto,
    required this.onCryptoSelected,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return GridView.builder(
      shrinkWrap: true,
      physics: const NeverScrollableScrollPhysics(),
      gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
        crossAxisCount: 2,
        childAspectRatio: 1.3,
        crossAxisSpacing: 12,
        mainAxisSpacing: 12,
      ),
      itemCount: cryptos.length,
      itemBuilder: (context, index) {
        final symbol = cryptos.keys.elementAt(index);
        final data = cryptos[symbol]!;
        final isSelected = selectedCrypto == symbol;

        return GestureDetector(
          onTap: () => onCryptoSelected(symbol),
          child: Container(
            padding: const EdgeInsets.all(16),
            decoration: BoxDecoration(
              color: Colors.white.withOpacity(0.1),
              borderRadius: BorderRadius.circular(16),
              border: Border.all(
                color: isSelected ? const Color(0xFFA78BFA) : Colors.white.withOpacity(0.2),
                width: 2,
              ),
            ),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: [
                Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                    Text(
                      symbol,
                      style: const TextStyle(
                        fontSize: 20,
                        fontWeight: FontWeight.bold,
                        color: Colors.white,
                      ),
                    ),
                    Icon(
                      data.change >= 0 ? Icons.trending_up : Icons.trending_down,
                      color: data.change >= 0 ? Colors.green : Colors.red,
                      size: 24,
                    ),
                  ],
                ),
                Text(
                  '\$${data.price.toStringAsFixed(2)}',
                  style: const TextStyle(
                    fontSize: 24,
                    fontWeight: FontWeight.bold,
                    color: Colors.white,
                  ),
                ),
                Text(
                  '${data.change >= 0 ? '+' : ''}${data.change.toStringAsFixed(2)}%',
                  style: TextStyle(
                    fontSize: 16,
                    fontWeight: FontWeight.bold,
                    color: data.change >= 0 ? Colors.green : Colors.red,
                  ),
                ),
              ],
            ),
          ),
        );
      },
    );
  }
}

import 'package:flutter/material.dart';
import '../models/portfolio_item.dart';

class PortfolioSection extends StatefulWidget {
  final List portfolio;
  final List cryptoSymbols;
  final Function(String) getCryptoPrice;
  final Function(PortfolioItem) onAddItem;
  final Function(PortfolioItem) onRemoveItem;

  const PortfolioSection({
    Key? key,
    required this.portfolio,
    required this.cryptoSymbols,
    required this.getCryptoPrice,
    required this.onAddItem,
    required this.onRemoveItem,
  }) : super(key: key);

  @override
  State createState() => _PortfolioSectionState();
}

class _PortfolioSectionState extends State {
  void _showAddPortfolioDialog() {
    String selectedSymbol = widget.cryptoSymbols.first;
    final amountController = TextEditingController();
    final priceController = TextEditingController();

    showDialog(
      context: context,
      builder: (context) => StatefulBuilder(
        builder: (context, setDialogState) => AlertDialog(
          backgroundColor: const Color(0xFF1E293B),
          title: const Text('Ajouter au Portfolio', style: TextStyle(color: Colors.white)),
          content: Column(
            mainAxisSize: MainAxisSize.min,
            children: [
              DropdownButtonFormField(
                value: selectedSymbol,
                dropdownColor: const Color(0xFF334155),
                style: const TextStyle(color: Colors.white),
                decoration: const InputDecoration(
                  labelText: 'Crypto',
                  labelStyle: TextStyle(color: Colors.purple),
                ),
                items: widget.cryptoSymbols.map((symbol) {
                  return DropdownMenuItem(value: symbol, child: Text(symbol));
                }).toList(),
                onChanged: (value) {
                  setDialogState(() => selectedSymbol = value!);
                },
              ),
              const SizedBox(height: 16),
              TextField(
                controller: amountController,
                keyboardType: TextInputType.number,
                style: const TextStyle(color: Colors.white),
                decoration: const InputDecoration(
                  labelText: 'Quantité',
                  labelStyle: TextStyle(color: Colors.purple),
                ),
              ),
              const SizedBox(height: 16),
              TextField(
                controller: priceController,
                keyboardType: TextInputType.number,
                style: const TextStyle(color: Colors.white),
                decoration: const InputDecoration(
                  labelText: "Prix d'achat",
                  labelStyle: TextStyle(color: Colors.purple),
                ),
              ),
            ],
          ),
          actions: [
            TextButton(
              onPressed: () => Navigator.pop(context),
              child: const Text('Annuler'),
            ),
            ElevatedButton(
              style: ElevatedButton.styleFrom(backgroundColor: Colors.green),
              onPressed: () {
                final amount = double.tryParse(amountController.text);
                final price = double.tryParse(priceController.text);
                if (amount != null && price != null) {
                  widget.onAddItem(PortfolioItem(
                    id: DateTime.now().toString(),
                    symbol: selectedSymbol,
                    amount: amount,
                    buyPrice: price,
                  ));
                  Navigator.pop(context);
                }
              },
              child: const Text('Ajouter'),
            ),
          ],
        ),
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return Container(
      padding: const EdgeInsets.all(16),
      decoration: BoxDecoration(
        color: Colors.white.withOpacity(0.1),
        borderRadius: BorderRadius.circular(16),
        border: Border.all(color: Colors.white.withOpacity(0.2)),
      ),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              const Row(
                children: [
                  Icon(Icons.account_balance_wallet, color: Colors.white, size: 20),
                  SizedBox(width: 8),
                  Text(
                    'Portfolio',
                    style: TextStyle(
                      fontSize: 18,
                      fontWeight: FontWeight.bold,
                      color: Colors.white,
                    ),
                  ),
                ],
              ),
              IconButton(
                icon: const Icon(Icons.add, color: Color(0xFFA78BFA)),
                onPressed: _showAddPortfolioDialog,
              ),
            ],
          ),
          const SizedBox(height: 12),
          ...widget.portfolio.map((item) {
            final currentPrice = widget.getCryptoPrice(item.symbol);
            final value = item.amount * currentPrice;
            final pnl = (currentPrice - item.buyPrice) * item.amount;
            final pnlPercent = ((currentPrice - item.buyPrice) / item.buyPrice) * 100;

            return Padding(
              padding: const EdgeInsets.only(bottom: 8),
              child: Container(
                padding: const EdgeInsets.all(12),
                decoration: BoxDecoration(
                  color: Colors.white.withOpacity(0.05),
                  borderRadius: BorderRadius.circular(8),
                ),
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Row(
                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
                      children: [
                        Text(
                          item.symbol,
                          style: const TextStyle(
                            color: Colors.white,
                            fontWeight: FontWeight.bold,
                          ),
                        ),
                        IconButton(
                          icon: const Icon(Icons.close, color: Colors.red, size: 18),
                          padding: EdgeInsets.zero,
                          constraints: const BoxConstraints(),
                          onPressed: () => widget.onRemoveItem(item),
                        ),
                      ],
                    ),
                    Text(
                      'Quantité: ${item.amount}',
                      style: const TextStyle(color: Color(0xFFC4B5FD), fontSize: 12),
                    ),
                    Text(
                      'Valeur: \$${value.toStringAsFixed(2)}',
                      style: const TextStyle(color: Color(0xFFC4B5FD), fontSize: 12),
                    ),
                    Text(
                      'P&L: \$${pnl.toStringAsFixed(2)} (${pnl >= 0 ? '+' : ''}${pnlPercent.toStringAsFixed(2)}%)',
                      style: TextStyle(
                        color: pnl >= 0 ? Colors.green : Colors.red,
                        fontSize: 12,
                        fontWeight: FontWeight.bold,
                      ),
                    ),
                  ],
                ),
              ),
            );
          }),
          if (widget.portfolio.isEmpty)
            const Padding(
              padding: EdgeInsets.symmetric(vertical: 20),
              child: Center(
                child: Text(
                  'Portfolio vide',
                  style: TextStyle(color: Color(0xFFC4B5FD)),
                ),
              ),
            ),
        ],
      ),
    );
  }
}

import 'package:flutter/material.dart';

class SummaryCard extends StatelessWidget {
  final String title;
  final String value;
  final IconData icon;
  final Color color;

  const SummaryCard({
    Key? key,
    required this.title,
    required this.value,
    required this.icon,
    required this.color,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
      padding: const EdgeInsets.all(16),
      decoration: BoxDecoration(
        color: Colors.white.withOpacity(0.1),
        borderRadius: BorderRadius.circular(16),
        border: Border.all(color: Colors.white.withOpacity(0.2)),
      ),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Row(
            children: [
              Icon(icon, color: color, size: 20),
              const SizedBox(width: 8),
              Expanded(
                child: Text(
                  title,
                  style: const TextStyle(color: Color(0xFFC4B5FD), fontSize: 12),
                ),
              ),
            ],
          ),
          const SizedBox(height: 8),
          Text(
            value,
            style: TextStyle(
              fontSize: 20,
              fontWeight: FontWeight.bold,
              color: color,
            ),
          ),
        ],
      ),
    );
  }
}

import 'package:flutter/material.dart';
import 'screens/crypto_dashboard.dart';

void main() {
  runApp(const CryptoApp());
}

class CryptoApp extends StatelessWidget {
  const CryptoApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Crypto Dashboard',
      theme: ThemeData.dark().copyWith(
        scaffoldBackgroundColor: const Color(0xFF0F172A),
        primaryColor: const Color(0xFFA78BFA),
      ),
      home: const CryptoDashboard(),
    );
  }
}